@charset "UTF-8";
/*iryoishin*/
.m3_news-text-red {
  font-weight: bold;
  color: #c77171;
}

.m3_news-text-yellow {
  font-weight: bold;
  color: #d89e00;
}

.m3_news-text-pink {
  font-weight: bold;
  color: #d77cc0;
}

.m3_news-text-blue {
  font-weight: bold;
  color: #4b9ab8;
}

.m3_news-text-green {
  font-weight: bold;
  color: #5d905d;
}

/*new top iryoishin*/
.news-highlight__iryoishin h3 {
  margin: 0;
  padding: 0;
}

.news-highlight__iryoishin h3 img {
  width: 80px;
  vertical-align: -3px;
  margin-right: 2px;
}

.news-highlight__iryoishin h3 img {
  vertical-align: -3px;
  margin-right: 2px;
}

.news-highlight__iryoishin-photo {
  width: 200px;
}

.news-highlight__iryoishin-photo img {
  width: auto;
  height: auto;
  max-width: 190px;
  max-height: 190px;
}

.news-iryoishin__photo {
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 120px;
}

h3.news-highlight__iryoishin-title {
  margin: 0 0 10px;
}

/* highlight-search */
.m3-highlight-search {
  padding: 10px 0 20px 0;
}
.m3-highlight-search input.m3-search__textbox {
  border-right: 125px solid #40509e;
}
.m3-highlight-search input::placeholder {
  color: #999;
}
.m3-highlight-search button.m3-search__button {
  width: 125px;
  vertical-align: middle;
  font-size: inherit;
  top: 0;
  right: 0;
  height: 100%;
}
.m3-highlight-search button.m3-search__button i {
  font-size: 18px;
  margin-right: 4px;
}
.m3-highlight-search button.m3-search__button span {
  font-size: 16px;
}

/* iryoishin detail*/
.news-iryoishin_series_logo {
  width: 90px;
}

.news-header__marker-bottom {
  border-bottom: 1px solid #dedede;
  padding: 10px 0;
}

.news-header__marker-top {
  border-top: 1px solid #dedede;
  margin-top: 10px;
  padding: 10px 0;
}

.news-header__marker-bottom p,
.news-header__marker-top p {
  margin: 0;
  padding: 0;
}

.news-iryoishin_series {
  display: block;
  float: left;
  width: 80px;
  margin: 0 10px 5px 0;
  padding: 5px 0;
  text-align: center;
  background-color: #e5e8f0;
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
}

.news-iryoishin_series_title {
  display: block;
  margin: 3px 0 0;
  padding: 0;
  font-weight: bold;
  line-height: 1.5;
  overflow: auto;
  overflow-y: hidden;
}

.news-floatr_ml20 {
  float: right;
  margin-left: 20px;
}

/* iryoishin series*/
.news-iryoishin_series_panel {
  padding-top: 0;
}

.news-iryoishin_series_header {
  border-bottom: 1px solid #dedede;
  margin: -9px;
  padding: 10px;
  background-color: #f9f9f9;
}

@media all and (min-width: 1280px) {
  .news-iryoishin_series_header {
    margin: -9px -39px;
    padding: 10px 39px 10px 49px;
  }
}
.news-iryoishin_series_list {
  font-weight: bold;
  line-height: 30px;
}

.news-iryoishin_series-text {
  width: auto;
  overflow: auto;
}

.news-iryoishin_series-text h2 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.0625rem;
}

.news-iryoishin_series-text p {
  clear: both;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1.5;
  font-size: 0.8rem;
}

/* iryoishin series list*/
.news-header__series-marker-bottom {
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
  padding: 20px 0;
}

.news-header__series-marker-bottom p {
  margin: 0;
  padding: 0;
}

.news-iryoishin_serieslist-title {
  font-size: 1.0625rem;
}

.news-iryoishin_serieslist-mainimg {
  height: 120px;
}

.news-iryoishin_serieslist-maintext p {
  line-height: 1.5;
  margin: 10px 0 0;
  padding: 0;
}

.news-iryoishin_serieslist-more {
  margin-bottom: 40px;
  text-align: right;
  margin-top: 8px;
}

.news-iryoishin_serieslist-more p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.news-carousel__thumb {
  position: relative;
  height: 80px;
  width: 156px;
  margin-bottom: 5px;
}
.news-carousel__thumb a {
  color: #555;
}
.news-carousel__thumb a:hover {
  text-decoration: none;
}

.news-carousel__thumb-link {
  display: block;
  height: 80px;
  text-align: center;
}

.news-carousel__thumb-title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  padding: 2px 3px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#88ffffff, EndColorStr=#88ffffff);
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}

.news-highlight-main-col {
  width: 60%;
}
.news-highlight-main-col .m3-article-list {
  margin: 0;
}

.news-highlight-sub-col {
  width: 38%;
}

.news-highlight__panel {
  float: right;
  width: 222px;
}

.news-highlight__panel__box {
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}

.news-highlight__panel__box__list {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.news-highlight__panel__box__list li {
  padding: 5px 0;
  border-bottom: 1px solid #c9c9c9;
}
.news-highlight__panel__box__list li:first-child {
  padding: 0 0 5px;
}

.news-highlight__panel-text {
  margin-top: 5px;
}

.news-highlight__panel ul li a {
  word-wrap: break-word;
}

.news-contentsarea__thumb {
  width: 100px;
  text-align: center;
}
.news-contentsarea__thumb img {
  vertical-align: bottom;
}

.m3-article-header .m3-sub-heading {
  font-size: 0.875rem;
  color: #666;
}
.m3-article-header .m3-sub-heading {
  margin-top: 14px;
}
.m3-article-header .m3-sub-heading + h1 {
  margin-top: 10px;
}
.m3-article-header .m3-info {
  margin-top: 10px;
}
.m3-article-header .m3-function {
  margin-top: 10px;
}

.m3-article-body {
  margin: 30px 0;
}

.m3-article-body__thumbnail {
  width: 222px;
  margin: 0 0 10px 10px;
  float: right;
}

.m3-article-body__thumbnail__inner {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #dedede;
  text-align: center;
}
.m3-article-body__thumbnail__inner:last-child {
  margin-bottom: 0;
}
.m3-article-body__thumbnail__inner img {
  max-width: 190px;
}

.m3-article-body__fullsize {
  margin-bottom: 40px;
}
.m3-article-body__fullsize img {
  display: block;
  margin: 0 auto;
}

.m3-article-body__fullsize__caption {
  display: block;
  margin-top: 10px;
}

.news-article-list__item--first li:first-child a {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.8;
}

.m3-article-list--border .news-article-list--border--none {
  border: none;
}
.m3-article-list--border .news-article-list--padding--none {
  padding: 0;
}
.m3-article-list--border li p {
  margin: 0;
}

.news-search-list {
  margin-top: 20px;
}

.news-search-list__item p {
  margin: 0 0 5px;
}

.m3-news-text-sub .m3-news-category-label {
  min-width: 56px;
  box-sizing: border-box;
}

.news-category-label--bg11020 {
  background-color: #8c5e9d;
}

.news-category-label--bg11030 {
  background-color: #9e4d72;
}

.news-category-label--bg11010 {
  background-color: #46a09b;
}

.news-category-label--bg10070 {
  background-color: #d37c4d;
}

.news-category-label--bg11040 {
  background-color: #6d799c;
}

.news-category-label--bg12020 {
  background-color: #4b9ab8;
}

.news-category-label--bg12030 {
  background-color: #5d905d;
  letter-spacing: -0.2em;
}

.news-category-label--bg12040 {
  background-color: #c77171;
}

.news-category-label--bg12000 {
  background-color: #d89e00;
}

.news-category-label--bg12050 {
  background-color: #665fc4;
}

.news-category-label--bg11050 {
  background-color: #8fad47;
}

.news-category-label--bg11060 {
  background-color: #d77cc0;
}

.news-category-label--bg11070 {
  background-color: #46a09b;
}

.news-category-label--bg-wic {
  background-color: #2d0097;
}

.m3-news-text-sub {
  display: flex;
  align-items: center;
  margin-top: 4px !important;
}

/*article source*/
.m3-news-text-sub .m3-news-text-source {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*icon*/
.m3-news-text-sub .m3-icon-label,
.m3-news-text-sub .m3-text--small {
  white-space: nowrap;
}

.news-tag {
  display: inline-block;
  position: relative;
  background: #e5e8f0;
  margin-top: 15px;
  padding: 8px 10px;
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: none;
}
.news-tag:visited {
  color: #03a !important;
}
.news-tag:hover {
  text-decoration: none !important;
}
.news-tag:after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 12px solid #e5e8f0;
}

.news-tag-arrow {
  display: inline-block;
  padding: 1px 3px;
  background: #9ac;
  color: #fff;
  font-size: 0.625rem;
}

.news-tag-logo {
  margin-top: 5px;
}

.m3-function .m3-function__print {
  font-size: 18px;
}
.m3-function .m3-function__print a {
  color: #333;
  padding: 0 5px;
}
.m3-function .m3-function__twitter a {
  vertical-align: -3px;
  padding: 0 5px;
}
.m3-function .m3-social-button a i {
  margin-right: 6px;
}

.m3-function .m3-function__print a:hover,
.m3-function .m3-function__twitter a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

.m3-article-add-comment {
  margin-bottom: 20px;
  border-top: 1px #dedede solid;
}
.m3-article-add-comment h2 {
  margin-top: 25px;
}
.m3-article-add-comment h2 input {
  display: inline;
  width: 250px;
  padding: 6px;
  margin-top: 0;
  margin-right: 6px;
}
.m3-article-add-comment p.m3-text--small {
  margin: 0.5em 0 0 0;
  white-space: nowrap;
}
.m3-article-add-comment input, .m3-article-add-comment textarea {
  border: 1px solid #9ac;
  padding: 10px;
  border-radius: 4px;
  background: #fff;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 14px;
}
.m3-article-add-comment textarea {
  width: 100%;
}
.m3-article-add-comment input.m3-article-comment__newname {
  width: 250px;
  margin-right: 6px;
  padding: 6px;
}
.m3-article-add-comment input.m3-article-comment__title {
  width: 450px;
}
.m3-article-add-comment input.m3-article-comment__contents {
  width: 100%;
}
.m3-article-add-comment .m3-flat-panel--warning p {
  font-weight: bold;
  margin: 10px 0;
}
.m3-article-add-comment .m3-flat-panel--warning p {
  font-weight: bold;
  margin: 10px 0;
}

.m3-article-add-comment__bt {
  height: 48px;
}

.m3-article-comment-list ul {
  padding: 0;
  margin: 10px 0;
}
.m3-article-comment-list ul li {
  list-style-type: none;
  padding: 15px;
  border-top: 1px solid #d9d9d9;
}
.m3-article-comment-list ul li:hover {
  background: #fcf9ea;
  cursor: pointer;
}
.m3-article-comment-list ul li:last-child {
  border-bottom: 1px solid #ccc;
}
.m3-article-comment-list ul li h4 {
  font-size: 1rem;
  margin: 0;
}
.m3-article-comment-list ul li p.m3-article-comment-list__info {
  font-size: 0.75rem;
  color: #808080;
  line-height: 1.5;
  margin: 6px 0 0 0;
}

.m3-article-comment-list__nocomment {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  margin: 10px 0;
}
.m3-article-comment-list__nocomment p {
  padding: 3em;
  text-align: center;
}

.m3-article-comment-list__text {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-top: 10px;
  color: #333;
  margin: 0;
  word-break: break-all;
}

.m3-article-comment-list__more a i,
.m3-article-comment-list__all-comment a i {
  margin-right: 3px;
}

.m3-article-comment-list__all-comment a {
  margin-top: 10px;
  font-size: 0.875rem;
}

.m3-article-comment-consent {
  padding: 20px 20px !important;
}
.m3-article-comment-consent label {
  font-size: 0.875rem;
}
.m3-article-comment-consent h3 {
  margin-top: 10px;
}
.m3-article-comment-consent ul {
  list-style-position: inside;
  padding-left: 0;
}
.m3-article-comment-consent ul li {
  font-size: 0.75rem;
  color: #808080;
  line-height: 1.5;
  list-style: none;
  padding-left: 15px;
}
.m3-article-comment-consent ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 100%;
  background: #b2b2b2;
  position: relative;
  left: -10px;
  top: -3px;
}

.m3-checkbox input[type=checkbox] + span::before {
  background: #fff;
}

.news-twitter-timeline .twitter-timeline {
  width: 100% !important;
}

.news-mailmagazine-box {
  padding-top: 3px;
  line-height: 1.5;
}

.news-mailmagazine__mail__icon {
  font-size: 1.25rem;
  color: #40509e;
  line-height: 1;
}

.news-mailmagazine-bt i {
  margin-right: 4px;
  font-size: 0.85rem;
  line-height: 1;
}

.news-bottom-printbt {
  padding-right: 10px;
}

.news-bottom-tweetbt {
  margin-top: 6px;
}

.news-wic-lead-panel p {
  margin-top: 0;
  font-size: 0.875rem;
}

.news-wic-lead {
  display: table;
}
.news-wic-lead .news-wic-lead,
.news-wic-lead .news-wic-logo {
  vertical-align: top;
}
.news-wic-lead .news-wic-logo {
  width: 206px;
  display: table-cell;
  padding-right: 20px;
}
.news-wic-lead .news-wic-text {
  display: table-cell;
}
.news-wic-lead p {
  margin-top: 0;
  font-size: 0.875rem;
}

.news-asahi-panel .news-asahi-heading {
  margin-bottom: 15px;
}
.news-asahi-panel .news-asahi-text {
  margin-bottom: 10px;
}

.news-saizensen__panel {
  margin-top: 10px;
  padding-bottom: 20px;
  border-top: 2px solid #40509e;
}

.news-saizensen-series-index {
  padding: 20px 0;
}

.news-saizensen-series-index .m3-span-8 h3 {
  display: inline;
  float: left;
  margin-top: 0;
}

.news-saizensen-series-index .m3-span-4 p {
  float: right;
  font-size: 12px;
  margin: 0;
  font-weight: bold;
}

.news-saizensen-related-seminar {
  margin-bottom: 50px;
  border-radius: 4px;
  padding: 30px;
  background-color: #f5f5f5;
}

.news-saizensen-related-seminar h3 {
  margin: 0;
}

.news-saizensen-related-seminar ul {
  margin-bottom: 0;
}

.news-saizensen-related-seminar ul li {
  font-size: 13px;
}

.news-article__list--nest li {
  text-indent: 0;
  counter-increment: none;
}
.news-article__list--nest li:before {
  content: none;
}

.news-article__text--important {
  background: #e5eaf7;
  padding: 4px 5px;
}

.news-article__col {
  margin-top: 15px;
  *zoom: 1;
}
.news-article__col:before, .news-article__col:after {
  display: table;
  content: "";
  line-height: 0;
}
.news-article__col:after {
  clear: both;
}

.news-article__col-left {
  float: left;
  padding-right: 20px;
  width: 329px;
  border-right: 1px solid #dedede;
}

.news-article__col-right {
  float: right;
  width: 330px;
  margin-left: 20px;
}

.news-article__col--round-left {
  float: left;
  margin: 0 20px 10px 0;
}

.news-article__col--round-right {
  float: right;
  margin: 0 0 10px 20px;
}

.news-article__img-capset {
  margin: 15px auto 0;
  text-align: center;
  display: table;
  width: 150px;
}

.news-article__img {
  margin-top: 15px;
  text-align: center;
}

.news-article__img__box {
  display: inline-block;
}

.news-article__img--border img {
  border: 1px solid #dedede;
  vertical-align: bottom;
}

.news-article__caption {
  font-size: 0.8125rem;
  text-align: left;
}

.news-article__caption--w150 {
  width: 150px;
}

.news-article__caption--w343 {
  width: 343px;
}

.news-article__caption--w353 {
  width: 353px;
}

.news-article__caption--w500 {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

.news-article__label {
  margin-right: 6px;
  padding: 4px 8px;
  color: #fff;
}

.news-article__label--agree {
  background: #40509e;
}

.news-article__label--disagree {
  background: #c00;
}

.news-article__label--withhold {
  background: #666;
}

.news-article__box {
  padding: 15px 20px;
  font-size: 0.8125rem;
}
.news-article__box p {
  margin: 0;
}
.news-article__box ul {
  margin-top: 5px;
  margin-bottom: 0;
}
.news-article__box li {
  margin-top: 5px;
}

.news-article__list {
  margin: 0;
}
.news-article__list li {
  margin-top: 0;
  font-size: 0.875rem;
}

.news-article__box--default {
  background: #f5f5f5;
}

.news-article__box--secondary {
  border: 1px solid #9ac;
}

.news-article__box--title {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.news-article__col--round__table {
  width: 343px;
}

.news-article__cell--color {
  background: #e5eaf7 !important;
}

.news-article__line--color td, .news-article__line--color > .news-article__table__cell {
  background: #f5f5f5 !important;
}

.news-article__table {
  margin-top: 15px;
}
.news-article__table .news-article__caption {
  margin-bottom: 5px;
}

.news-article__table__inner {
  table-layout: fixed;
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  list-style: none;
}

.news-article__table__line {
  display: table-row;
}

.news-article__table__cell {
  display: table-cell;
  font-size: 0.875rem;
  padding: 10px 15px;
  color: #333;
  vertical-align: top;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.news-article__table__cell__header {
  background-color: #f5f5f5;
  font-weight: bold;
}

.news-article__table--middle {
  vertical-align: middle !important;
}

.news-article__table--center {
  text-align: center !important;
}

.news-article__quote--bg {
  background: #f5f5f5;
  padding: 20px;
}
.news-article__quote--bg p {
  margin-top: 0;
}

.news-article__tv__box,
.news-article__tv__caption,
.news-article__tv__after {
  font-size: 0.875rem;
}

.news-article__tv__box h2 {
  border: solid 1px #dedede;
  padding: 10px 10px 10px 20px;
  background: #f6f6f6;
  font-size: 0.9375rem;
  font-weight: bold;
  margin: 20px 0 0;
}

.news-article__tv__box--wrap {
  border-bottom: solid 1px #dedede;
  border-right: solid 1px #dedede;
  border-left: solid 1px #dedede;
  padding: 0 20px;
  margin: 0;
}
.news-article__tv__box--wrap h3 {
  padding: 16px 0 0;
  margin: 0;
  font-size: 1rem;
}
.news-article__tv__box--wrap p {
  margin-bottom: 8px;
  font-size: 1rem;
}

.news-article__tv__box--link {
  text-align: right;
  margin-bottom: 20px;
}

.news-article__tv__pastlink {
  margin: 20px 0;
  text-align: center;
}

.news-article__tv__caption .news-article__tv__caption--ul {
  text-decoration: underline;
}

.news-article__tv__caption span {
  display: block;
}

.news-article__tv__after--info {
  background: #f6f6f6;
  border-radius: 4px;
  padding: 8px 12px;
}

.news-article__tv__caption span {
  display: block;
}

.news-article__tv__after {
  margin: 0;
}
.news-article__tv__after h3 {
  padding: 16px 0 0;
  margin: 0;
  font-size: 1rem;
}
.news-article__tv__after p {
  margin: 8px 0;
  font-size: 1rem;
}

.m3-news-quiz-highlight {
  height: 100%;
  width: 100%;
  display: table;
}
.m3-news-quiz-highlight .m3-news-quiz-highlight__wrap {
  display: table-cell;
}

.m3-article-body .m3_readable {
  font-size: 87.5%;
  line-height: 1.6;
  margin: 0.71em 0;
}
.m3-article-body .photo {
  float: right;
  font-size: 75%;
  margin: 5px;
}
.m3-article-body .style1 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.m3-article-body .style2 {
  font-size: 14px;
}
.m3-article-body .m3_lh13 {
  line-height: 1.3;
}
.m3-article-body .m3_fs12 {
  font-size: 75%;
}
.m3-article-body .m3_fs14 {
  font-size: 87.5%;
}
.m3-article-body .m3_fs16 {
  font-size: 100%;
}
.m3-article-body .m3_optional-information {
  border: 1px solid #bfbfbf;
  line-height: 1.3;
  margin: 1.25em 0;
  padding: 0.31em 0 0;
}
.m3-article-body .m3_optional-information .m3_plain {
  font-size: 87.5%;
  font-weight: bold;
  margin: 0.36em 10px;
  padding: 0;
}
.m3-article-body .m3_optional-information .m3_subtitle {
  display: block;
  font-size: 85.7%;
  font-weight: normal;
  margin: 0.42em 0;
}
.m3-article-body .m3_optional-information .m3_optional-contents {
  margin: 0.31em 10px;
}
.m3-article-body .m3_plain {
  font-size: 75%;
  line-height: 1.3;
  margin: 1.25em 0;
}
.m3-article-body .m3_status-mark {
  padding: 0 0.3em;
  color: #fff;
  font-weight: normal;
  font-size: 91.7%;
  font-family: Tahoma;
  white-space: nowrap;
  letter-spacing: 0.02em;
}
.m3-article-body .m3_status_02 {
  background: #808080;
}
.m3-article-body .m3_status_03 {
  background: #33009a;
}
.m3-article-body .m3_status_04 {
  background: #000;
}
.m3-article-body .m3_status_05 {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}
.m3-article-body .m3_status_06 {
  background: #db0000;
  text-decoration: none;
}
.m3-article-body .m3_status_07 {
  background: #000;
  text-decoration: none;
}
.m3-article-body .m3_status_08 {
  color: #8c0000;
  font-weight: bold;
  text-decoration: none;
}
.m3-article-body .m3_status_09 {
  background: #3c3;
}
.m3-article-body .m3_status_10 {
  background: #e56d17;
  text-decoration: none;
}
.m3-article-body .m3_simple {
  margin: 1.07em 0;
  padding: 0;
  border: none;
  font-size: 87.5%;
  line-height: 1.3;
}
.m3-article-body .m3_mb10 {
  margin-bottom: 10px;
}
.m3-article-body .m3_mr10 {
  margin-right: 10px;
}
.m3-article-body .m3_fl {
  float: left;
}
.m3-article-body .m3-heading1,
.m3-article-body .m3-heading2,
.m3-article-body .m3-heading3 {
  font-weight: bold;
}
.m3-article-body .m3_clearfix {
  *zoom: 1;
}
.m3-article-body .m3_clearfix:before, .m3-article-body .m3_clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.m3-article-body .m3_clearfix:after {
  clear: both;
}

/* research-polls label*/
.news-poll-label--wanted {
  background-color: #40509e;
}

.news-poll-label--open {
  color: #40509e;
  border: 1px solid #40509e;
}

.news-poll-text {
  margin-top: 5px;
}

.m3-equal-group .m3-panel.news-recommended-clinical--point {
  padding-bottom: 33px;
}

/*ぼかし版*/
.m3-article-comment-blur {
  float: none;
  margin-top: 70px;
  padding-top: 20px;
  border-top: 1px #dedede solid;
}
.m3-article-comment-blur a {
  display: block;
  width: 100%;
  height: 200px;
  background: url(//s.m3img.com/atlas/1.0.0/images/news/comment.png) 0 0 no-repeat;
  background-size: contain;
  text-align: center;
}
.m3-article-comment-blur a:hover {
  background: url(//s.m3img.com/atlas/1.0.0/images/news/comment_over.png) 0 0 no-repeat;
  background-size: contain;
}
.m3-article-comment-blur span.m3-button {
  display: inline-block;
  padding: 10px 20px;
  margin-top: 77px;
}
.m3-article-comment-blur span.m3-button:active {
  margin-top: 80px;
}
.m3-article-comment-blur span i {
  margin-right: 5px;
}

a.m3-category-label-link-lg {
  color: rgb(64, 80, 158);
  margin: 0px 6px 10px 0px;
  padding: 9px 18px;
  font-size: 13px;
  border-radius: 60px;
  border: 1px solid rgb(64, 80, 158);
  background-color: rgb(255, 255, 255);
}
a.m3-category-label-link-lg:visited {
  color: rgb(64, 80, 158);
  background-color: rgb(255, 255, 255);
}
a.m3-category-label-link-lg:hover, a.m3-category-label-link-lg:visited:hover {
  background-color: rgb(64, 80, 158);
  text-decoration-line: none;
  text-decoration-style: initial;
  text-decoration-color: initial;
  color: rgb(255, 255, 255) !important;
}

.m3-article-list-heading {
  overflow: visible;
  white-space: normal;
}

/* 地域ニュース　ここから */
.news-japan-map {
  margin-top: 20px;
}

.news-japan-map svg {
  width: 500px;
  margin: 20px auto;
}

.news-japan-btn ul {
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 100;
  margin-bottom: 30px;
}

.news-japan-btn ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  border-bottom: 1px solid #fff;
  background-color: #f5f5f5;
  width: 80px;
}

.news-japan-btn ul li:last-child {
  border-bottom: none;
}

.news-japan-btn ul li.news-japan-btn__tokyo {
  width: 161px;
}

.news-japan-btn ul li a {
  display: block;
  padding: 5px;
  font-size: 14px;
  text-decoration: none !important;
}

.news-japan-btn ul li a:hover {
  background-color: #7b92d4;
  color: #fff;
}

.news-japan-map {
  position: relative;
  width: 700px;
  text-align: center;
  border-bottom: 1px solid #dedede;
  padding-bottom: 30px;
  margin-bottom: 10px;
}

.news-japan-area__tohoku, .news-japan-area__kanto, .news-japan-area__shikoku {
  display: flex;
  flex-wrap: wrap;
  width: 163px;
}

.news-japan-area__chubu {
  display: flex;
  flex-wrap: wrap;
  width: 244px;
}

.news-japan-area__tohoku li:nth-last-child(2), .news-japan-area__shikoku li:nth-last-child(2) {
  border-bottom: none;
}

.news-japan-area__chubu li:nth-last-child(2), .news-japan-area__chubu li:nth-last-child(3) {
  border-bottom: none;
}

.news-japan-area__tohoku li:nth-child(even), .news-japan-area__kanto li:nth-child(even), .news-japan-area__shikoku li:nth-child(even) {
  border-left: 1px solid #fff;
}

.news-japan-area__chubu li {
  border-right: 1px solid #fff;
}

.news-japan-area__chubu li:nth-child(3n) {
  border-right: none;
}

.news-japan-area__hokkaido {
  top: 80px;
  right: 20px;
}

.news-japan-area__tohoku {
  top: 195px;
  right: 40px;
}

.news-japan-area__kanto {
  bottom: 130px;
  right: 60px;
}

.news-japan-area__chubu {
  bottom: 20px;
  right: 60px;
}

.news-japan-area__kinki {
  top: 120px;
  left: 255px;
}

.news-japan-area__chugoku {
  top: 210px;
  left: 150px;
}

.news-japan-area__shikoku {
  bottom: 0;
  left: 230px;
}

.news-japan-area__kyusyu {
  bottom: 0;
  left: 50px;
}

.news-japan-area__okinawa {
  top: 135px;
  left: 140px;
}

.news-japan__okinawabox {
  position: absolute;
  width: 160px;
  height: 175px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  top: 10px;
  left: 80px;
  z-index: 0;
}

.news-japan {
  fill: #d5dbe7;
}

.m3-panel > .news-local-title {
  margin: -29px -9px 20px !important;
}

@media screen and (min-width: 1280px) {
  .m3-panel > .news-local-title {
    margin: -39px -39px 20px !important;
  }
}
.news-local-title {
  background-color: #333;
  height: 156px;
  background-position: center center;
  background-repeat: no-repeat;
}

.news-local-title__prefectures {
  background: rgba(0, 0, 0, 0.4);
  height: 156px;
}

.news-local-title__prefectures span {
  display: block;
  margin: 0 0 0 0.5em;
  padding: 0;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
  letter-spacing: 0.5em;
  line-height: 156px;
}

/*横１列にする*/
.news-highlight-main-full {
  width: 100%;
}
.news-highlight-main-full .m3-article-list {
  margin: 0;
}

/*Best4以下１行で省略*/
.news-local_highlight--latter {
  display: inline-block;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/*上３つをアクティブに*/
.news-article-list__item--best3 {
  border-top: 1px solid #dedede;
  margin: 20px 0 0;
  padding: 10px 0 0;
}
.news-article-list__item--best3 li:nth-child(1) a,
.news-article-list__item--best3 li:nth-child(2) a,
.news-article-list__item--best3 li:nth-child(3) a {
  font-size: 1.125rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.8;
}

.news-local-ranking {
  display: flex;
}

.news-local-ranking__num {
  margin-right: 8px;
  width: 22px;
}
.news-local-ranking__num .m3-article-list--noimage__item {
  margin: 0;
}

.news-local-ranking__news {
  width: 670px;
}

.m3-article-list--noimage__item {
  display: inline-block;
  overflow: hidden;
  padding: 5px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  background: #7c95db;
  font-weight: normal;
}

.m3-article-list li:nth-child(1) .news-local-ranking__num .m3-article-list--noimage__item {
  background-color: #d0a32f;
}
.m3-article-list li:nth-child(2) .news-local-ranking__num .m3-article-list--noimage__item {
  background-color: #b9b9b0;
}
.m3-article-list li:nth-child(3) .news-local-ranking__num .m3-article-list--noimage__item {
  background-color: #D07149;
}

.news-local-arealink__heading {
  font-weight: bold;
}
.news-local-arealink__heading i {
  margin-right: 5px;
}

.news-local-arealink__list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-local-arealink__list li {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.news-local-arealink__list li a {
  display: block;
  text-align: center;
  border-radius: 4px;
  background: #d5dbe7;
  padding: 10px 0;
}
.news-local-arealink__list li a:hover {
  background-color: #7b92d4;
  color: #fff;
  text-decoration: none;
}

.news-local-arealink__hokkaidotohoku li {
  width: 94.2857142857px;
}

.news-local-arealink__kanto li {
  width: 94.2857142857px;
}

.news-local-arealink__chubu li {
  width: 71.1111111111px;
}

.news-local-arealink__kinki li {
  width: 111.6666666667px;
}

.news-local-arealink__chugokushikoku li {
  width: 71.1111111111px;
}

.news-local-arealink__kyusyuokinawa li {
  width: 168.75px;
}

/* 地域ニュース　ここまで */
.m3-message-box-a {
  border: solid 1px #DEDEDE;
  font-size: 0.875rem;
  line-height: 1.5;
  background-color: #fff;
  margin-top: 20px;
  padding: 15px;
  border-radius: inherit;
  position: relative;
}

.m3-message-box-a a:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}

.m3-message-box-a:hover {
  border: solid 1px rgba(64, 81, 157, 0.5);
  background-color: #F2F5FF;
  cursor: pointer;
  text-decoration: none;
}

.m3-message-box-a a:hover {
  text-decoration: none;
}

.m3-message-box-a .m3-message-box__unit {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
  position: relative;
  color: #333;
  font-weight: bold;
}

.m3-message-box-a .m3-message-box__unit-right .m3-message-box__img img {
  width: 53px;
  height: auto;
}

.m3-message-box-a .m3-message-box__group i.atlas-glyphs-arrow-right {
  display: table-cell;
  font-weight: bold;
  font-size: 20px;
  width: 4%;
  text-align: right;
  vertical-align: middle;
}

.m3-message-box-a .m3-message-box__group i.atlas-glyphs-arrow-right:before {
  color: #999;
}

.m3-message-box-a .m3-message-box__body {
  width: auto;
  display: inherit;
  white-space: inherit;
  font-size: 15px;
  color: #333;
  overflow: hidden;
}

.m3-message-box-a .m3-status-label--high {
  vertical-align: text-bottom;
}

.m3-message-box-a .m3-message-box__title {
  width: auto;
  white-space: inherit;
  font-weight: bold;
  color: #333;
  line-height: 1.3;
  font-size: 15px;
  font-weight: bold;
}

.m3-message-box-a .m3-message-box__from {
  color: #999;
}

.m3-message-box-a:hover .m3-message-box__title,
.m3-message-box-a:hover .m3-message-box__unit {
  color: #03a;
}

.m3-message-box-a .m3-message-box__unit .message {
  overflow: hidden;
  padding-right: 10px;
}

.m3-message-box-a:hover i.atlas-glyphs-arrow-right:before {
  color: #2a3468;
}

@media screen and (min-width: 1280px) {
  .m3-message-box-a {
    padding: 20px;
  }
  .m3-message-box-a .m3-message-box__group i.atlas-glyphs-arrow-right {
    width: 7%;
  }
}
.news-local-title__hokkaido {
  background: url(https://s.m3img.com/images/news/japan/hokkaido.jpg);
}

.news-local-title__aomori {
  background: url(https://s.m3img.com/images/news/japan/aomori.jpg);
}

.news-local-title__iwate {
  background: url(https://s.m3img.com/images/news/japan/iwate.jpg);
}

.news-local-title__miyagi {
  background: url(https://s.m3img.com/images/news/japan/miyagi.jpg);
}

.news-local-title__akita {
  background: url(https://s.m3img.com/images/news/japan/akita.jpg);
}

.news-local-title__yamagata {
  background: url(https://s.m3img.com/images/news/japan/yamagata.jpg);
}

.news-local-title__fukushima {
  background: url(https://s.m3img.com/images/news/japan/fukushima.jpg);
}

.news-local-title__ibaraki {
  background: url(https://s.m3img.com/images/news/japan/ibaraki.jpg);
}

.news-local-title__tochigi {
  background: url(https://s.m3img.com/images/news/japan/tochigi.jpg);
}

.news-local-title__gunma {
  background: url(https://s.m3img.com/images/news/japan/gunma.jpg);
}

.news-local-title__saitama {
  background: url(https://s.m3img.com/images/news/japan/saitama.jpg);
}

.news-local-title__chiba {
  background: url(https://s.m3img.com/images/news/japan/chiba.jpg);
}

.news-local-title__tokyo {
  background: url(https://s.m3img.com/images/news/japan/tokyo.jpg);
}

.news-local-title__kanagawa {
  background: url(https://s.m3img.com/images/news/japan/kanagawa.jpg);
}

.news-local-title__niigata {
  background: url(https://s.m3img.com/images/news/japan/niigata.jpg);
}

.news-local-title__toyama {
  background: url(https://s.m3img.com/images/news/japan/toyama.jpg);
}

.news-local-title__ishikawa {
  background: url(https://s.m3img.com/images/news/japan/ishikawa.jpg);
}

.news-local-title__fukui {
  background: url(https://s.m3img.com/images/news/japan/fukui.jpg);
}

.news-local-title__yamanashi {
  background: url(https://s.m3img.com/images/news/japan/yamanashi.jpg);
}

.news-local-title__nagano {
  background: url(https://s.m3img.com/images/news/japan/nagano.jpg);
}

.news-local-title__gifu {
  background: url(https://s.m3img.com/images/news/japan/gifu.jpg);
}

.news-local-title__shizuoka {
  background: url(https://s.m3img.com/images/news/japan/shizuoka.jpg);
}

.news-local-title__aichi {
  background: url(https://s.m3img.com/images/news/japan/aichi.jpg);
}

.news-local-title__mie {
  background: url(https://s.m3img.com/images/news/japan/mie.jpg);
}

.news-local-title__shiga {
  background: url(https://s.m3img.com/images/news/japan/shiga.jpg);
}

.news-local-title__kyoto {
  background: url(https://s.m3img.com/images/news/japan/kyoto.jpg);
}

.news-local-title__osaka {
  background: url(https://s.m3img.com/images/news/japan/osaka.jpg);
}

.news-local-title__hyogo {
  background: url(https://s.m3img.com/images/news/japan/hyogo.jpg);
}

.news-local-title__nara {
  background: url(https://s.m3img.com/images/news/japan/nara.jpg);
}

.news-local-title__wakayama {
  background: url(https://s.m3img.com/images/news/japan/wakayama.jpg);
}

.news-local-title__tottori {
  background: url(https://s.m3img.com/images/news/japan/tottori.jpg);
}

.news-local-title__shimane {
  background: url(https://s.m3img.com/images/news/japan/shimane.jpg);
}

.news-local-title__okayama {
  background: url(https://s.m3img.com/images/news/japan/okayama.jpg);
}

.news-local-title__hiroshima {
  background: url(https://s.m3img.com/images/news/japan/hiroshima.jpg);
}

.news-local-title__yamaguchi {
  background: url(https://s.m3img.com/images/news/japan/yamaguchi.jpg);
}

.news-local-title__tokushima {
  background: url(https://s.m3img.com/images/news/japan/tokushima.jpg);
}

.news-local-title__kagawa {
  background: url(https://s.m3img.com/images/news/japan/kagawa.jpg);
}

.news-local-title__ehime {
  background: url(https://s.m3img.com/images/news/japan/ehime.jpg);
}

.news-local-title__kochi {
  background: url(https://s.m3img.com/images/news/japan/kochi.jpg);
}

.news-local-title__fukuoka {
  background: url(https://s.m3img.com/images/news/japan/fukuoka.jpg);
}

.news-local-title__saga {
  background: url(https://s.m3img.com/images/news/japan/saga.jpg);
}

.news-local-title__nagasaki {
  background: url(https://s.m3img.com/images/news/japan/nagasaki.jpg);
}

.news-local-title__kumamoto {
  background: url(https://s.m3img.com/images/news/japan/kumamoto.jpg);
}

.news-local-title__oita {
  background: url(https://s.m3img.com/images/news/japan/oita.jpg);
}

.news-local-title__miyazaki {
  background: url(https://s.m3img.com/images/news/japan/miyazaki.jpg);
}

.news-local-title__kagoshima {
  background: url(https://s.m3img.com/images/news/japan/kagoshima.jpg);
}

.news-local-title__okinawa {
  background: url(https://s.m3img.com/images/news/japan/okinawa.jpg);
}

.m3-twbs-modal-header.m3-twbs-modal-header__oncology {
  border-bottom: none;
}

.m3-twbs-modal-body .m3-twbs-modal-title__oncology {
  margin-bottom: 10px;
}
.m3-twbs-modal-body__inner {
  padding: 20px;
}

.m3-twbs-modal-footer__oncology {
  border-top: none;
  text-align: center;
  padding-bottom: 40px;
}

.m3-twbs-modal-title__oncology-border {
  border-top: 1px solid #dedede;
  padding-top: 20px;
  margin-top: 20px;
}

.m3-custom-heading__select a:visited {
  color: #03a;
}

.m3-article-list__oncology .m3-category-label-link {
  display: none;
}

.m3-cat p {
  margin: 0 0 1rem 0;
}
.m3-cat p a.m3-button--primary {
  color: #fff;
}
.m3-cat .m3-heading1, .m3-cat .m3-heading2, .m3-cat .m3-heading3 {
  margin: 1.5rem 0 1rem;
}
.m3-cat .news-article__box p:last-child {
  margin: 0;
}
.m3-cat .news-article__box--default img {
  margin-bottom: 0rem !important;
}
.m3-cat .news-article__box--default ul {
  margin: 5px 0 0 0;
}
.m3-cat .news-article__box--default hr.m3-push-top {
  margin: 20px 0 0 0 !important;
}
.m3-cat ul.m3-list {
  margin: 15px 0 0 0;
}
.m3-cat table.m3-table tbody th {
  padding: 10px 15px;
}
.m3-cat .m3-table ul {
  margin: 0;
}
.m3-cat ul.m3-list--note {
  padding-left: 0;
}
.m3-cat ul.m3-list--note li::before {
  content: "※" !important;
}
.m3-cat .news-article__box ul {
  margin-top: 5px;
}
.m3-cat .m3-list--ordered li {
  list-style-type: decimal;
}
.m3-cat .m3-list--ordered li:before {
  content: none;
}
.m3-cat .border {
  margin-bottom: 1rem;
}
.m3-cat .group {
  margin: 20px 0 20px !important;
}

/*animation */
@-webkit-keyframes flash {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.m3-series-article-box {
  margin: 60px 0 20px;
}
.m3-series-article-box h2 {
  font-size: 1.125rem;
  border-left: none;
  padding: 0;
  margin: 0 0 16px;
}
.m3-series-article-box h2 a {
  color: #03a;
}
.m3-series-article-box h2 a:visited {
  color: #03a;
}
.m3-series-article-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.m3-series-article-box ul li {
  border-bottom: 1px solid #dedede;
  opacity: 1;
  height: auto;
  width: 100%;
  transition: all 0.4s ease 0s;
  overflow: hidden;
}
.m3-series-article-box ul li:first-child {
  border-top: 1px solid #dedede;
}
.m3-series-article-box ul li.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: none;
}
.m3-series-article-box ul li a {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 12px 0;
  text-decoration: none !important;
  color: #333;
}
.m3-series-article-box ul li a:hover .m3-series-article-box__number,
.m3-series-article-box ul li a:hover .m3-series-article-box__text {
  opacity: 0.6;
}
.m3-series-article-box ul li a:hover .m3-series-article-box__thumb img {
  opacity: 1;
  animation-duration: 0.5s;
  animation-name: flash;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: flash;
}
.m3-series-article-box__number {
  width: 24px;
  padding: 0;
  box-sizing: border-box;
  color: #999;
  font-size: 0.875rem;
  white-space: nowrap;
}
.m3-series-article-box__text {
  flex: 1;
  padding: 0 0 0 15px;
  box-sizing: border-box;
}
.m3-series-article-box__text h3 {
  font-size: 0.875rem;
  line-height: 1.35;
  margin: 0 !important;
}
.m3-series-article-box__highlight {
  display: block;
  margin-bottom: 4px;
  color: #4B9AB8;
  font-size: 0.75rem;
  font-weight: bold;
}
.m3-series-article-box__thumb {
  line-height: 0;
}
.m3-series-article-box__thumb img {
  display: block;
  max-height: 60px;
  margin-left: 15px;
  margin-bottom: 0 !important;
}
.m3-series-article-box__focus {
  display: inline-block;
  font-size: 0.6875rem;
  color: #999;
  text-decoration: none;
  margin-top: 4px;
}
.m3-series-article-box__status-date {
  display: inline-block;
  font-size: 0.6875rem;
  color: #999;
  text-decoration: none;
  margin-top: 4px;
}
.m3-series-article-box a.m3-series-article-box--isHighlight h3 {
  font-size: 1rem;
}
.m3-series-article-box a.m3-series-article-box--isFocus,
.m3-series-article-box a.m3-series-article-box--isFocus:visited {
  pointer-events: none;
}
.m3-series-article-box a.m3-series-article-box--isFocus .m3-series-article-box__number,
.m3-series-article-box a.m3-series-article-box--isFocus:visited .m3-series-article-box__number {
  color: #ccc;
}
.m3-series-article-box a.m3-series-article-box--isFocus h3,
.m3-series-article-box a.m3-series-article-box--isFocus:visited h3 {
  color: #999;
}
.m3-series-article-box__more a {
  display: block;
  padding: 20px 0;
  width: 100%;
  color: #333;
  font-size: 0.875rem;
  text-align: center;
  cursor: pointer;
}
.m3-series-article-box__more a:hover {
  opacity: 1;
  text-decoration: none;
  animation-duration: 0.5s;
  animation-name: flash;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: flash;
}

.m3-before-after--article {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.m3-before-after--article:has(> div > *) {
  margin-top: 50px;
  margin-bottom: 40px;
}
.m3-before-after--article a:hover {
  text-decoration: none;
}
.m3-before-after--article a:hover .m3-before-after__btn .m3-before-after__btn-arrow {
  background-color: #4759b0;
}
.m3-before-after--article a:hover .m3-before-after__btn .m3-before-after__btn-main-title {
  opacity: 0.6;
}
.m3-before-after--article a:visited {
  color: #03a;
}
.m3-before-after--article .m3-before__box {
  width: calc(50% - 10px);
}
.m3-before-after--article .m3-before__box a {
  cursor: pointer;
  display: block;
  height: 100%;
  border: 1px solid #e0e0e0;
  border-bottom: 3px solid #d9d9d9;
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
}
.m3-before-after--article .m3-before__box .m3-before-after__btn-arrow {
  left: -1px;
  border-radius: 4px 0 0 4px;
}
.m3-before-after--article .m3-before__box .m3-before-after__txt {
  left: 0;
}
.m3-before-after--article .m3-before__box .m3-before-after__btn .m3-before-after__btn-main {
  border-radius: 0 4px 4px 0;
  padding-left: 43px;
}
.m3-before-after--article .m3-after__box {
  width: calc(50% - 10px);
}
.m3-before-after--article .m3-after__box a {
  cursor: pointer;
  display: block;
  height: 100%;
  border: 1px solid #e0e0e0;
  border-bottom: 3px solid #d9d9d9;
  border-radius: 4px;
  position: relative;
  box-sizing: border-box;
}
.m3-before-after--article .m3-after__box .m3-before-after__btn-arrow {
  right: -1px;
  border-radius: 0 4px 4px 0;
}
.m3-before-after--article .m3-after__box .m3-before-after__txt {
  right: 0;
  text-align: right;
}
.m3-before-after--article .m3-after__box .m3-before-after__btn .m3-before-after__btn-main {
  border-radius: 4px 0 0 4px;
  padding-right: 43px;
}
.m3-before-after--article .m3-before-after__txt {
  font-size: 0.75rem;
  color: #999;
  margin-bottom: 6px;
  line-height: 1;
  position: absolute;
  top: -18px;
}
.m3-before-after--article .m3-before-after__btn {
  display: flex;
  align-items: stretch;
  height: 100%;
  min-height: 72px;
  position: relative;
}
.m3-before-after--article .m3-before-after__btn .m3-before-after__btn-arrow {
  position: absolute;
  top: -1px;
  color: #fff;
  box-sizing: border-box;
  background-color: #40509e;
  border-bottom: 3px solid #2a3468;
  width: 28px;
  height: calc(100% + 4px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.m3-before-after--article .m3-before-after__btn .m3-before-after__btn-main {
  width: 100%;
  color: #03a;
  line-height: 1.5;
  font-weight: bold;
  background-color: #fff;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.m3-before-after--article .m3-before-after__btn .m3-before-after__btn-main-title {
  font-size: 0.875rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5em;
  max-height: 4.5em;
}
.m3-before-after--article .m3-before-after__btn .m3-before-after__btn-main-title span {
  color: #999;
}
.m3-before-after--article.before-after--article-bottom {
  margin-bottom: 60px;
}
.m3-before-after--article.before-after--article-bottom .m3-before__box {
  width: 100%;
}
.m3-before-after--article.before-after--article-bottom .m3-before-after__txt {
  display: none;
}
.m3-before-after--article.before-after--article-bottom .m3-before-after__btn {
  min-height: 52px;
}
.m3-before-after--article.before-after--article-bottom .m3-before-after__btn .m3-before-after__btn-arrow {
  width: 100px;
}
.m3-before-after--article.before-after--article-bottom .m3-before-after__btn .m3-before-after__btn-arrow::after {
  content: "前の記事";
  margin-left: 3px;
  margin-right: 3px;
}
.m3-before-after--article.before-after--article-bottom .m3-before-after__btn .m3-before-after__btn-main {
  width: calc(100% - 100px);
  padding-left: 115px;
}
.m3-before-after--article.before-after--article-bottom .m3-before-after__btn .m3-before-after__btn-main-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.m3-before-after--article img {
  display: inherit !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}
.m3-before-after--article > div {
  width: calc(50% - 10px);
}
.m3-before-after--article > div .m3-before__ca-box,
.m3-before-after--article > div .m3-after__ca-box {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.m3-before-after--article > div .m3-before__ca-box a,
.m3-before-after--article > div .m3-after__ca-box a {
  height: 100%;
  display: flex;
  align-items: center;
}
.m3-before-after--article > div .m3-before__ca-box > a > div > img,
.m3-before-after--article > div .m3-after__ca-box > a > div > img {
  width: auto !important;
  max-height: 52px;
  margin-right: 0;
  margin-left: 8px;
}
.m3-before-after--none {
  display: none;
}

.m3-panel .m3-article-header + .lead {
  margin: 20px 0;
}

.m3-article-poll {
  padding-top: 20px;
  margin-bottom: 20px;
  border-top: 1px #dedede solid;
}
.m3-article-poll .m3-balloon > i {
  color: #40509e;
}
.m3-article-poll .m3-list--disc {
  margin: 20px 0 20px 9px;
}
.m3-article-poll__list-inner {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 0.875rem;
}
.m3-article-poll__list-inner a {
  display: flex;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
}
.m3-article-poll__title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.m3-article-poll__response {
  flex-shrink: 0;
  font-size: 0.75rem;
}

/* ---------------------------
 *       Legacy Styles
 * ---------------------------*/
.m3-article-body .m3_readable {
  font-size: 87.5%;
  line-height: 1.6;
  margin: 0.71em 0;
}
.m3-article-body .photo {
  float: right;
  font-size: 75%;
  margin: 5px;
}
.m3-article-body .m3_right {
  float: right;
  margin: 0.25em 0 0 20px;
}
.m3-article-body .style1 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.m3-article-body .style2 {
  font-size: 14px;
}
.m3-article-body .m3_lh13 {
  line-height: 1.3;
}
.m3-article-body .m3_fs12 {
  font-size: 75%;
}
.m3-article-body .m3_fs14 {
  font-size: 87.5%;
}
.m3-article-body .m3_fs16 {
  font-size: 100%;
}
.m3-article-body .m3_optional-information {
  border: 1px solid #bfbfbf;
  line-height: 1.3;
  margin: 1.25em 0;
  padding: 0.31em 0 0;
}
.m3-article-body .m3_optional-information .m3_plain {
  font-size: 87.5%;
  font-weight: bold;
  margin: 0.36em 10px;
  padding: 0;
}
.m3-article-body .m3_optional-information .m3_subtitle {
  display: block;
  font-size: 85.7%;
  font-weight: normal;
  margin: 0.42em 0;
}
.m3-article-body .m3_optional-information .m3_optional-contents {
  margin: 0.31em 10px;
}
.m3-article-body .m3_plain {
  font-size: 75%;
  line-height: 1.3;
  margin: 1.25em 0;
}
.m3-article-body .m3_status-mark {
  padding: 0 0.3em;
  color: #fff;
  font-weight: normal;
  font-size: 91.7%;
  font-family: Tahoma;
  white-space: nowrap;
  letter-spacing: 0.02em;
}
.m3-article-body .m3_status_02 {
  background: #808080;
}
.m3-article-body .m3_status_03 {
  background: #33009a;
}
.m3-article-body .m3_status_04 {
  background: #000;
}
.m3-article-body .m3_status_05 {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}
.m3-article-body .m3_status_06 {
  background: #db0000;
  text-decoration: none;
}
.m3-article-body .m3_status_07 {
  background: #000;
  text-decoration: none;
}
.m3-article-body .m3_status_08 {
  color: #8c0000;
  font-weight: bold;
  text-decoration: none;
}
.m3-article-body .m3_status_09 {
  background: #33cc33;
}
.m3-article-body .m3_status_10 {
  background: #e56d17;
  text-decoration: none;
}
.m3-article-body .m3_simple {
  margin: 1.07em 0;
  padding: 0;
  border: none;
  font-size: 87.5%;
  line-height: 1.3;
}
.m3-article-body .m3_mb10 {
  margin-bottom: 10px;
}
.m3-article-body .m3_mr10 {
  margin-right: 10px;
}
.m3-article-body .m3_fl {
  float: left;
}
.m3-article-body .m3_clearfix {
  *zoom: 1;
}
.m3-article-body .m3_clearfix:before, .m3-article-body .m3_clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.m3-article-body .m3_clearfix:after {
  clear: both;
}

.sponsors-text-center {
  text-align: center;
  vertical-align: middle !important;
}

.sponsors-window-info {
  font-size: 0.75rem;
}

.sponsors-label--regular {
  display: none;
}

.sponsors-confirm {
  text-align: center;
  min-height: 200px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.sponsors-confirm__btn {
  padding-left: 50px;
  padding-right: 50px;
}

.sponsors-confirm__text-link {
  font-size: 14px;
  text-decoration: none;
  color: #03a;
}
.sponsors-confirm__text-link:hover {
  text-decoration: underline;
}

.sponsors-ranking > li {
  position: relative;
}
.sponsors-ranking .sponsors-ranking__number {
  position: absolute;
  top: 30%;
  left: 22px;
  font-size: 0.75rem;
  font-weight: bold;
}

.m3-custom-heading__link-list--selected a {
  color: #fff !important;
}

:root {
  --pls-basic-brand: #000066;
  --pls-basic-white: #ffffff;
  --pls-basic-black: #000000;
  --pls-gray-alpha-50: #2e344808;
  --pls-gray-alpha-100: #2e34480d;
  --pls-gray-alpha-200: #2e344817;
  --pls-gray-alpha-300: #2e344824;
  --pls-gray-alpha-500: #2e344845;
  --pls-gray-alpha-700: #2e344894;
  --pls-gray-alpha-800: #2e3448d6;
  --pls-gray-alpha-900: #37393e;
  --pls-gray-50: #fafafc;
  --pls-gray-100: #f6f6f9;
  --pls-gray-200: #edeef2;
  --pls-gray-300: #e2e4e9;
  --pls-gray-500: #c6c9d2;
  --pls-gray-700: #858993;
  --pls-gray-800: #55575f;
  --pls-gray-900: #37393e;
  --pls-white-alpha-50: #ffffff0d;
  --pls-white-alpha-100: #ffffff12;
  --pls-white-alpha-200: #ffffff1a;
  --pls-white-alpha-300: #ffffff29;
  --pls-white-alpha-500: #ffffff3d;
  --pls-white-alpha-700: #ffffff9e;
  --pls-blue-50: #f5f9fe;
  --pls-blue-100: #ecf3fe;
  --pls-blue-300: #c7d8ff;
  --pls-blue-600: #3160d9;
  --pls-blue-800: #173893;
  --pls-blue-900: #000066;
  --pls-sky-50: #f5fcff;
  --pls-sky-100: #e3f4fc;
  --pls-sky-300: #8fd2f2;
  --pls-sky-600: #0e9fe7;
  --pls-sky-700: #0c8bca;
  --pls-sky-800: #075985;
  --pls-teal-50: #f5fcfc;
  --pls-teal-100: #e6faf9;
  --pls-teal-300: #a2e3df;
  --pls-teal-600: #019c91;
  --pls-teal-800: #10625d;
  --pls-green-50: #f5fff5;
  --pls-green-100: #e4fce3;
  --pls-green-300: #bce8bc;
  --pls-green-600: #009900;
  --pls-green-800: #015b00;
  --pls-yellow-green-50: #fafff2;
  --pls-yellow-green-100: #eefcd9;
  --pls-yellow-green-300: #c2e58c;
  --pls-yellow-green-600: #6bb200;
  --pls-yellow-green-800: #406608;
  --pls-yellow-50: #fffdf5;
  --pls-yellow-100: #faf2d2;
  --pls-yellow-300: #f0e1a8;
  --pls-yellow-600: #d4a900;
  --pls-yellow-800: #614d00;
  --pls-orange-50: #fffaf5;
  --pls-orange-100: #fdf2e8;
  --pls-orange-300: #fac596;
  --pls-orange-600: #eb7a17;
  --pls-orange-700: #b05315;
  --pls-orange-800: #5c330f;
  --pls-red-50: #fffafa;
  --pls-red-100: #fde8ea;
  --pls-red-300: #f9bdc2;
  --pls-red-600: #db1c2c;
  --pls-red-800: #8a0712;
  --pls-pink-50: #fffafd;
  --pls-pink-100: #fae8f3;
  --pls-pink-300: #fa9ed5;
  --pls-pink-600: #d9178b;
  --pls-pink-800: #8b135b;
  --pls-purple-50: #fcfaff;
  --pls-purple-100: #f2ecfe;
  --pls-purple-300: #c3abf4;
  --pls-purple-600: #7240d6;
  --pls-purple-800: #360e87;
  --pls-background-primary: var(--pls-gray-100);
  --pls-surface-primary: var(--pls-basic-white);
  --pls-surface-secondary: var(--pls-gray-100);
  --pls-surface-disabled: var(--pls-gray-300);
  --pls-surface-accent: var(--pls-blue-600);
  --pls-surface-accent-light: var(--pls-blue-100);
  --pls-surface-cta: var(--pls-sky-600);
  --pls-surface-cta-light: var(--pls-sky-100);
  --pls-surface-info: var(--pls-blue-100);
  --pls-surface-success: var(--pls-green-100);
  --pls-surface-warning: var(--pls-red-100);
  --pls-surface-caution: var(--pls-yellow-100);
  --pls-surface-tooltip: var(--pls-gray-alpha-800);
  --pls-object-primary: var(--pls-gray-900);
  --pls-object-secondary: var(--pls-gray-alpha-700);
  --pls-object-disabled: var(--pls-gray-alpha-500);
  --pls-object-placeholder: var(--pls-gray-alpha-500);
  --pls-object-inverse-primary: var(--pls-basic-white);
  --pls-object-inverse-secondary: var(--pls-white-alpha-700);
  --pls-object-link: var(--pls-blue-600);
  --pls-object-accent: var(--pls-sky-700);
  --pls-object-accent-dark: var(--pls-blue-800);
  --pls-object-info: var(--pls-blue-600);
  --pls-object-success: var(--pls-green-600);
  --pls-object-warning: var(--pls-red-600);
  --pls-border-default: var(--pls-gray-alpha-200);
  --pls-border-strong: var(--pls-gray-alpha-300);
  --pls-border-ios: var(--pls-gray-alpha-500);
  --pls-border-info: var(--pls-blue-300);
  --pls-border-success: var(--pls-green-300);
  --pls-border-warning: var(--pls-red-300);
  --pls-border-caution: var(--pls-yellow-300);
  --pls-border-inverse-default: var(--pls-white-alpha-500);
  --pls-border-inverse-strong: var(--pls-white-alpha-700);
  --pls-features-action: var(--pls-red-600);
  --pls-features-statusaction: var(--pls-sky-700);
  --pls-features-point: var(--pls-orange-600);
  --pls-features-ranking-gold: var(--pls-yellow-600);
  --pls-features-ranking-silver: var(--pls-gray-700);
  --pls-features-ranking-bronze: var(--pls-orange-700);
  --pls-features-review: var(--pls-yellow-500);
  --pls-hover-primary: #3b4dc40a;
  --pls-hover-secondary: var(--pls-gray-alpha-50);
  --pls-hover-inverse: var(--pls-white-alpha-200);
  --pls-hover-warning: #db1c2c0a;
  --pls-active-primary: #3b4dc414;
  --pls-active-secondary: var(--pls-gray-alpha-100);
  --pls-active-inverse: var(--pls-white-alpha-500);
  --pls-active-warning: #db1c2c14;
  --pls-focus-primary: var(--pls-sky-600);
  --pls-scrim-primary: var(--pls-gray-alpha-500);
}

:root {
  --pls-font-family-base: "Helvetica Neue", helvetica, "Arial",
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", “noto sans jp”, meiryo,
    sans-serif;
  --pls-font-size-base: 16px;
  --pls-font-size-6xl: 3.625rem;
  --pls-font-size-5xl: 3rem;
  --pls-font-size-4xl: 2.5rem;
  --pls-font-size-3xl: 2.125rem;
  --pls-font-size-xxl: 1.75rem;
  --pls-font-size-xl: 1.5rem;
  --pls-font-size-l: 1.25rem;
  --pls-font-size-m: 1rem;
  --pls-font-size-s: 0.875rem;
  --pls-font-size-xs: 0.75rem;
  --pls-font-size-xxs: 0.6875rem;
  --pls-font-size-3xs: 0.625rem;
  --pls-line-height-base: 1.5em;
  --pls-line-height-6xl: 4.5rem;
  --pls-line-height-5xl: 3.75rem;
  --pls-line-height-4xl: 3rem;
  --pls-line-height-3xl: 2.5rem;
  --pls-line-height-xxl: 2.25rem;
  --pls-line-height-xl: 2rem;
  --pls-line-height-l: 1.5rem;
  --pls-line-height-m: 1.25rem;
  --pls-line-height-s: 1.25rem;
  --pls-line-height-xs: 1rem;
  --pls-line-height-xxs: 1rem;
  --pls-line-height-3xs: 1rem;
  --pls-line-height-article: 1.75rem;
  --pls-line-height-body-m: 1.5rem;
  --pls-line-height-body-s: 1.25rem;
  --pls-line-height-caption: 1rem;
  --pls-font-weight-regular: 400;
  --pls-font-weight-bold: 600;
  --pls-font-kerning-default: "palt";
  --pls-font-kerning-article: "pwid";
  --pls-font-letter-spacing-default: 0.04em;
}

:root {
  --pls-spacing-xxs: 4px;
  --pls-spacing-xs: 8px;
  --pls-spacing-s: 12px;
  --pls-spacing-m: 16px;
  --pls-spacing-l: 24px;
  --pls-spacing-xl: 40px;
  --pls-spacing-xxl: 64px;
  --pls-spacing-3xl: 104px;
  --pls-spacing-4xl: 168px;
  --pls-spacing-none: 0;
}

:root {
  --pls-border-radius-xs: 2px;
  --pls-border-radius-s: 4px;
  --pls-border-radius-m: 8px;
  --pls-border-radius-l: 12px;
  --pls-border-radius-full: 9999px;
}

:root {
  --pls-shadow: 0px 6px 12px -3px rgb(51 51 64 / 10%),
    0px 2px 28px -1px rgb(51 51 64 / 12%);
  --pls-shadow-filter: drop-shadow(0px 6px 9px rgb(51 51 64 / 10%))
    drop-shadow(0px 0px 20px rgb(51 51 64 / 8%));
}

:root {
  --pls-z-index-background: -100;
  --pls-z-index-float: 5000;
  --pls-z-index-dropdown: 6000;
  --pls-z-index-header: 8000;
  --pls-z-index-modal-backdrop: 9000;
  --pls-z-index-modal: 9001;
  --pls-z-index-tooltip: 9500;
}

.pls-contents *,
.pls-contents *::before,
.pls-contents *::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.pls-contents ul,
.pls-contents ol {
  list-style: none;
}

.pls-contents img,
.pls-contents picture {
  max-width: 100%;
  height: auto;
}

.pls-contents {
  font-family: var(--pls-font-family-base);
  font-size: var(--pls-font-size-base);
  font-weight: var(--pls-font-weight-regular);
  font-feature-settings: var(--pls-font-kerning-default);
  line-height: 1.5;
  color: var(--pls-object-primary);
  letter-spacing: var(--pls-font-letter-spacing-default);
}

.pls-contents a:not([class]) {
  color: var(--pls-object-link);
  text-decoration: none;
}

.pls-button.--subtleSecondary, .pls-button.--subtlePrimary, .pls-button.--cta, .pls-button.--danger, .pls-button.--tertiary, .pls-button.--secondary, .pls-button.--primary, .pls-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(1.25rem + 24px);
  min-height: 44px;
  padding: 8px 12px;
  font-size: var(--pls-font-size-m);
  font-weight: var(--pls-font-weight-bold);
  line-height: 1.25rem;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  appearance: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: var(--pls-border-radius-s);
  outline: none;
}

.pls-button:hover, .pls-message__button:hover {
  text-decoration: none;
}

.pls-button:focus, .pls-message__button:focus {
  outline: solid var(--pls-focus-primary) 2px;
}

.pls-button, .pls-message__button {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), var(--pls-surface-accent);
}

.pls-button:hover, .pls-message__button:hover {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-accent);
}

.pls-button:active {
  background: linear-gradient(var(--pls-active-inverse), var(--pls-active-inverse)), var(--pls-surface-accent);
}

.pls-button:has(.pls-button__icon) {
  gap: 4px;
  padding-right: 8px;
  padding-left: 8px;
}

.pls-button:has(.pls-button__icon) .pls-button__text {
  padding: 0 4px;
}

.pls-button .pls-button__icon {
  width: 1.25rem;
  height: 1.25rem;
}

.pls-button.--primary {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), var(--pls-surface-accent);
}

.pls-button.--primary:hover {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-accent);
}

.pls-button.--primary:active {
  background: linear-gradient(var(--pls-active-inverse), var(--pls-active-inverse)), var(--pls-surface-accent);
}

.pls-button.--secondary, .--secondary.pls-message__button, .pls-button.pls-message__closeButton, .pls-message__button.pls-message__closeButton {
  color: var(--pls-object-link);
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
}

.pls-button.--secondary:hover, .--secondary.pls-message__button:hover, .pls-button.pls-message__closeButton:hover, .pls-message__button.pls-message__closeButton:hover {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary);
}

.pls-button.--secondary:active, .--secondary.pls-message__button:active, .pls-button.pls-message__closeButton:active, .pls-message__button.pls-message__closeButton:active {
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
}

.pls-button.--tertiary {
  color: var(--pls-object-primary);
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
}

.pls-button.--tertiary:hover {
  color: var(--pls-object-primary);
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-button.--tertiary:active {
  background: linear-gradient(var(--pls-active-secondary), var(--pls-active-secondary)), var(--pls-surface-primary);
}

.pls-button.--danger {
  color: var(--pls-object-warning);
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
}

.pls-button.--danger:hover {
  color: var(--pls-object-warning);
  background: linear-gradient(var(--pls-hover-warning), var(--pls-hover-warning)), var(--pls-surface-primary);
}

.pls-button.--danger:active {
  background: linear-gradient(var(--pls-active-warning), var(--pls-active-warning)), var(--pls-surface-primary);
}

.pls-button.--cta {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), var(--pls-surface-cta);
}

.pls-button.--cta:hover {
  color: var(--pls-object-inverse-primary);
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-cta);
}

.pls-button.--cta:active {
  background: linear-gradient(var(--pls-active-inverse), var(--pls-active-inverse)), var(--pls-surface-cta);
}

.pls-button.--subtlePrimary {
  color: var(--pls-object-link);
  background: var(--pls-surface-primary);
  border: none;
}

.pls-button.--subtlePrimary:hover {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary);
}

.pls-button.--subtlePrimary:active {
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
}

.pls-button.--subtleSecondary {
  color: var(--pls-object-primary);
  background: none;
  border: none;
}

.pls-button.--subtleSecondary:hover {
  color: var(--pls-object-primary);
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-button.--subtleSecondary:active {
  background: linear-gradient(var(--pls-active-secondary), var(--pls-active-secondary)), var(--pls-surface-primary);
}

.pls-button.--primary[disabled], .pls-button.--primary[aria-disabled=true], .pls-button.--cta[disabled], .pls-button.--cta[aria-disabled=true] {
  color: var(--pls-object-disabled);
  pointer-events: none;
  background: var(--pls-surface-disabled);
}

.pls-button.--secondary[disabled], .pls-button.--secondary[aria-disabled=true], .pls-button.--tertiary[disabled], .pls-button.--tertiary[aria-disabled=true], .pls-button.--danger[disabled], .pls-button.--danger[aria-disabled=true] {
  color: var(--pls-object-disabled);
  pointer-events: none;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-default);
}

.pls-button.--subtlePrimary[disabled], .pls-button.--subtlePrimary[aria-disabled=true], .pls-button.--subtleSecondary[disabled], .pls-button.--subtleSecondary[aria-disabled=true] {
  color: var(--pls-object-disabled);
  pointer-events: none;
  border: none;
}

.pls-button.--small, .pls-message__button {
  min-width: calc(1rem + 20px);
  min-height: 36px;
  padding: 4px 8px;
  font-size: var(--pls-font-size-s);
  line-height: 1.25rem;
}

.pls-button.--small:has(.pls-button__icon), .pls-message__button:has(.pls-button__icon) {
  gap: 2px;
}

.pls-button.--small:has(.pls-button__icon) .pls-button__text, .pls-message__button:has(.pls-button__icon) .pls-button__text {
  padding: 0 2px;
}

.pls-button.--small .pls-button__icon, .pls-message__button .pls-button__icon {
  width: 1rem;
  height: 1rem;
}

.pls-button.--large {
  min-width: calc(1.5rem + 32px);
  min-height: 56px;
  padding: 4px 16px;
  font-size: var(--pls-font-size-l);
  line-height: 1.5rem;
}

.pls-button.--large:has(.pls-button__icon) {
  gap: 4px;
  padding-right: 12px;
  padding-left: 12px;
}

.pls-button.--large .pls-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.pls-button.--full {
  width: 100%;
}

.pls-button.--fixed {
  width: 264px;
}

.pls-button.--small.--fixed {
  width: 216px;
}

.pls-button.--large.--fixed {
  width: 336px;
}

.pls-button.--selected {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
  border: 1px solid var(--pls-border-default);
}

.pls-button.--selected:hover {
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary);
}

.pls-button.--selected:active {
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
}

.pls-button.--loading, .pls-button.--loading[disabled] {
  position: relative;
  color: transparent;
  pointer-events: none;
  opacity: 0.6;
}

.pls-button.--loading .pls-button__loader, .pls-button.--loading[disabled] .pls-button__loader {
  position: absolute;
  inset: 0;
  display: flex;
  gap: var(--pls-spacing-s);
  align-items: center;
  justify-content: center;
  margin: auto;
  color: var(--pls-object-inverse-primary);
  white-space: nowrap;
}

.pls-button.--loading .pls-button__loader::before, .pls-button.--loading[disabled] .pls-button__loader::before {
  display: inline-block;
  width: 20px;
  aspect-ratio: 1/1;
  content: "";
  border-color: var(--pls-white-alpha-300);
  border-style: solid;
  border-width: 3px;
  border-right-color: var(--pls-object-inverse-primary);
  border-radius: 50%;
  animation: pls-spinner 1.2s infinite linear;
}

.pls-button.--loading.--primary, .pls-button.--loading[disabled].--primary {
  background: var(--pls-surface-accent);
}

.pls-button.--loading.--secondary, .pls-button.--loading.--tertiary, .pls-button.--loading.--danger, .pls-button.--loading[disabled].--secondary, .pls-button.--loading[disabled].--tertiary, .pls-button.--loading[disabled].--danger {
  background: var(--pls-surface-primary);
}

.pls-button.--loading.--secondary .pls-button__loader, .pls-button.--loading.--tertiary .pls-button__loader, .pls-button.--loading.--danger .pls-button__loader, .pls-button.--loading.--subtlePrimary .pls-button__loader, .pls-button.--loading.--subtleSecondary .pls-button__loader, .pls-button.--loading[disabled].--secondary .pls-button__loader, .pls-button.--loading[disabled].--tertiary .pls-button__loader, .pls-button.--loading[disabled].--danger .pls-button__loader, .pls-button.--loading[disabled].--subtlePrimary .pls-button__loader, .pls-button.--loading[disabled].--subtleSecondary .pls-button__loader {
  color: var(--pls-object-secondary);
}

.pls-button.--loading.--secondary .pls-button__loader::before, .pls-button.--loading.--tertiary .pls-button__loader::before, .pls-button.--loading.--danger .pls-button__loader::before, .pls-button.--loading.--subtlePrimary .pls-button__loader::before, .pls-button.--loading.--subtleSecondary .pls-button__loader::before, .pls-button.--loading[disabled].--secondary .pls-button__loader::before, .pls-button.--loading[disabled].--tertiary .pls-button__loader::before, .pls-button.--loading[disabled].--danger .pls-button__loader::before, .pls-button.--loading[disabled].--subtlePrimary .pls-button__loader::before, .pls-button.--loading[disabled].--subtleSecondary .pls-button__loader::before {
  border-color: var(--pls-gray-alpha-300);
  border-right-color: var(--pls-object-secondary);
}

.pls-checkbox {
  position: relative;
  display: inline-flex;
  gap: 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  cursor: pointer;
}

.pls-checkbox input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0.25rem 0 0;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: 2px;
  outline: none;
}

.pls-checkbox input:checked {
  background: var(--pls-surface-accent);
  border-color: var(--pls-surface-accent);
}

.pls-checkbox input:checked::before {
  position: absolute;
  top: calc(0.25rem + 1px);
  left: 5px;
  display: block;
  width: 6px;
  height: 10px;
  content: "";
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.pls-checkbox input::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  border-radius: 2px;
}

.pls-checkbox:has([disabled]) {
  color: var(--pls-object-disabled);
}

.pls-checkbox:has([disabled]) input {
  border-color: var(--pls-border-default);
}

.pls-checkbox:has([disabled]) input:checked {
  background: var(--pls-object-disabled);
  border: none;
}

.pls-checkbox.--intermediate input:checked::before {
  top: calc(0.25rem + 7px);
  left: 3px;
  width: 10px;
  height: 2px;
  background: #ffffff;
  border: none;
  transform: rotate(0);
}

.pls-checkbox:focus input:not([disabled])::after {
  top: calc(0.25rem - 3px);
  left: -3px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--pls-focus-primary);
  border-radius: 4px;
}

.pls-checkbox:hover input:not([disabled]) {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-checkbox:hover input:not([disabled]):checked {
  background: var(--pls-surface-accent);
}

.pls-checkbox:hover input:not([disabled]):checked::after {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse));
}

.pls-checkboxList {
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
}

.pls-checkboxList.--horizontal {
  flex-flow: row wrap;
}

.pls-input {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  appearance: none;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: var(--pls-border-radius-s);
  outline: none;
  box-shadow: none;
}

.pls-input::placeholder {
  color: var(--pls-object-disabled);
}

.pls-input {
  min-height: 44px;
  padding: 10px 8px;
}

.pls-input:hover {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-input:focus-within {
  border-color: var(--pls-focus-primary);
}

.pls-input[disabled] {
  background: var(--pls-surface-secondary);
  border-color: var(--pls-surface-secondary);
}

.pls-input[readonly] {
  cursor: default;
}

.pls-input[readonly]:hover {
  background: var(--pls-surface-primary);
}

.pls-input[readonly]:focus {
  border-color: var(--pls-border-strong);
}

.pls-input[readonly].--static {
  padding: 10px 0;
  border: none;
}

.pls-input.--error {
  border-color: var(--pls-object-warning);
}

.pls-input.--small {
  min-height: 36px;
  padding: 8px;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s);
}

.pls-inputGroup {
  position: relative;
  display: inline-flex;
}

.pls-inputGroup .pls-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pls-inputGroup:focus-within .pls-button {
  border-left: none;
}

.pls-inputGroup:has(.pls-button) .pls-input {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pls-inputGroup:has(.pls-button) .pls-input:focus {
  border-right: 1px solid var(--pls-focus-primary);
}

.pls-inputGroup .pls-input__icon {
  position: absolute;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  transform: translateY(-50%);
}

.pls-inputGroup .pls-input__icon.--left {
  left: 8px;
}

.pls-inputGroup .pls-input__icon.--right {
  right: 8px;
}

.pls-inputGroup:has(.pls-input__icon.--left) .pls-input {
  padding-left: 36px;
}

.pls-inputGroup:has(.pls-input__icon.--right) .pls-input {
  padding-right: 36px;
}

ol.pls-list.--note, ul.pls-list.--note, ol.pls-list, ul.pls-list {
  padding-left: 1.25em;
}

ol.pls-list.--note li + li, ul.pls-list.--note li + li, ol.pls-list li + li, ul.pls-list li + li,
ol.pls-list.--note li > ul,
ul.pls-list.--note li > ul,
ol.pls-list li > ul,
ul.pls-list li > ul,
ol.pls-list.--note li > ol,
ul.pls-list.--note li > ol,
ol.pls-list li > ol,
ul.pls-list li > ol {
  margin-top: 4px;
}

ol.--wide.pls-list, ul.--wide.pls-list {
  padding-left: 2em;
}

ul.pls-list {
  list-style: disc;
}

ol.pls-list {
  list-style: decimal;
}

ol.pls-list > ol.pls-list {
  list-style: lower-alpha;
}

ol.pls-list > ol.pls-list > ol.pls-list {
  list-style: lower-roman;
}

ul.pls-list.--note {
  list-style: none;
}

ul.pls-list.--note li {
  position: relative;
}

ul.pls-list.--note li::before {
  position: absolute;
  top: 0;
  left: -1em;
  content: "※";
}

ol.pls-list.--note {
  padding-left: 2em;
  list-style: none;
}

ol.pls-list.--note li {
  position: relative;
  counter-increment: noteOrder;
}

ol.pls-list.--note li::before {
  position: absolute;
  top: 0;
  left: -2em;
  content: "※" counter(noteOrder);
}

ol.pls-list.--note.--wide {
  padding-left: 2.5em;
}

ol.pls-list.--note.--wide li::before {
  left: -2.5em;
}

.pls-loader {
  display: flex;
  flex-direction: column;
  gap: var(--pls-spacing-s);
  align-items: center;
  justify-content: center;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-caption);
  color: var(--pls-object-secondary);
}

.pls-loader::before {
  display: block;
  width: var(--pls-spacing-xl);
  aspect-ratio: 1/1;
  content: "";
  border: 4px solid var(--pls-gray-alpha-300);
  border-right-color: var(--pls-blue-600);
  border-radius: 50%;
  animation: pls-spinner 1.2s infinite linear;
}

.pls-loader.--small {
  font-size: var(--pls-font-size-xxs);
}

.pls-loader.--small::before {
  width: var(--pls-spacing-l);
  border-width: 3px;
}

.pls-loader.--dark {
  color: var(--pls-object-inverse-primary);
}

.pls-loader.--dark::before {
  border-color: var(--pls-white-alpha-500);
  border-right-color: var(--pls-basic-white);
}

@keyframes pls-spinner {
  to {
    transform: rotate(1turn);
  }
}
.pls-radio {
  position: relative;
  display: inline-flex;
  gap: 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  cursor: pointer;
}

.pls-radio input {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0.25rem 0 0;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: 50%;
  outline: none;
}

.pls-radio input:checked {
  border: 5px solid var(--pls-object-link);
}

.pls-radio input::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  width: 16px;
  height: 16px;
  content: "";
  border-radius: 50%;
}

.pls-radio:has([disabled]) {
  color: var(--pls-object-disabled);
}

.pls-radio:has([disabled]) input {
  border-color: var(--pls-border-default);
}

.pls-radio:has([disabled]) input:checked {
  border-color: var(--pls-object-disabled);
}

.pls-radio:focus input:not([disabled])::after {
  top: calc(0.25rem - 3px);
  left: -3px;
  width: 22px;
  height: 22px;
  border: 2px solid var(--pls-focus-primary);
}

.pls-radio:hover input:not([disabled]) {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-radio:hover input:not([disabled]):checked {
  background: var(--pls-surface-primary);
}

.pls-radio:hover input:not([disabled]):checked::after {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse));
}

.pls-radioList {
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
}

.pls-radioList.--horizontal {
  flex-flow: row wrap;
}

.pls-select {
  position: relative;
  display: inline-flex;
}

.pls-select::after {
  position: absolute;
  top: 50%;
  right: 8px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40NDE1IDcuOTQxOTRMOS45OTk1NiAxMy4zODM5TDQuNTU3NjIgNy45NDE5NEw1LjQ0MTUgNy4wNTgwNkw5Ljk5OTU2IDExLjYxNjFMMTQuNTU3NiA3LjA1ODA2TDE1LjQ0MTUgNy45NDE5NFoiIGZpbGw9IiMzNzM5M0UiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
}

.pls-select select,
.pls-select button {
  display: block;
  width: 100%;
  padding: 10px 36px 10px 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  text-align: left;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: var(--pls-border-radius-s);
  outline: none;
  box-shadow: none;
}

.pls-select select:invalid,
.pls-select button:invalid {
  color: var(--pls-object-secondary);
}

.pls-select select:hover,
.pls-select button:hover {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-select select:focus,
.pls-select button:focus {
  border-color: var(--pls-focus-primary);
}

.pls-select select[disabled],
.pls-select button[disabled] {
  color: var(--pls-object-secondary);
  background: var(--pls-surface-secondary);
  border-color: var(--pls-surface-secondary);
}

.pls-select:has([disabled])::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40NDE1IDcuOTQxOTNMOS45OTk1NiAxMy4zODM5TDQuNTU3NjIgNy45NDE5M0w1LjQ0MTUgNy4wNTgwNEw5Ljk5OTU2IDExLjYxNjFMMTQuNTU3NiA3LjA1ODA0TDE1LjQ0MTUgNy45NDE5M1oiIGZpbGw9IiMyRTM0NDgiIGZpbGwtb3BhY2l0eT0iMC4yNyIvPgo8L3N2Zz4K");
}

.pls-select.--error select, .pls-select.--error button {
  border-color: var(--pls-object-warning);
}

.pls-select.--small select, .pls-select.--small button {
  padding: 8px 36px 8px 8px;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s);
}

.pls-selectButton {
  display: inline-block;
  min-height: 44px;
  padding: 12px;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-m);
  color: var(--pls-object-primary);
  text-align: center;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: 4px;
  outline: none;
}

.pls-selectButton input {
  display: none;
}

.pls-selectButton:hover {
  background: linear-gradient(var(--pls-hover-primary), var(--pls-hover-primary)), var(--pls-surface-primary);
}

.pls-selectButton:has(input:checked) {
  font-weight: var(--pls-font-weight-bold);
  color: var(--pls-object-link);
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
  border-color: var(--pls-object-link);
}

.pls-selectButton:hover:has(input:checked) {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
}

.pls-textarea {
  display: inline-flex;
  padding: 10px 8px;
  font-family: inherit;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-l);
  color: var(--pls-object-primary);
  appearance: none;
  resize: vertical;
  background: var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: var(--pls-border-radius-s);
  outline: none;
  box-shadow: none;
}

.pls-textarea::placeholder {
  color: var(--pls-object-disabled);
}

.pls-textarea:hover {
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-textarea:focus {
  border-color: var(--pls-focus-primary);
}

.pls-textarea[disabled] {
  resize: none;
  background: var(--pls-surface-secondary);
  border-color: var(--pls-surface-secondary);
}

.pls-textarea.--error {
  border-color: var(--pls-object-warning);
}

.pls-textarea.--small {
  padding: 8px;
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s);
}

.pls-formLabel.--required::after,
.pls-formField:has(:required) .pls-formLabel::after, .pls-formLabel.--optional::after, .pls-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 4px 6px;
  font-size: var(--pls-font-size-xxs);
  font-weight: var(--pls-font-weight-bold);
  line-height: 0.75rem;
  color: var(--pls-gray-700);
  text-align: center;
  white-space: nowrap;
  background: var(--pls-gray-100);
  border-radius: var(--pls-border-radius-xs);
}

.pls-label.--stroke {
  color: var(--pls-gray-700);
  background: transparent;
  border: 1px solid;
  border-color: var(--pls-gray-700);
}

.pls-label.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-gray-700);
}

.pls-label.--round {
  border-radius: var(--pls-border-radius-full);
}

.pls-label.--sky {
  color: var(--pls-sky-600);
  background: var(--pls-sky-100);
}

.pls-label.--sky.--stroke {
  color: var(--pls-sky-600);
  background: transparent;
  border-color: var(--pls-sky-600);
}

.pls-label.--sky.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-sky-600);
}

.pls-label.--purple {
  color: var(--pls-purple-600);
  background: var(--pls-purple-100);
}

.pls-label.--purple.--stroke {
  color: var(--pls-purple-600);
  background: transparent;
  border-color: var(--pls-purple-600);
}

.pls-label.--purple.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-purple-600);
}

.pls-label.--green {
  color: var(--pls-green-600);
  background: var(--pls-green-100);
}

.pls-label.--green.--stroke {
  color: var(--pls-green-600);
  background: transparent;
  border-color: var(--pls-green-600);
}

.pls-label.--green.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-green-600);
}

.pls-label.--yellow {
  color: var(--pls-yellow-600);
  background: var(--pls-yellow-100);
}

.pls-label.--yellow.--stroke {
  color: var(--pls-yellow-600);
  background: transparent;
  border-color: var(--pls-yellow-600);
}

.pls-label.--yellow.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-yellow-600);
}

.pls-label.--red {
  color: var(--pls-red-600);
  background: var(--pls-red-100);
}

.pls-label.--red.--stroke {
  color: var(--pls-red-600);
  background: transparent;
  border-color: var(--pls-red-600);
}

.pls-label.--red.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-red-600);
}

.pls-label.--orange {
  color: var(--pls-orange-600);
  background: var(--pls-orange-100);
}

.pls-label.--orange.--stroke {
  color: var(--pls-orange-600);
  background: transparent;
  border-color: var(--pls-orange-600);
}

.pls-label.--orange.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-orange-600);
}

.pls-label.--blue {
  color: var(--pls-blue-600);
  background: var(--pls-blue-100);
}

.pls-label.--blue.--stroke {
  color: var(--pls-blue-600);
  background: transparent;
  border-color: var(--pls-blue-600);
}

.pls-label.--blue.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-blue-600);
}

.pls-label.--yellowGreen {
  color: var(--pls-yellow-green-600);
  background: var(--pls-yellow-green-100);
}

.pls-label.--yellowGreen.--stroke {
  color: var(--pls-yellow-green-600);
  background: transparent;
  border-color: var(--pls-yellow-green-600);
}

.pls-label.--yellowGreen.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-yellow-green-600);
}

.pls-label.--teal {
  color: var(--pls-teal-600);
  background: var(--pls-teal-100);
}

.pls-label.--teal.--stroke {
  color: var(--pls-teal-600);
  background: transparent;
  border-color: var(--pls-teal-600);
}

.pls-label.--teal.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-teal-600);
}

.pls-label.--pink {
  color: var(--pls-pink-600);
  background: var(--pls-pink-100);
}

.pls-label.--pink.--stroke {
  color: var(--pls-pink-600);
  background: transparent;
  border-color: var(--pls-pink-600);
}

.pls-label.--pink.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-pink-600);
}

.pls-form {
  display: inline-flex;
  flex-direction: column;
  gap: var(--pls-spacing-l);
}

.pls-formField {
  display: inline-flex;
  flex-direction: column;
  gap: var(--pls-spacing-xs);
}

.pls-formLabel {
  display: inline-flex;
  gap: var(--pls-spacing-xs);
  align-items: center;
  font-size: var(--pls-font-size-s);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-s);
}

.pls-formLabel.--optional::after {
  content: "任意";
}

.pls-formLabel.--small {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-xs);
}

.pls-formLabel.--large {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-m);
}

.pls-formLabel.--required::after,
.pls-formField:has(:required) .pls-formLabel::after {
  color: var(--pls-red-600);
  content: "必須";
  background: var(--pls-red-100);
}

.pls-formHelper {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-xs);
  color: var(--pls-object-secondary);
}

.pls-formHelper:not(:first-of-type) {
  margin-top: -8px;
}

.pls-formField:has(.--error) .pls-formHelper {
  color: var(--pls-object-warning);
}

.pls-form.--horizontal {
  display: inline-grid;
}

.pls-form.--horizontal .pls-formField {
  display: inline-grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: var(--pls-spacing-xs);
  align-items: flex-start;
}

.pls-form.--horizontal .pls-formField .pls-formLabel {
  grid-area: 1/1/2/2;
  min-height: 44px;
}

.pls-form.--horizontal .pls-formField .pls-formLabel.--small {
  min-height: 36px;
}

.pls-form.--horizontal .pls-formField .pls-formHelper {
  grid-area: 2/2/3/3;
}

.pls-heading, .pls-message__heading {
  font-weight: var(--pls-font-weight-bold);
}

.pls-heading.--xxl {
  font-size: var(--pls-font-size-4xl);
  line-height: var(--pls-line-height-4xl);
}

.pls-heading.--xxl.--large {
  font-size: var(--pls-font-size-6xl);
  line-height: var(--pls-line-height-6xl);
}

.pls-heading.--xl {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl);
}

.pls-heading.--xl.--large {
  font-size: var(--pls-font-size-5xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-5xl);
}

.pls-heading.--l {
  font-size: var(--pls-font-size-xxl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xxl);
}

.pls-heading.--l.--large {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl);
}

.pls-heading.--m {
  font-size: var(--pls-font-size-xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xl);
}

.pls-heading.--s, .--s.pls-message__heading, table.pls-heading.pls-table, table.pls-message__heading.pls-table, table.pls-heading.pls-simpleTable, table.pls-message__heading.pls-simpleTable, dl.pls-heading.pls-simpleTable, dl.pls-message__heading.pls-simpleTable, .pls-heading.pls-message__description, .pls-message__heading.pls-message__description, .pls-heading.pls-message__action, .pls-message__heading.pls-message__action, .pls-heading.pls-tooltip, .pls-message__heading.pls-tooltip {
  font-size: var(--pls-font-size-l);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-l);
}

.pls-heading.--xs, .pls-message__heading {
  font-size: var(--pls-font-size-m);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-m);
}

.pls-heading.--xxs {
  font-size: var(--pls-font-size-s);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-s);
}

.pls-body, table.pls-table, table.pls-simpleTable, dl.pls-simpleTable, .pls-message__description, .pls-message__action, .pls-tooltip, .pls-tooltip.--top {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m);
}

.pls-body.--s, table.pls-table, table.pls-simpleTable, dl.pls-simpleTable, .pls-message__description, .pls-message__action, .pls-tooltip, .pls-tooltip.--top {
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-body-s);
}

.pls-body.--m, table.--m.pls-table, table.--m.pls-simpleTable, dl.--m.pls-simpleTable, .--m.pls-message__description, .--m.pls-message__action, .--m.pls-tooltip {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m);
}

.pls-body.--article {
  font-size: var(--pls-font-size-m);
  font-feature-settings: var(--pls-font-kerning-article);
  line-height: var(--pls-line-height-article);
}

.pls-caption {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption);
}

.pls-caption.--s {
  font-size: var(--pls-font-size-xxs);
  line-height: var(--pls-line-height-caption);
}

.pls-caption.--m {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption);
}

.pls-caption.--bold {
  font-weight: var(--pls-font-weight-bold);
}

.pls-caption.--center {
  text-align: center;
}

.pls-caption.--right {
  text-align: right;
}

.pls-textlink.--primary {
  color: var(--pls-object-link);
  text-decoration: none;
}

.pls-textlink.--primary:hover {
  opacity: 0.9;
}

.pls-textlink.--primary:visited {
  color: var(--pls-purple-600);
}

.pls-textlink.--primary:visited:hover {
  opacity: 0.9;
}

.pls-textlink.--secondary, .--secondary.pls-message__action, .pls-textlink.pls-message__closeButton, .pls-message__action.pls-message__closeButton {
  color: inherit;
  text-decoration: underline;
}

.pls-textlink.--secondary:hover, .--secondary.pls-message__action:hover, .pls-textlink.pls-message__closeButton:hover, .pls-message__action.pls-message__closeButton:hover {
  opacity: 0.9;
}

.pls-textlink.--secondary:visited:hover, .--secondary.pls-message__action:visited:hover, .pls-textlink.pls-message__closeButton:visited:hover, .pls-message__action.pls-message__closeButton:visited:hover {
  opacity: 0.9;
}

.pls-card {
  padding: 1em;
  margin-bottom: 12px;
  background-color: var(--pls-surface-primary);
  border-radius: var(--pls-border-radius-s);
}

.pls-card.--elevated {
  box-shadow: var(--pls-shadow);
}

.pls-card.--stroke {
  border: 1px solid var(--pls-border-default);
}

.pls-card.--fill {
  background-color: var(--pls-surface-accent-light);
}

.pls-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 4px 6px;
  font-size: var(--pls-font-size-xxs);
  font-weight: var(--pls-font-weight-bold);
  line-height: 0.75rem;
  color: var(--pls-gray-700);
  text-align: center;
  white-space: nowrap;
  background: var(--pls-gray-100);
  border-radius: var(--pls-border-radius-xs);
}

.pls-label.--stroke {
  color: var(--pls-gray-700);
  background: transparent;
  border: 1px solid;
  border-color: var(--pls-gray-700);
}

.pls-label.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-gray-700);
}

.pls-label.--round {
  border-radius: var(--pls-border-radius-full);
}

.pls-label.--sky {
  color: var(--pls-sky-600);
  background: var(--pls-sky-100);
}

.pls-label.--sky.--stroke {
  color: var(--pls-sky-600);
  background: transparent;
  border-color: var(--pls-sky-600);
}

.pls-label.--sky.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-sky-600);
}

.pls-label.--purple {
  color: var(--pls-purple-600);
  background: var(--pls-purple-100);
}

.pls-label.--purple.--stroke {
  color: var(--pls-purple-600);
  background: transparent;
  border-color: var(--pls-purple-600);
}

.pls-label.--purple.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-purple-600);
}

.pls-label.--green {
  color: var(--pls-green-600);
  background: var(--pls-green-100);
}

.pls-label.--green.--stroke {
  color: var(--pls-green-600);
  background: transparent;
  border-color: var(--pls-green-600);
}

.pls-label.--green.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-green-600);
}

.pls-label.--yellow {
  color: var(--pls-yellow-600);
  background: var(--pls-yellow-100);
}

.pls-label.--yellow.--stroke {
  color: var(--pls-yellow-600);
  background: transparent;
  border-color: var(--pls-yellow-600);
}

.pls-label.--yellow.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-yellow-600);
}

.pls-label.--red {
  color: var(--pls-red-600);
  background: var(--pls-red-100);
}

.pls-label.--red.--stroke {
  color: var(--pls-red-600);
  background: transparent;
  border-color: var(--pls-red-600);
}

.pls-label.--red.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-red-600);
}

.pls-label.--orange {
  color: var(--pls-orange-600);
  background: var(--pls-orange-100);
}

.pls-label.--orange.--stroke {
  color: var(--pls-orange-600);
  background: transparent;
  border-color: var(--pls-orange-600);
}

.pls-label.--orange.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-orange-600);
}

.pls-label.--blue {
  color: var(--pls-blue-600);
  background: var(--pls-blue-100);
}

.pls-label.--blue.--stroke {
  color: var(--pls-blue-600);
  background: transparent;
  border-color: var(--pls-blue-600);
}

.pls-label.--blue.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-blue-600);
}

.pls-label.--yellowGreen {
  color: var(--pls-yellow-green-600);
  background: var(--pls-yellow-green-100);
}

.pls-label.--yellowGreen.--stroke {
  color: var(--pls-yellow-green-600);
  background: transparent;
  border-color: var(--pls-yellow-green-600);
}

.pls-label.--yellowGreen.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-yellow-green-600);
}

.pls-label.--teal {
  color: var(--pls-teal-600);
  background: var(--pls-teal-100);
}

.pls-label.--teal.--stroke {
  color: var(--pls-teal-600);
  background: transparent;
  border-color: var(--pls-teal-600);
}

.pls-label.--teal.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-teal-600);
}

.pls-label.--pink {
  color: var(--pls-pink-600);
  background: var(--pls-pink-100);
}

.pls-label.--pink.--stroke {
  color: var(--pls-pink-600);
  background: transparent;
  border-color: var(--pls-pink-600);
}

.pls-label.--pink.--strong {
  color: var(--pls-basic-white);
  background: var(--pls-pink-600);
}

.pls-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0;
  margin: 0;
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-xs);
  color: var(--pls-object-secondary);
}

.pls-breadcrumb .pls-breadcrumb__item {
  position: relative;
  display: flex;
  align-items: center;
}

.pls-breadcrumb .pls-breadcrumb__item + .pls-breadcrumb__item::before {
  position: absolute;
  left: -16px;
  width: 6px;
  height: 6px;
  content: "";
  border-top: 1px solid var(--pls-object-secondary);
  border-right: 1px solid var(--pls-object-secondary);
  transform: rotate(45deg);
}

.pls-breadcrumb .pls-breadcrumb__item a {
  display: inline-block;
  color: var(--pls-object-secondary);
  text-decoration: none;
}

.pls-breadcrumb .pls-breadcrumb__item a:hover {
  opacity: 0.9;
}

.pls-newLabel::after {
  display: inline-block;
  margin-left: var(--pls-spacing-xxs);
  font-size: var(--pls-font-size-xxs);
  font-weight: var(--pls-font-weight-bold);
  line-height: inherit;
  color: var(--pls-red-600);
  text-transform: uppercase;
  vertical-align: bottom;
  content: "new";
}

.pls-imageCaption {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.pls-imageCaption.pls-caption {
  color: var(--pls-object-secondary);
}

.pls-imageAvatar {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.pls-imageAvatar.--round {
  border-radius: var(--pls-border-radius-full);
}

.pls-image {
  object-fit: cover;
}

.pls-image.--aspect4x3 {
  aspect-ratio: 4/3;
}

.pls-image.--aspect16x9 {
  aspect-ratio: 16/9;
}

.pls-image.--aspect1x1 {
  aspect-ratio: 1/1;
}

.pls-image.--fit {
  object-fit: contain;
}

.pls-image.--fit.--background {
  background-color: var(--pls-background-primary);
}

.pls-image.--border {
  border: 1px solid var(--pls-border-default);
}

.pls-heading, .pls-media__title {
  font-weight: var(--pls-font-weight-bold);
}

.pls-heading.--xxl, .--xxl.pls-media__title {
  font-size: var(--pls-font-size-4xl);
  line-height: var(--pls-line-height-4xl);
}

.pls-heading.--xxl.--large, .--xxl.--large.pls-media__title {
  font-size: var(--pls-font-size-6xl);
  line-height: var(--pls-line-height-6xl);
}

.pls-heading.--xl, .--xl.pls-media__title {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl);
}

.pls-heading.--xl.--large, .--xl.--large.pls-media__title {
  font-size: var(--pls-font-size-5xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-5xl);
}

.pls-heading.--l, .--l.pls-media__title {
  font-size: var(--pls-font-size-xxl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xxl);
}

.pls-heading.--l.--large, .--l.--large.pls-media__title {
  font-size: var(--pls-font-size-3xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-3xl);
}

.pls-heading.--m, .pls-heading.pls-media__prefix, .pls-heading.pls-media__details, .pls-heading.pls-media__snippet.--subtle, .--m.pls-media__title, .pls-media__title.pls-media__prefix, .pls-media__title.pls-media__details, .pls-media__title.pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xl);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xl);
}

.pls-heading.--s, .pls-heading.pls-media__snippet, .--s.pls-media__title, .pls-media__title.pls-media__snippet {
  font-size: var(--pls-font-size-l);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-l);
}

.pls-heading.--xs, .pls-media__title {
  font-size: var(--pls-font-size-m);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-m);
}

.pls-heading.--xxs, .--xxs.pls-media__title {
  font-size: var(--pls-font-size-s);
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-s);
}

.pls-body, .pls-media__snippet {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m);
}

.pls-body.--s, .pls-media__snippet {
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-body-s);
}

.pls-body.--m, .pls-body.pls-media__prefix, .pls-body.pls-media__details, .--m.pls-media__snippet, .pls-media__snippet.pls-media__prefix, .pls-media__snippet.pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-body-m);
}

.pls-body.--article, .--article.pls-media__snippet {
  font-size: var(--pls-font-size-m);
  font-feature-settings: var(--pls-font-kerning-article);
  line-height: var(--pls-line-height-article);
}

.pls-caption, .pls-media__prefix, .pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption);
}

.pls-caption.--s, .--s.pls-media__prefix, .--s.pls-media__details, .pls-caption.pls-media__snippet, .pls-media__snippet.pls-media__prefix, .pls-media__snippet.pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xxs);
  line-height: var(--pls-line-height-caption);
}

.pls-caption.--m, .pls-media__prefix, .pls-media__details, .pls-media__snippet.--subtle {
  font-size: var(--pls-font-size-xs);
  line-height: var(--pls-line-height-caption);
}

.pls-caption.--bold, .--bold.pls-media__prefix, .--bold.pls-media__details, .--bold.pls-media__snippet.--subtle {
  font-weight: var(--pls-font-weight-bold);
}

.pls-caption.--center, .--center.pls-media__prefix, .--center.pls-media__details, .--center.pls-media__snippet.--subtle {
  text-align: center;
}

.pls-caption.--right, .--right.pls-media__prefix, .--right.pls-media__details, .--right.pls-media__snippet.--subtle {
  text-align: right;
}

.pls-media {
  display: flex;
  gap: var(--pls-spacing-s);
  padding: var(--pls-spacing-s) 0;
  border-bottom: 1px solid var(--pls-border-default);
}

.pls-media img.pls-media__thumbnail {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  object-fit: cover;
}

.pls-media__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pls-media__text {
  display: flex;
  flex-direction: column;
  gap: var(--pls-spacing-xxs);
  width: 100%;
}

.pls-media__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.pls-media__title.--long {
  -webkit-line-clamp: 3;
}

.pls-media__snippet {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.pls-media__snippet.--subtle {
  color: var(--pls-object-secondary);
}

.pls-media__details {
  display: flex;
  gap: var(--pls-spacing-s);
  align-items: center;
  color: var(--pls-object-secondary);
}

.pls-media__details span {
  display: flex;
  align-items: center;
}

.pls-media__prefix {
  display: flex;
  gap: var(--pls-spacing-s);
  align-items: center;
  color: var(--pls-object-secondary);
}

.pls-media__prefix span {
  display: flex;
  align-items: center;
}

.pls-media__detailIcon {
  width: 1em;
  height: 1em;
  margin-right: var(--pls-spacing-xxs);
  vertical-align: middle;
}

.pls-media.--alignCenter {
  align-items: center;
}

.pls-unread {
  position: relative;
  display: flex;
  width: 8px;
  height: var(--pls-line-height-m);
}

.pls-unread::before {
  position: absolute;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background-color: var(--pls-object-accent);
  border-radius: var(--pls-border-radius-full);
  transform: translateY(-50%);
}

.pls-unread.--read::before {
  display: none;
}

.pls-badge {
  display: inline-block;
  min-width: 1rem;
  height: 1rem;
  padding: 0 var(--pls-spacing-xxs);
  font-size: 0.625rem;
  font-weight: var(--pls-font-weight-bold);
  line-height: 1rem;
  color: var(--pls-object-inverse-primary);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  background-color: var(--pls-red-600);
  border-radius: var(--pls-border-radius-full);
}

.pls-badgeContainer {
  position: relative;
}

.pls-badgeContainer > .pls-badge {
  position: absolute;
  top: -8px;
  left: 60%;
}

.pls-switch {
  position: relative;
  width: 56px;
  height: 32px;
}

.pls-switch input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  cursor: pointer;
  opacity: 0;
}

.pls-switch::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  content: "";
  background: var(--pls-gray-alpha-500);
  border-radius: var(--pls-border-radius-full);
  transition: background-color 0.2s ease-out;
}

.pls-switch::after {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 28px;
  height: 28px;
  pointer-events: none;
  content: "";
  background: var(--pls-basic-white);
  border-radius: var(--pls-border-radius-full);
  transition: 0.2s ease-out;
}

.pls-switch:hover::before {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-gray-alpha-500);
}

.pls-switch:has(input:checked)::before {
  background: var(--pls-surface-accent);
}

.pls-switch:has(input:checked)::after {
  left: 26px;
}

.pls-switch:has(input[disabled]) {
  pointer-events: none;
}

.pls-switch:has(input[disabled])::before {
  background-color: var(--pls-gray-alpha-300);
}

.pls-switch:has(input:checked[disabled]) {
  pointer-events: none;
}

.pls-switch:has(input:checked[disabled])::before {
  background: rgba(59, 77, 196, 0.16);
}

.pls-switch:has(input:checked):hover::before {
  background: linear-gradient(var(--pls-hover-inverse), var(--pls-hover-inverse)), var(--pls-surface-accent);
}

.pls-dropdown {
  position: relative;
  display: inline-block;
}

.pls-dropdown .pls-dropdown__menu {
  position: absolute;
  z-index: var(--pls-z-index-dropdown);
  display: block;
  width: 100%;
  min-width: 216px;
  max-height: 300px;
  padding: var(--pls-spacing-xs) 0;
  margin-top: var(--pls-spacing-xs);
  overflow-y: auto;
  background: var(--pls-surface-primary);
  border-radius: var(--pls-border-radius-s);
  box-shadow: var(--pls-shadow);
}

.pls-dropdown .pls-dropdown__menu.--right {
  right: 0;
}

.pls-dropdown .pls-dropdown__item {
  display: block;
  padding: var(--pls-spacing-xs) var(--pls-spacing-m);
  font-size: var(--pls-font-size-s);
  line-height: var(--pls-line-height-s);
  color: var(--pls-object-primary);
  text-decoration: none;
  cursor: pointer;
}

.pls-dropdown .pls-dropdown__item:hover {
  background: var(--pls-hover-secondary);
}

.pls-dropdown .pls-dropdown__item:active {
  background: var(--pls-active-secondary);
}

.pls-dropdown .pls-dropdown__item.--selected {
  color: var(--pls-object-link);
  background: var(--pls-active-primary);
}

.pls-dropdown .pls-dropdown__item[disabled] {
  color: var(--pls-object-disabled);
  pointer-events: none;
}

.pls-dropdown .pls-dropdown__item.--destructive {
  color: var(--pls-object-warning);
}

.pls-dropdown .pls-dropdown__item .pls-dropdown__icon {
  width: 16px;
  height: 16px;
}

.pls-dropdown .pls-dropdown__item:has(.pls-dropdown__icon) {
  display: flex;
  gap: var(--pls-spacing-xs);
  align-items: center;
}

.pls-dropdown .pls-dropdown__item:has(.pls-dropdown__icon) > span {
  flex: 1;
}

.pls-dropdown .pls-dropdown__title {
  padding: var(--pls-spacing-xs) var(--pls-spacing-m);
  font-size: var(--pls-font-size-xs);
  font-weight: bold;
  font-weight: var(--pls-font-weight-bold);
  line-height: var(--pls-line-height-xs);
  color: var(--pls-object-secondary);
}

.pls-dropdown .pls-dropdown__divider {
  height: 0;
  padding: 0;
  margin: var(--pls-spacing-xs) 0;
  background-color: transparent;
  border: 0;
  border-top: 1px solid var(--pls-border-default);
}

.pls-pager {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: var(--pls-spacing-s);
}

.pls-pager .pls-pagerButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 8px;
  font-size: var(--pls-font-size-m);
  line-height: 1.25rem;
  color: var(--pls-object-primary);
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  appearance: none;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: 1px solid transparent;
  border-radius: var(--pls-border-radius-s);
  outline: none;
}

.pls-pager .pls-pagerButton .pls-pagerButton__icon {
  width: 20px;
  height: 20px;
}

.pls-pager .pls-pagerButton .pls-pagerButton__icon.--previous {
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4xNTkxIDE4LjUzMDNMNy42Mjg3OCAxMkwxNC4xNTkxIDUuNDY5NjdMMTUuMjE5OCA2LjUzMDMzTDkuNzUwMSAxMkwxNS4yMTk4IDE3LjQ2OTdMMTQuMTU5MSAxOC41MzAzWiIgZmlsbD0iIzM3MzkzRSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.pls-pager .pls-pagerButton .pls-pagerButton__icon.--next {
  position: absolute;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM3NjAzIDUuNDY5NjdMMTUuOTA2NCAxMkw5LjM3NjAzIDE4LjUzMDNMOC4zMTUzNyAxNy40Njk3TDEzLjc4NSAxMkw4LjMxNTM3IDYuNTMwMzNMOS4zNzYwMyA1LjQ2OTY3WiIgZmlsbD0iIzM3MzkzRSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.pls-pager .pls-pagerButton:hover {
  text-decoration: none;
  background: linear-gradient(var(--pls-hover-secondary), var(--pls-hover-secondary)), var(--pls-surface-primary);
}

.pls-pager .pls-pagerButton:focus {
  outline: solid var(--pls-focus-primary) 2px;
}

.pls-pager .pls-pagerButton[disabled] {
  color: var(--pls-object-disabled);
  pointer-events: none;
}

.pls-pager .pls-pagerButton[disabled] .pls-pagerButton__icon {
  filter: invert(16%) sepia(27%) saturate(736%) hue-rotate(189deg) brightness(93%) contrast(87%);
  opacity: 0.27;
}

.pls-pager .pls-pagerButton[disabled]:hover {
  background: var(--pls-surface-primary);
}

.pls-pager .pls-pagerButton.--current {
  color: var(--pls-object-link);
  text-decoration: none;
  pointer-events: none;
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
}

.pls-pager .pls-pagerButton.--current:hover {
  color: var(--pls-object-link);
  text-decoration: none;
  background: linear-gradient(var(--pls-active-primary), var(--pls-active-primary)), var(--pls-surface-primary);
  border: 1px solid var(--pls-border-strong);
}

.pls-pager .pls-pagerEllipses {
  position: relative;
  width: 24px;
  height: 44px;
  padding: 12px 2px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNDAwMzkgOUM0Ljk1MjY4IDkgNS40MDAzOSA5LjQ0NzcyIDUuNDAwMzkgMTBDNS40MDAzOSAxMC41NTIzIDQuOTUyNjggMTEgNC40MDAzOSAxMUMzLjg0ODExIDExIDMuNDAwMzkgMTAuNTUyMyAzLjQwMDM5IDEwQzMuNDAwMzkgOS40NDc3MiAzLjg0ODExIDkgNC40MDAzOSA5WiIgZmlsbD0iIzM3MzkzRSIvPgo8cGF0aCBkPSJNMTAuMDAwNCA5QzEwLjU1MjcgOSAxMS4wMDA0IDkuNDQ3NzEgMTEuMDAwNCAxMEMxMS4wMDA0IDEwLjU1MjMgMTAuNTUyNyAxMSAxMC4wMDA0IDExQzkuNDQ4MTEgMTEgOS4wMDAzOSAxMC41NTIzIDkuMDAwMzkgMTBDOS4wMDAzOSA5LjQ0NzcxIDkuNDQ4MTEgOSAxMC4wMDA0IDlaIiBmaWxsPSIjMzczOTNFIi8+CjxwYXRoIGQ9Ik0xNS42MDA0IDlDMTYuMTUyNyA5IDE2LjYwMDQgOS40NDc3MSAxNi42MDA0IDEwQzE2LjYwMDQgMTAuNTUyMyAxNi4xNTI3IDExIDE1LjYwMDQgMTFDMTUuMDQ4MSAxMSAxNC42MDA0IDEwLjU1MjMgMTQuNjAwNCAxMEMxNC42MDA0IDkuNDQ3NzEgMTUuMDQ4MSA5IDE1LjYwMDQgOVoiIGZpbGw9IiMzNzM5M0UiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}

.pls-tooltip, .pls-tooltip.--top {
  --triangle-height: 8px;
  --triangle-width: 6px;
  --gap: var(--pls-spacing-xxs);
  position: absolute;
  bottom: calc(100% + var(--triangle-height) + var(--gap));
  left: 50%;
  z-index: var(--pls-z-index-tooltip);
  display: block;
  width: max-content;
  max-width: 240px;
  padding: var(--pls-spacing-xxs) var(--pls-spacing-xs);
  color: var(--pls-object-inverse-primary);
  visibility: hidden;
  background: var(--pls-surface-tooltip);
  border-radius: var(--pls-border-radius-s);
  opacity: 0;
  transition: opacity 0.3s ease-in;
  translate: -50% var(--gap);
}

.pls-tooltip::before, .pls-tooltip.--top::before {
  position: absolute;
  right: 0;
  bottom: calc(var(--triangle-height) * -1);
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
  border-color: var(--pls-surface-tooltip) transparent transparent transparent;
  border-style: solid;
  border-width: var(--triangle-height) var(--triangle-width) 0 var(--triangle-width);
}

.pls-tooltip.--bottom {
  top: calc(100% + var(--triangle-height) + var(--gap));
  bottom: auto;
  left: 50%;
  translate: -50% var(--gap);
}

.pls-tooltip.--bottom::before {
  inset: calc(var(--triangle-height) * -1) 0 auto;
  border-color: transparent transparent var(--pls-surface-tooltip) transparent;
  border-width: 0 var(--triangle-width) var(--triangle-height) var(--triangle-width);
}

.pls-tooltip.--left {
  inset: 50% calc(100% + var(--triangle-height) + var(--gap)) auto auto;
  translate: var(--gap) -50%;
}

.pls-tooltip.--left::before {
  inset: 0 calc(var(--triangle-height) * -1) 0 auto;
  border-color: transparent transparent transparent var(--pls-surface-tooltip);
  border-width: var(--triangle-width) 0 var(--triangle-width) var(--triangle-height);
}

.pls-tooltip.--right {
  inset: 50% auto auto calc(100% + var(--triangle-height) + var(--gap));
  translate: var(--gap) -50%;
}

.pls-tooltip.--right::before {
  inset: 0 auto 0 calc(var(--triangle-height) * -1);
  border-color: transparent var(--pls-surface-tooltip) transparent transparent;
  border-width: var(--triangle-width) var(--triangle-height) var(--triangle-width) 0;
}

.pls-tooltipContainer {
  position: relative;
  cursor: pointer;
}

.pls-tooltipContainer:hover > .pls-tooltip {
  visibility: visible;
  opacity: 1;
}

.pls-icon__chevronLeftSmall {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4xNTkxIDE4LjUzMDNMNy42Mjg3OCAxMkwxNC4xNTkxIDUuNDY5NjdMMTUuMjE5OCA2LjUzMDMzTDkuNzUwMSAxMkwxNS4yMTk4IDE3LjQ2OTdMMTQuMTU5MSAxOC41MzAzWiIgZmlsbD0iIzM3MzkzRSIvPiA8L3N2Zz4=");
}

.pls-icon__chevronRightSmall {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM3NjAzIDUuNDY5NjdMMTUuOTA2NCAxMkw5LjM3NjAzIDE4LjUzMDNMOC4zMTUzNyAxNy40Njk3TDEzLjc4NSAxMkw4LjMxNTM3IDYuNTMwMzNMOS4zNzYwMyA1LjQ2OTY3WiIgZmlsbD0iIzM3MzkzRSIvPiA8L3N2Zz4=");
}

.pls-icon__close, .pls-message__closeButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDEzLjA2MDdMMTkuOTY5NyAyMS4wMzAzTDIxLjAzMDMgMTkuOTY5N0wxMy4wNjA3IDEyTDIxLjAzMDMgNC4wMzAzM0wxOS45Njk3IDIuOTY5NjdMMTIgMTAuOTM5M0w0LjAzMDMzIDIuOTY5NjdMMi45Njk2NyA0LjAzMDMzTDEwLjkzOTMgMTJMMi45Njk2NyAxOS45Njk3TDQuMDMwMzMgMjEuMDMwM0wxMiAxMy4wNjA3WiIgZmlsbD0iIzM3MzkzRSIvPgo8L3N2Zz4K");
}

.pls-icon__close.--secondary, .pls-message__closeButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjAwMTggMTAuODgzOUwxNi42NDMyIDE3LjUyNTNMMTcuNTI3MSAxNi42NDE0TDEwLjg4NTcgMTBMMTcuNTI3MSAzLjM1ODYxTDE2LjY0MzIgMi40NzQ3M0wxMC4wMDE4IDkuMTE2MTJMMy4zNjA0NSAyLjQ3NDczTDIuNDc2NTYgMy4zNTg2MUw5LjExNzk1IDEwTDIuNDc2NTYgMTYuNjQxNEwzLjM2MDQ1IDE3LjUyNTNMMTAuMDAxOCAxMC44ODM5WiIgZmlsbD0iIzJFMzQ0OCIgZmlsbC1vcGFjaXR5PSIwLjU4Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.pls-message {
  position: relative;
  display: flex;
  gap: var(--pls-spacing-s);
  align-items: center;
  padding: var(--pls-spacing-m);
  background: var(--pls-gray-100);
  border: 1px solid var(--pls-gray-300);
  border-radius: var(--pls-border-radius-s);
}

.pls-message__icon {
  flex-shrink: 0;
}

.pls-message__icon::after {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4wMDEzIDEuNjY2NjdDNS4zOTg5MyAxLjY2NjY3IDEuNjY3OTcgNS4zOTc2MyAxLjY2Nzk3IDEwQzEuNjY3OTcgMTQuNjAyNCA1LjM5ODkzIDE4LjMzMzMgMTAuMDAxMyAxOC4zMzMzQzE0LjYwMzcgMTguMzMzMyAxOC4zMzQ2IDE0LjYwMjQgMTguMzM0NiAxMEMxOC4zMzQ2IDUuMzk3NjMgMTQuNjAzNyAxLjY2NjY3IDEwLjAwMTMgMS42NjY2N1pNOS4wMTkyNCAxMS43MjQzVjExLjg0MjlIMTAuNTM4NVYxMS43MjQzQzEwLjU0MTUgMTEuNDAxOSAxMC41Nzk1IDExLjEzMTIgMTAuNjUyNSAxMC45MTIyQzEwLjcyODYgMTAuNjkwMiAxMC44NDQxIDEwLjQ5NyAxMC45OTkyIDEwLjMzMjhDMTEuMTU3NCAxMC4xNjg1IDExLjM1OTcgMTAuMDEwNCAxMS42MDYgOS44NTgzMUMxMS44ODU4IDkuNjkxMDMgMTIuMTI3NiA5LjUwMDk0IDEyLjMzMTQgOS4yODgwM0MxMi41MzUyIDkuMDc1MTMgMTIuNjkxOCA4LjgzMTgxIDEyLjgwMTMgOC41NTgwOEMxMi45MTM5IDguMjg0MzQgMTIuOTcwMSA3Ljk3NDExIDEyLjk3MDEgNy42MjczOEMxMi45NzAxIDcuMTEzMzcgMTIuODQ1NCA2LjY2OTMyIDEyLjU5NiA2LjI5NTIxQzEyLjM0OTcgNS45MTgwNyAxMi4wMDQ1IDUuNjI3NjEgMTEuNTYwNCA1LjQyMzgzQzExLjExOTQgNS4yMjAwNSAxMC42MDg0IDUuMTE4MTYgMTAuMDI3NSA1LjExODE2QzkuNDk1MjMgNS4xMTgxNiA5LjAwODU5IDUuMjE1NDkgOC41Njc1OCA1LjQxMDE0QzguMTI5NiA1LjYwNDggNy43NzY3OSA1Ljg5Njc4IDcuNTA5MTQgNi4yODYwOUM3LjI0NDUzIDYuNjc1NCA3LjEwNDYyIDcuMTU4OTkgNy4wODk0MiA3LjczNjg4SDguNzEzNTdDOC43Mjg3OCA3LjQ1MDk4IDguNzk4NzMgNy4yMTUyNiA4LjkyMzQzIDcuMDI5NzNDOS4wNTExNyA2Ljg0MTE2IDkuMjEwODUgNi43MDEyNSA5LjQwMjQ2IDYuNjEwMDFDOS41OTcxMiA2LjUxNTcyIDkuODAyNDIgNi40Njg1OCAxMC4wMTg0IDYuNDY4NThDMTAuMjUyNiA2LjQ2ODU4IDEwLjQ2MzkgNi41MTcyNCAxMC42NTI1IDYuNjE0NTdDMTAuODQ0MSA2LjcxMTkgMTAuOTk2MiA2Ljg0ODc2IDExLjEwODcgNy4wMjUxN0MxMS4yMjEzIDcuMjAxNTggMTEuMjc3NSA3LjQwOTkyIDExLjI3NzUgNy42NTAxOUMxMS4yNzc1IDcuODYzMSAxMS4yMzUgOC4wNTYyMyAxMS4xNDk4IDguMjI5NkMxMS4wNjQ2IDguMzk5OTIgMTAuOTQ3NSA4LjU1NTA0IDEwLjc5ODUgOC42OTQ5NEMxMC42NTI1IDguODMxODEgMTAuNDg2OCA4Ljk1ODAzIDEwLjMwMTIgOS4wNzM2MUMxMC4wMzA1IDkuMjQwODkgOS44MDA5IDkuNDI0OSA5LjYxMjMzIDkuNjI1NjRDOS40MjM3NSA5LjgyMzMzIDkuMjc3NzYgMTAuMDg0OSA5LjE3NDM1IDEwLjQxMDNDOS4wNzM5OCAxMC43MzU4IDkuMDIyMjggMTEuMTczOCA5LjAxOTI0IDExLjcyNDNaTTkuMTA1OTIgMTQuMzk3N0M5LjMwMzYyIDE0LjU5MjQgOS41MzkzMyAxNC42ODk3IDkuODEzMDYgMTQuNjg5N0M5Ljk5NTU1IDE0LjY4OTcgMTAuMTYxMyAxNC42NDU2IDEwLjMxMDMgMTQuNTU3NEMxMC40NjI0IDE0LjQ2NjIgMTAuNTg0MSAxNC4zNDQ1IDEwLjY3NTMgMTQuMTkyNEMxMC43Njk2IDE0LjA0MDMgMTAuODE2OCAxMy44NzE1IDEwLjgxNjggMTMuNjg2QzEwLjgxNjggMTMuNDEyMyAxMC43MTY0IDEzLjE3ODEgMTAuNTE1NiAxMi45ODM0QzEwLjMxOCAxMi43ODg4IDEwLjA4MzggMTIuNjkxNSA5LjgxMzA2IDEyLjY5MTVDOS41MzkzMyAxMi42OTE1IDkuMzAzNjIgMTIuNzg4OCA5LjEwNTkyIDEyLjk4MzRDOC45MDgyMiAxMy4xNzgxIDguODA5MzggMTMuNDEyMyA4LjgwOTM4IDEzLjY4NkM4LjgwOTM4IDEzLjk2NTggOC45MDgyMiAxNC4yMDMxIDkuMTA1OTIgMTQuMzk3N1oiIGZpbGw9IiMzMzMzNDAiIGZpbGwtb3BhY2l0eT0iMC42MiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.pls-message__text {
  width: 100%;
}

.pls-message__heading {
  margin-bottom: var(--pls-spacing-xxs);
}

.pls-message__action {
  display: inline-block;
  margin-top: var(--pls-spacing-xs);
}

.pls-message__button {
  flex-shrink: 0;
}

.pls-message__closeButton {
  position: absolute;
  top: 50%;
  right: var(--pls-spacing-m);
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-size: contain;
  border: none;
  transform: translateY(-50%);
}

.pls-message.--info {
  background: var(--pls-surface-info);
  border: 1px solid var(--pls-border-info);
}

.pls-message.--info .pls-message__icon::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY2Nzk3IDEwQzEuNjY3OTcgNS4zOTc2MyA1LjM5ODkzIDEuNjY2NjcgMTAuMDAxMyAxLjY2NjY3QzE0LjYwMzcgMS42NjY2NyAxOC4zMzQ2IDUuMzk3NjMgMTguMzM0NiAxMEMxOC4zMzQ2IDE0LjYwMjQgMTQuNjAzNyAxOC4zMzMzIDEwLjAwMTMgMTguMzMzM0M1LjM5ODkzIDE4LjMzMzMgMS42Njc5NyAxNC42MDI0IDEuNjY3OTcgMTBaTTkuMTQ0ODcgMTQuMDI1NUgxMC44NTc4VjguNTQzOTlIOS4xNDQ4N1YxNC4wMjU1Wk0xMC4wMDEyIDcuNTE2MDFDMTAuNTkyNSA3LjUxNjAxIDExLjA3MTggNy4wMzY2OSAxMS4wNzE4IDYuNDQ1NDFDMTEuMDcxOCA1Ljg1NDEzIDEwLjU5MjUgNS4zNzQ4MSAxMC4wMDEyIDUuMzc0ODFDOS40MDk5NyA1LjM3NDgxIDguOTMwNjQgNS44NTQxMyA4LjkzMDY0IDYuNDQ1NDFDOC45MzA2NCA3LjAzNjY5IDkuNDA5OTcgNy41MTYwMSAxMC4wMDEyIDcuNTE2MDFaIiBmaWxsPSIjM0I0REM0Ii8+Cjwvc3ZnPgo=");
}

.pls-message.--success {
  background: var(--pls-surface-success);
  border: 1px solid var(--pls-border-success);
}

.pls-message.--success .pls-message__icon::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY2Nzk3IDEwQzEuNjY3OTcgNS4zOTc2MiA1LjM5ODkzIDEuNjY2NjYgMTAuMDAxMyAxLjY2NjY2QzE0LjYwMzcgMS42NjY2NiAxOC4zMzQ2IDUuMzk3NjIgMTguMzM0NiAxMEMxOC4zMzQ2IDE0LjYwMjQgMTQuNjAzNyAxOC4zMzMzIDEwLjAwMTMgMTguMzMzM0M1LjM5ODkzIDE4LjMzMzMgMS42Njc5NyAxNC42MDI0IDEuNjY3OTcgMTBaTTkuMDE0ODkgMTMuNjQ0OEwxNC41MzA1IDguMTI5MjFMMTMuNjQ2NiA3LjI0NTMzTDkuMDE0NTQgMTEuODc3NEw2LjY4MDczIDkuNTQ1NTFMNS43OTcyIDEwLjQyOThMOS4wMTQ4OSAxMy42NDQ4WiIgZmlsbD0iIzAwOEEwMCIvPgo8L3N2Zz4K");
}

.pls-message.--caution {
  background: var(--pls-surface-caution);
  border: 1px solid var(--pls-border-caution);
}

.pls-message.--caution .pls-message__icon::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQ5MzkyIDMuMzE2ODZDOS4xNTk3NCAyLjE0NDU2IDEwLjgzNzEgMi4xNDQ1NiAxMS41MDI5IDMuMzE2ODZMMTguMDk1OSAxNC45MjU5TDE4LjA5NzMgMTQuOTI4M0MxOC43NjI0IDE2LjA4MjMgMTcuOTQ5MiAxNy41NjIzIDE2LjU5MzggMTcuNTYyM0gzLjQwMjk4QzIuMDUwMDcgMTcuNTYyMyAxLjI0Nzc5IDE2LjA4NzkgMS44OTcxMSAxNC45MzI2TDEuODk4NDggMTQuOTMwMkw4LjQ5MzkyIDMuMzE2ODZaTTEwLjc3MTIgMTMuMDgzM0g5LjIyOTYxVjE0LjYyNDlIMTAuNzcxMlYxMy4wODMzWk05LjIyOTYxIDcuNjg3NThIMTAuNzcxMlYxMS45MjcxSDkuMjI5NjFWNy42ODc1OFoiIGZpbGw9IiNENDk4MDAiLz4KPC9zdmc+Cg==");
}

.pls-message.--error {
  background: var(--pls-surface-warning);
  border: 1px solid var(--pls-border-warning);
}

.pls-message.--error .pls-message__icon::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY2Nzk3IDkuOTk5OTlDMS42Njc5NyA1LjM5NzYyIDUuMzk4OTMgMS42NjY2NiAxMC4wMDEzIDEuNjY2NjZDMTQuNjAzNyAxLjY2NjY2IDE4LjMzNDYgNS4zOTc2MiAxOC4zMzQ2IDkuOTk5OTlDMTguMzM0NiAxNC42MDI0IDE0LjYwMzcgMTguMzMzMyAxMC4wMDEzIDE4LjMzMzNDNS4zOTg5MyAxOC4zMzMzIDEuNjY3OTcgMTQuNjAyNCAxLjY2Nzk3IDkuOTk5OTlaTTExLjExMDIgNS44MzMzMkg4Ljg4ODAyVjEwLjkyNTlIMTEuMTEwMlY1LjgzMzMyWk0xMS4xMTAyIDEyLjMxNDhIOC44ODgwMlYxNC4xNjY3SDExLjExMDJWMTIuMzE0OFoiIGZpbGw9IiNEQjFFMUMiLz4KPC9zdmc+Cg==");
}

.pls-message.--closable.--closed {
  display: none;
}

hr.pls-divider {
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid var(--pls-border-default);
}

hr.pls-divider.--inverse {
  border-bottom: 1px solid var(--pls-border-inverse-default);
}

.pls-container {
  display: block;
  width: calc(100% - var(--pls-spacing-m) * 2);
  margin: 0 var(--pls-spacing-m);
}

@media (768px <= width) {
  .pls-container {
    width: calc(100% - var(--pls-spacing-xl) * 2);
    margin: 0 var(--pls-spacing-xl);
  }
}
@media (992px <= width) {
  .pls-container {
    max-width: 960px;
    margin: 0 auto;
  }
}
table.pls-table {
  display: table;
  text-align: left;
  border-collapse: collapse;
}

table.pls-table tr {
  background: none;
  border: none;
}

table.pls-table th {
  padding: var(--pls-spacing-s) var(--pls-spacing-m);
  vertical-align: top;
  background-color: var(--pls-gray-50);
  border: 1px solid var(--pls-border-default);
}

table.pls-table td {
  padding: var(--pls-spacing-s) var(--pls-spacing-m);
  vertical-align: top;
  border: 1px solid var(--pls-border-default);
}

table.pls-table.--full {
  width: 100%;
  table-layout: fixed;
}

table.pls-simpleTable {
  display: table;
  text-align: left;
}

table.pls-simpleTable tr {
  background: none;
  border: none;
}

table.pls-simpleTable tr:first-child {
  border-top: 1px solid var(--pls-border-default);
}

table.pls-simpleTable th {
  padding-top: var(--pls-spacing-s);
  padding-right: var(--pls-spacing-m);
  padding-bottom: var(--pls-spacing-s);
  vertical-align: top;
  border: none;
  border-bottom: 1px solid var(--pls-border-default);
}

table.pls-simpleTable td {
  padding: var(--pls-spacing-s) 0;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid var(--pls-border-default);
}

dl.pls-simpleTable {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: left;
}

dl.pls-simpleTable dt {
  width: 20%;
  padding-top: var(--pls-spacing-s);
  padding-right: var(--pls-spacing-m);
  padding-bottom: var(--pls-spacing-s);
  font-weight: bold;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid var(--pls-border-default);
}

dl.pls-simpleTable dt:first-of-type {
  border-top: 1px solid var(--pls-border-default);
}

dl.pls-simpleTable dd {
  width: 80%;
  padding-top: var(--pls-spacing-s);
  padding-right: var(--pls-spacing-m);
  padding-bottom: var(--pls-spacing-s);
  border-bottom: 1px solid var(--pls-border-default);
}

dl.pls-simpleTable dd:first-of-type {
  border-top: 1px solid var(--pls-border-default);
}

.pls-tableContainer {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pls-tabs {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid var(--pls-border-default);
}

.pls-tabs::-webkit-scrollbar {
  display: none;
}

.pls-tabs ul {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-start;
}

.pls-tabs ul li {
  display: block;
}

.pls-tabs ul li .pls-tabs__item {
  display: flex;
  gap: var(--pls-spacing-xxs);
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0 var(--pls-spacing-s);
  margin: 0;
  font-size: var(--pls-font-size-m);
  line-height: var(--pls-line-height-m);
  color: var(--pls-object-secondary);
  text-align: center;
  cursor: pointer;
  background: var(--pls-surface-primary);
  border: none;
}

.pls-tabs ul li .pls-tabs__item:not([class]) {
  color: var(--pls-object-secondary);
}

.pls-tabs ul li .pls-tabs__item:hover {
  color: var(--pls-object-accent-dark);
  background: var(--pls-hover-primary);
}

.pls-tabs ul li.--selected {
  position: relative;
}

.pls-tabs ul li.--selected .pls-tabs__item {
  color: var(--pls-object-accent-dark);
  background: var(--pls-surface-primary);
}

.pls-tabs ul li.--selected .pls-tabs__item::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: var(--pls-object-accent-dark);
}

.pls-tabs.--full ul li {
  flex: 1;
}

.pls-tabs.--small ul li .pls-tabs__item {
  min-height: 44px;
  padding: 0 var(--pls-spacing-xs);
  font-size: var(--pls-font-size-s);
}

.pls-tabs.--button {
  border-bottom: none;
}

.pls-tabs.--button ul {
  flex-wrap: wrap;
  gap: var(--pls-spacing-xs);
  width: 100%;
}

.pls-tabs.--button ul li .pls-tabs__item {
  min-height: 44px;
  padding: var(--pls-spacing-s);
  color: var(--pls-object-primary);
  border: 1px solid var(--pls-border-strong);
  border-radius: 4px;
}

.pls-tabs.--button ul li .pls-tabs__item::after {
  display: none;
}

.pls-tabs.--button ul li.--selected .pls-tabs__item {
  color: var(--pls-object-link);
  background: var(--pls-active-primary);
  border: 1px solid var(--pls-object-link);
}

.pls-tabs.--button.--small ul li .pls-tabs__item {
  min-height: 36px;
  padding: var(--pls-spacing-xs);
}

.pls-tabs.--center ul {
  justify-content: center;
}

.pls-tabs.--right ul {
  justify-content: flex-end;
}

.pls-tabs .pls-tabs__scroll {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.pls-tabs .pls-tabs__button {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: none;
  border: none;
}

.pls-tabs .pls-tabs__button .pls-tabs__icon {
  z-index: 1;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.pls-tabs .pls-tabs__button::before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 64px;
  min-width: 64px;
  height: 100%;
  content: "";
}

.pls-tabs .pls-tabs__button:first-child {
  left: 0;
}

.pls-tabs .pls-tabs__button:first-child::before {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 40%, #ffffff 100%);
}

.pls-tabs .pls-tabs__button:last-child {
  right: 0;
}

.pls-tabs .pls-tabs__button:last-child::before {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 40%, #ffffff 100%);
}

/* ---------------------------
 *           TOP
 * ---------------------------*/
div[class^=opentop-section] a {
  color: var(--pls-object-link);
}

.opentop__outer {
  width: 960px;
  margin: 0 auto;
  padding-top: 70px;
}
@media screen and (min-width: 1280px) {
  .opentop__outer {
    width: 1020px;
  }
}
.opentop__kv {
  background-color: var(--pls-basic-white);
  width: 100%;
  min-height: 597px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.opentop__kv__inner {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1285px) {
  .opentop__kv__inner {
    width: 1284px;
  }
}
@keyframes slide-fade {
  0% {
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  36% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
.opentop__slide {
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  z-index: 0;
  margin: auto;
  display: block;
  width: 100%;
  min-height: 100%;
}
@media screen and (max-width: 1284px) {
  .opentop__slide {
    width: auto;
    height: 100%;
    min-height: auto;
  }
}
@media screen and (min-width: 1285px) {
  .opentop__slide {
    width: auto;
    max-height: 100%;
  }
}
.opentop__slide.--1 {
  animation: slide-fade 20s infinite;
  animation-delay: 0s;
  opacity: 0;
}
.opentop__slide.--2 {
  animation: slide-fade 20s infinite;
  animation-delay: 6s;
  opacity: 0;
}
.opentop__slide.--3 {
  animation: slide-fade 20s infinite;
  animation-delay: 12s;
  opacity: 0;
}
.opentop__kv-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--pls-white-alpha-700);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  width: 500px;
  min-height: 597px;
  padding: 10px 90px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.opentop__kv-panel .opentop__login__panel-text--vertical span {
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--pls-gray-700);
  margin: 3px 0 8px;
}
.opentop__kv-panel .opentop__login__panel-text.m3-text-center {
  font-size: 0.875rem;
  margin: 10px 0;
}

.opentop__logo {
  margin: 0;
}

.opentop__caption {
  margin: 4px 0 35px;
  color: var(--pls-gray-800);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
}

.opentop__heading h2, .opentop__heading h3 {
  margin: 15px 0 30px;
  font-size: 2.75rem;
  font-weight: normal;
  line-height: 1.2;
}
.opentop__heading p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.opentop__heading--first {
  margin-top: 120px;
}

.opentop__heading__label {
  font-size: 1.125rem;
  color: #7f7f7f;
  font-weight: bold;
}

.opentop__heading--other h2, .opentop__heading--other h3 {
  margin: 15px 0 0;
  font-size: 2.125rem;
}
.opentop__heading--other p {
  margin: 10px 0 0;
}

.opentop__heading--vertical {
  margin-top: 70px;
}

.opentop__info {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
  font-size: 0.875rem;
  padding: 0;
  margin-bottom: var(--pls-spacing-m);
}
.opentop__info h2 {
  margin: 0;
  font-size: 0.875rem;
}
.opentop__info p {
  margin: 6px 0 0;
  font-size: 0.875rem;
  line-height: 1.3;
}

.opentop__panel {
  margin-top: 100px;
}
.opentop__panel .m3-article-list__item {
  padding-top: 5px !important;
  padding-bottom: 5px;
}
.opentop__panel .m3-panel {
  padding: 20px;
}
.opentop__panel .m3-panel a.service-link {
  margin-right: 1rem;
}

.opentop__panel__col {
  margin-left: 1%;
  padding: 0;
}
.opentop__panel__row .opentop__panel__col:first-child {
  margin-left: 0;
}
.opentop__panel__col a.service-link {
  margin-right: 1rem;
}
.opentop__panel__col a i {
  font-size: 10px;
  vertical-align: 1px;
  margin-right: 2px;
}

.opentop__panel__col-6 {
  width: 49.5%;
}

.opentop__panel__col-4 {
  width: 32%;
}

.opentop__outer-login {
  background: #006;
  color: #fff;
}
.opentop__outer-login .opentop__outer {
  padding: 50px 0;
}

.opentop__login__panel-footer {
  background-color: #fff;
  padding: 15px 15px 20px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.opentop__login__col-text--regist {
  padding-top: 70px;
}

.opentop__outer-other {
  background-image: -webkit-linear-gradient(top, #fff 0%, #d5dbe7 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #d5dbe7 100%);
  background-image: linear-gradient(to bottom, #fff 0%, #d5dbe7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFD5DBE7", GradientType=0);
}
.opentop__outer-other .opentop__outer {
  padding: 100px 0;
}

.opentop__panel--other {
  margin-top: 30px;
}

.opentop__login__panel .pls-input {
  margin-top: 0;
  margin-bottom: var(--pls-spacing-s);
}
.opentop__login__panel .pls-formHelper {
  color: var(--pls-object-warning);
}
.opentop__login__panel .pls-checkbox input:checked::before {
  width: 4px;
  height: 9px;
}

.opentop__login__panel-inner {
  margin-top: 0;
}

.opentop__login__panel-text {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 0.8125rem;
}
.opentop__login__panel-text input[type=checkbox] + span:before {
  background: #fff;
}

.opentop__login__panel-textbox {
  margin-top: 3px;
  padding: 6px 8px 8px;
  width: 100%;
  color: #555;
  font-size: 1rem;
}

.opentop__login__panel--regist {
  background-color: #ebebeb;
  padding: 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottom-left: 4px;
  -moz-border-radius-bottom-right: 4px;
}

.opentop__login__panel-text--vertical {
  line-height: 1.3;
  color: var(--pls-gray-700);
  margin: 8px 0;
}

.opentop__login__panel-text--regist {
  font-size: 1.125rem;
  line-height: 1.6;
  margin-top: 30px;
}

.opentop__col__title--vertical {
  margin-top: 15px;
}

.opentop__nav {
  position: relative;
}

.opentop__nav__outer {
  position: absolute;
  top: 1417px;
  width: 100%;
  height: 100px;
}

.opentop__nav__inner {
  width: 100%;
  padding: 15px 0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#77000066, EndColorStr=#77000066);
  background-color: rgba(0, 0, 102, 0.7);
}

.opentop__nav-list {
  margin: 0 auto;
  padding: 0;
}

.opentop__nav__title {
  margin: 0;
  padding: 20px 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr=#77000066, EndColorStr=#77000066);
  background-color: rgba(0, 0, 102, 0.7);
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.1;
}

.opentop__nav-list__item {
  display: inline-block;
  margin: 0 0 0 40px;
  padding: 0;
  vertical-align: middle;
}
.opentop__nav-list__item a {
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
}
.opentop__nav-list__item a:hover {
  text-decoration: none;
}
.opentop__nav-list__item:first-child {
  margin-left: 0;
}
.opentop__nav-list__item .active {
  color: #a6a6ca;
}

.m3-twbd-affix-control {
  top: 0;
  position: fixed;
  z-index: 1;
}

.m3-twbd-affix-control-bottom {
  position: absolute;
}

.opentop__label--limited {
  display: inline-block;
  padding: 2px 4px;
  border: 1px solid #333;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.2;
}

.m3-equal-group .m3-panel {
  padding: 20px;
}

.opentop__outer__button {
  padding-top: 0;
}

.opentop__button {
  font-size: 1rem;
  width: 100%;
}

.pls-button.--signup {
  background-color: var(--pls-sky-600);
  color: var(--pls-basic-white);
  padding: 0;
}
.pls-button.--signup:hover {
  text-decoration: none;
}
.pls-button.--signup:visited {
  color: var(--pls-basic-white) !important;
}
.pls-button.--menu {
  padding: 0 16px;
}
.pls-button.--signup--lg {
  font-size: 1.25rem;
  width: 220px;
  padding: 8px 16px;
}

.opentop__button--lg {
  font-size: 1.25rem;
  width: 220px;
}

.opentop-section01 {
  height: 1870px;
  background: #b9e1e9 url(//s.m3img.com/images/m3com/opentop/ph_top_02.jpg) no-repeat center top;
  background-size: cover;
}

.opentop-section02 {
  height: 990px;
  background: url(//s.m3img.com/images/m3com/opentop/ph_top_03.jpg) no-repeat center top;
  background-size: cover;
}

.opentop-section03 {
  height: 820px;
  background: url(//s.m3img.com/images/m3com/opentop/ph_top_04.jpg) no-repeat center top;
  background-size: cover;
}

.opentop-section04 {
  height: 640px;
  background: url(//s.m3img.com/images/m3com/opentop/ph_top_05.jpg) no-repeat center top;
  background-size: cover;
}

.opentop__outer_career {
  height: 310px;
}

.opentop__outer-other .opentop__outer_career {
  padding: 50px 0;
  margin: 0 auto;
  width: 960px;
}

.opentop__panel_career {
  margin-top: 50px;
}

.opentop__panel__p0 {
  padding: 0 !important;
}
.opentop__panel__p0 .m3-heading3 {
  margin-top: 0 !important;
}

.opentop__outer__button__all {
  display: block;
  margin: 0;
  padding: 20px;
  color: #03a;
}
.opentop__outer__button__all:active {
  color: #03a;
}
.opentop__outer__button__all p {
  color: #333 !important;
}
.opentop__outer__button__all:hover {
  text-decoration: none !important;
  background-color: #fffdf2;
}
.opentop__outer__button__all:hover .opentop__outer__button__career {
  background-color: #03a;
  color: #fff;
}
.opentop__outer__button__all:hover .opentop__outer__button__career i {
  color: #fff;
}
.opentop__outer__button__all .opentop__label--limited {
  color: #333 !important;
  background-color: #fff;
}

.opentop__heading__career {
  margin-top: 0;
  margin-bottom: 10px;
}
.opentop__heading__career img {
  vertical-align: middle;
}
.opentop__heading__career .opentop__label--limited {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.opentop__outer__button__career {
  display: inline-block;
  margin: 10px 0 0;
  padding: 5px 10px;
  border: 1px solid #03a;
  border-radius: 33px;
  background-color: #fff;
  font-weight: bold;
}
.opentop__outer__button__career i {
  margin-right: 5px !important;
  color: #03a;
}

.opentop__outer-bnr {
  background-color: #d5dbe7;
  padding: 50px 0;
  text-align: center;
}
.opentop__outer-bnr img {
  margin: 0 5px;
}
.opentop__outer-bnr img:hover {
  opacity: 0.8;
}

.atlas-open-rhs {
  float: left;
  width: 230px;
  margin-left: 10px;
  font-size: 0.875rem;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color: #333;
  /* ---------------------------
   *      　Login Form
   * ---------------------------*/
}
.atlas-open-rhs a {
  color: #03a;
  text-decoration: none;
}
.atlas-open-rhs a:visited {
  color: #775cad;
}
.atlas-open-rhs a:hover {
  text-decoration: underline;
}
.atlas-open-rhs .account-block {
  background: #fff !important;
  border-radius: 2px !important;
}
.atlas-open-rhs .account-block .login__panel {
  padding: 10px 15px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-top-left: 4px;
  -moz-border-radius-top-right: 4px;
}
.atlas-open-rhs .account-block .login__panel-text {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 0.8125rem;
}
.atlas-open-rhs .account-block .login__panel-text input[type=checkbox] + span:before {
  background: #fff;
}
.atlas-open-rhs .account-block .login__panel-textbox {
  margin-top: 3px;
  padding: 6px 8px 8px;
  width: 100%;
  color: #555;
  font-size: 1rem;
}
.atlas-open-rhs .account-block .login__panel--regist {
  background-color: #ebebeb;
  padding: 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottom-left: 4px;
  -moz-border-radius-bottom-right: 4px;
}
.atlas-open-rhs .account-block .login__panel--regist a {
  color: #fff;
}
.atlas-open-rhs .account-block .login__panel--regist a:hover {
  text-decoration: none;
}
.atlas-open-rhs .account-block .login__panel-text--vertical {
  margin-bottom: 0;
}
.atlas-open-rhs .account-block .outer__button {
  padding-top: 10px;
}
.atlas-open-rhs .account-block .m3-button {
  font-size: 1rem;
  width: 200px;
}

@media screen and (min-width: 1280px) {
  .atlas-open-rhs {
    width: 380px;
    margin-left: 20px;
  }
}
/* ---------------------------
 *           HEADER
 * ---------------------------*/
.open-header__help {
  margin: 10px 0;
}

/* ---------------------------
 *           CONTENTS
 * ---------------------------*/
.open__outer {
  width: 600px;
  margin: 20px auto;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.open__outer-regist {
  border-top: 1px solid #dedede;
  padding-top: 20px;
}

.open__login__panel-text--vertical {
  margin-bottom: 0;
}

.open__login__panel-textbox {
  width: 100%;
  margin-top: 3px;
  padding: 6px 8px 8px;
  color: #555;
  font-size: 1rem;
}

.open__login__panel-text {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 0.8125rem;
}
.open__login__panel-text input[type=checkbox] + span:before {
  background: #fff;
}

.open__col--vertical {
  margin-top: 10px;
}

.open__label {
  padding-top: 6px;
}

.m3-panel > .open__login__title {
  margin-top: 1em !important;
}

.open__outer ~ .open__outer {
  margin-top: -20px;
}

.open__outer__button {
  padding-top: 10px;
}

.open__button {
  font-size: 1rem;
  width: 200px;
}

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

.polls-block {
  margin: 30px 0;
}
.polls-block pre {
  white-space: pre-wrap;
}

.polls-block--comment {
  margin: -20px 0 0;
}

.polls-block__inner {
  margin: 20px 0;
}

.polls-block__inner--comment {
  padding: 15px 0;
  border-bottom: 1px solid #dedede;
}

.polls-block__inner--question {
  margin: 20px 20px 0 35px;
}

.polls-w-100 {
  width: 100%;
}

.polls-w-textarea {
  width: 678px;
  font-size: 14px;
}

.polls-w-textarea--question {
  width: 623px;
}

li.polls-list--danger {
  color: #c81f3d;
}

.polls-comment__select dt {
  margin: 2px 10px 0 0;
  font-weight: normal;
}

.polls-label-status {
  position: relative;
  top: -4px;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 3px 6px;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
}

.polls-label-status--list {
  width: 50px;
  padding: 3px 6px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
}

.polls-label-status--close {
  background-color: #999;
}

.polls-label-status--input {
  background-color: #e89b4a;
}

.polls-label-status--result {
  background-color: #4cae4c;
}

.polls-label-question {
  position: relative;
  top: -2px;
  display: inline-block;
  background-color: #40509e;
  width: 30px;
  margin: 0 5px 0 0;
  padding: 2px 0;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  color: #fff;
}

.polls-comment-text .m3-button.m3-button--primary.m3-button--mini[disabled] {
  border-top: 3px solid #40509e !important;
  border-bottom: 1px solid #40509e !important;
  border-left: 1px solid #40509e !important;
  border-right: 1px solid #40509e !important;
}
.polls-comment-text .polls-button--disabled {
  position: relative;
  left: 5px;
}
.polls-comment-text pre {
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.polls-title-question {
  display: table;
  width: 100%;
  padding: 0 0 10px;
  border-bottom: 1px solid #dedede;
}

.polls-title-question__read {
  display: table-cell;
  width: 100%;
}

.polls-info {
  margin-top: 10px;
}

.polls-comment-icon {
  float: left;
}
.polls-comment-icon img {
  width: 60px;
  vertical-align: bottom;
}

.polls-comment-text {
  width: 625px;
  margin-left: 15px;
  float: right;
}

.polls-comment-text p {
  margin: 0 0 10px;
}

.polls-list-block {
  display: table;
  width: 100%;
}

.polls-list-block__label,
.polls-list-block__title,
.polls-list-block__vote {
  display: table-cell;
}

a.polls-list-block__label {
  color: #fff;
}

a.polls-list-block__label:visited {
  color: #fff;
}

.polls-list-block__title {
  width: 80%;
  padding-left: 10px;
}

.polls-list-block__vote {
  vertical-align: middle;
  text-align: center;
}

#poll-comment-count:before {
  content: "（";
}

#poll-comment-count:after {
  content: "件）";
}

/* Base
---------------------------------------------*/
html,
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

/* Base
---------------------------------------------*/
#cp19update {
  color: #524C4B;
  background: white;
  padding: 40px 0 96px 0;
  width: 100%;
}

#cp19update img {
  display: block;
  max-width: 100%;
}

#cp19update_cta a:hover,
#cp19update a:hover {
  opacity: 0.86;
}

#cp19update .top,
#cp19update .bottom {
  width: 100%;
  display: flex;
  justify-content: center;
}

#cp19update .bottom {
  margin-top: -124px;
  padding: 124px 0 0 0;
  background: #FEE5DF;
  width: 100%;
}

#cp19update .common_layout {
  width: 960px;
}

#cp19update h2,
#cp19update h3,
#cp19update h4,
#cp19update p {
  margin: 0;
  padding: 0;
  letter-spacing: 0.04em;
}

#cp19update a {
  color: #3336CC;
  text-decoration: none;
  position: relative;
}

#cp19update a:hover {
  text-decoration: underline;
}

#cp19update .notes a[target=_blank]:after {
  content: "";
  display: inline-block;
  background: url(https://s.m3img.com/atlas/1.0.0/images/19clinicalupdate/ico_new_win.svg) no-repeat center center;
  background-size: contain;
  width: 1.3em;
  height: 1.3em;
  vertical-align: -0.3em;
  margin: 0 3px;
}

/* CTA
---------------------------------------------*/
#cp19update_cta {
  position: fixed;
  bottom: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  background: linear-gradient(273.02deg, #0028B8 0%, #1178B1 100%);
}

#cp19update_cta a:hover {
  opacity: 0.86;
}

#cp19update_cta > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 960px;
  margin: auto;
}

#cp19update_cta .btn_common {
  display: block;
  height: 64px;
  line-height: 64px;
  border-radius: 32px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.04em;
}

#cp19update_cta a.checkWebcon {
  width: 34%;
  letter-spacing: 0;
  padding-right: 16px;
  position: relative;
}

#cp19update_cta a.checkWebcon::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
}

#cp19update_cta a.checkList,
#cp19update_cta a.checkQuiz {
  width: 30%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.48);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
}

#cp19update_cta .active {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0;
}

#cp19update_cta .active a.checkWebcon {
  background: #FFE926;
  -webkit-box-shadow: 0px 8px 20px rgba(0, 17, 77, 0.54);
  box-shadow: 0px 8px 20px rgba(0, 17, 77, 0.54);
  color: #0230B8;
}

#cp19update_cta .active a.checkWebcon::after {
  background-image: url(https://s.m3img.com/atlas/1.0.0/images/19clinicalupdate/ico_arrow_cta.svg);
}

#cp19update_cta .deactive p {
  font-size: 14px;
  line-height: 1;
  margin: 12px 0;
}

#cp19update_cta .deactive .top,
#cp19update_cta .deactive .bottom {
  width: 100%;
}

#cp19update_cta .deactive .top {
  width: 100%;
}

#cp19update_cta .deactive .top p {
  width: 36%;
  font-weight: bold;
  color: #FFE926;
  text-align: center;
}

#cp19update_cta .deactive .bottom p {
  color: #fff;
  text-align: center;
  font-weight: normal;
}

#cp19update_cta .deactive a.checkWebcon {
  background: #DBE0EE;
  color: #98A0B8;
  cursor: default;
  pointer-events: none;
}

#cp19update_cta .deactive a.checkWebcon:hover {
  opacity: 1;
}

#cp19update_cta .deactive a.checkWebcon::after {
  background-image: url(https://s.m3img.com/atlas/1.0.0/images/19clinicalupdate/ico_arrow_cta2.svg);
}

/* Header
---------------------------------------------*/
#cp19update header h1 {
  margin: 48px 0;
  padding: 0;
  line-height: 1;
}

#cp19update .mail_notification .message {
  padding: 24px 32px;
  background-color: #F5F5F5;
  border-radius: 10px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}

#cp19update .mail_notification .message .icon {
  padding-right: 20px;
  width: 32px;
}

#cp19update .mail_notification .message p {
  font-size: 20px;
  font-weight: bold;
  flex-grow: 1;
}

#cp19update .mail_notification .message .button {
  background-color: #1D4DBE;
  border: none;
  padding: 11px 24px;
  height: 48px;
  border-radius: 24px;
  color: white;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
}

#cp19update .mail_notification .message .button p {
  font-size: 16px;
  font-weight: bold;
}

#cp19update .mail_notification .message .button img {
  padding-left: 4px;
  width: 16px;
}

#cp19update .mail_notification .message .button:hover {
  opacity: 0.86;
  text-decoration: none;
  cursor: pointer;
}

#cp19update .cp_info {
  background: #EB502E;
  border-radius: 10px;
  padding: 12px 24px 24px 24px;
}

#cp19update .cp_info p {
  font-size: 24px;
  color: white;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 12px;
}

#cp19update .cp_info .image {
  display: flex;
  position: relative;
}

#cp19update .cp_info .image img:first-child {
  margin-right: 24px;
}

/* Main
---------------------------------------------*/
#cp19update .common_c {
  border-radius: 10px;
  background: #fff;
  padding: 40px;
  margin-bottom: 40px;
}

#cp19update .about {
  margin-top: 40px;
  display: flex;
}

#cp19update .about h2 {
  margin: 0 0 24px 0;
  padding: 0;
  line-height: 1;
  color: #EB502E;
  font-size: 24px;
}

#cp19update .about .text,
#cp19update .about .pict {
  width: 420px;
}

#cp19update .about .text {
  margin-right: 40px;
}

#cp19update .about .text p {
  line-height: 180%;
}

#cp19update .about .pict img {
  border-radius: 6px;
}

/* Benefits
---------------------------------------------*/
#cp19update .benefits .content {
  margin-bottom: 40px;
}

#cp19update .benefits .content:last-child {
  margin-bottom: 0;
}

#cp19update .benefits .content .title {
  display: flex;
}

#cp19update .benefits .content .title .num {
  display: block;
  height: 88px;
  width: 88px;
  background: #EB502E;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  padding: 16px;
  margin: 0 40px 40px 0;
}

#cp19update .benefits .content .title .num .text {
  font-size: 24px;
  text-align: center;
}

#cp19update .benefits .content .title .num .text_num {
  font-size: 40px;
  text-align: center;
}

#cp19update .benefits .content .title .title_text {
  display: flex;
  align-items: center;
  width: 720px;
  margin-bottom: 40px;
}

#cp19update .benefits .content .title .title_text h2 {
  line-height: 1.6;
  font-size: 22px;
}

#cp19update .benefits .content .benefit_bg {
  display: block;
  background: #F5F5F5;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 40px;
}

/* Benefit 1 */
#cp19update .benefits .content .benefit_bg .benefit_1_container {
  background: #fff;
  border-radius: 6px;
  padding: 40px;
  display: flex;
  justify-content: center;
}

#cp19update .benefits .content .benefit_bg .benefit_1_container img {
  margin-left: 50px;
}

/* Benefit 2 */
#cp19update .benefits .content .benefit_2 .benefit_bg .title {
  display: block;
  background: #524C4B;
  height: 72px;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .title h3 {
  font-size: 24px;
  line-height: 72px;
  text-align: center;
  color: #fff;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  padding: 0 40px 40px;
  background: #fff;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main {
  width: 47.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px 0;
  border-bottom: 3px solid #F5F5F5;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0 0;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_bottom h4 {
  font-size: 28px;
  text-align: center;
  color: #EB502E;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_bottom img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  position: relative;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main:last-child {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main .icon {
  background: #EB502E;
  width: 76px;
  height: 76px;
  min-width: 76px;
  border-radius: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main .text {
  display: flex;
  align-items: center;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main .text h4 {
  font-size: 21px;
  color: #EB502E;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main .text p {
  color: #524C4B;
  font-size: 18px;
  font-weight: bold;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main .text .text1 {
  margin-bottom: 8px;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main .text .text2 {
  display: flex;
  align-items: center;
  position: relative;
}

#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container .benefit_main .text .text2 img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  position: relative;
}

/* Prize */
#cp19update .benefits .content .benefit_2 .benefit_bg .container .benefit_container2 {
  padding: 40px 0;
  background: #fff;
}

#cp19update .benefits .content .benefit_bg .prize_wrapper {
  display: flex;
  justify-content: space-around;
}

#cp19update .benefits .content .benefit_bg .prize {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  border-right: 3px solid #F5F5F5;
  width: 100%;
}

#cp19update .benefits .content .benefit_bg .prize:last-child {
  border-right: none;
}

#cp19update .benefits .content .benefit_bg .prize .icon {
  display: flex;
  justify-content: center;
}

#cp19update .benefits .content .benefit_bg .prize .text {
  display: flex;
  flex-direction: column;
  text-align: center;
}

#cp19update .benefits .content .benefit_bg .prize .text .gold {
  color: #BB9209;
}

#cp19update .benefits .content .benefit_bg .prize .text .silver {
  color: #75888A;
}

#cp19update .benefits .content .benefit_bg .prize .text .bronez {
  color: #D97A46;
}

#cp19update .benefits .content .benefit_bg .prize .text .nop {
  font-size: 24px;
  margin: 16px 0;
}

#cp19update .benefits .content .benefit_bg .prize p {
  line-height: 1;
}

#cp19update .benefits .content .benefit_bg .prize .text .num p {
  font-size: 32px;
  color: #EB502E;
}

#cp19update .benefits .content .benefit_bg .prize .text .num img {
  display: inline;
  position: relative;
  top: 3px;
  margin-left: 8px;
}

/* Benefit Notes */
#cp19update .benefits .content .benefit_notes {
  display: flex;
  margin-bottom: 8px;
}

#cp19update .benefits .content .benefit_notes:last-child {
  margin-bottom: 0;
}

#cp19update .benefits .content .benefit_notes p {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #777;
}

#cp19update .benefits .content .benefit_notes .num {
  margin: 0 8px 8px 0;
}

/* Lists & Notes
---------------------------------------------*/
#cp19update .common_c2 {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 40px;
}

#cp19update .common_c2:last-child {
  margin-bottom: 80px;
}

#cp19update .common_c2 .title {
  width: 100%;
  height: 72px;
}

#cp19update .common_c2 .title h2 {
  text-align: center;
  font-size: 24px;
  line-height: 72px;
  color: #fff;
}

/* Lists
---------------------------------------------*/
#cp19update .lists .title {
  background: #EB502E;
}

#cp19update .lists .content {
  padding: 24px 40px 40px 40px;
}

#cp19update .lists .content .message {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

#cp19update .lists .content .message p {
  background: #FEE826;
  border-radius: 24px;
  height: 48px;
  line-height: 48px;
  color: #252200;
  font-weight: bold;
  text-align: center;
  padding: 0 44px;
}

#cp19update .lists .content ul li:nth-child(even) {
  background: #f5f6f8;
  border-radius: 4px;
}

#cp19update .lists .content ul li {
  list-style-type: none;
  margin-left: -40px;
}

#cp19update .lists .content ul li a {
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 40px;
  position: relative;
  color: #3336cc;
}

#cp19update .lists .content ul li a:after {
  position: absolute;
  content: "";
  top: 3px;
  right: 12px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(https://s.m3img.com/atlas/1.0.0/images/19clinicalupdate/ico_arrow_list.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

#cp19update .lists .content ul li a:hover {
  background: #e2e2f3;
  border-radius: 4px;
  opacity: 1;
}

#cp19update .lists .content ul li .list {
  display: flex;
  align-items: center;
}

#cp19update .lists .content ul li .list .text {
  width: calc(100% - 378px);
  margin: 0 24px 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cp19update .lists .content ul li .list .common_cat {
  display: block;
  width: 124px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  margin-right: 24px;
  color: #fff;
  font-size: 12px;
}

#cp19update .lists .content ul li .list .cat1 {
  background: #78879c;
}

#cp19update .lists .content ul li .list .cat2 {
  background: #d3715d;
}

#cp19update .lists .content ul li .list .cat3 {
  background: #7C6F6D;
}

#cp19update .lists .content ul li .list .time {
  font-size: 14px;
  color: #524c4b;
  width: 116px;
}

/* Notes
---------------------------------------------*/
#cp19update .notes .title {
  background: #524C4B;
}

#cp19update .notes .content {
  padding: 40px;
}

#cp19update .notes ul {
  margin: 0 0 0 -18px;
}

#cp19update .notes ul li {
  list-style-type: none;
  margin-bottom: 16px;
  font-size: 15px;
  text-indent: -19px;
  padding-left: 19px;
}

#cp19update .notes ul li:last-child {
  margin-bottom: 0;
}

#cp19update .notes ul li::before {
  content: "※";
  text-indent: 0;
  margin-right: 4px;
}

#cp19update .clinicallink {
  text-align: center;
}

#cp19update .clinicalbutton {
  color: #FFF;
}
/*# sourceMappingURL=pc.css.map */