@charset "UTF-8";
/*
 * 制作事例ページ用スタイル
 * 元テーマ www@acms の SCSS（object/component/_button・_column・_label・_pagetitle・_typography、
 * object/project/_banner・_entry-search・_form・_tag）と、foundation/_base.scss 相当、
 * www@acms/css/www.css・themes/system/css/acms.css の必要分をまとめたもの。
 * 共通ヘッダー・フッター（acms2026）に影響させないため、ベース指定は .p-showcase-page 配下に限定している。
 */
.navbar-main-list-link {
  padding: 10px 10px 10px 22px;
  background: #f4edd0;
}
.navbar-main-list-link::before {
  text-indent: -1em;
  color: #666;
}
.navbar-main-list-link:hover {
  background: #dbd4b4;
}

.fade-in-animation {
  animation: 0.8s fade-in;
}

/* ------------------------------
　　ボタン
------------------------------ */
/* 　ボタン
------------------------------ */
.c-btn {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.4em 1.5em;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  background: #efefef;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: 0.15s ease-in-out;
}
.c-btn:link,
.c-btn:hover,
.c-btn:visited,
.c-btn:active,
.c-btn:focus {
  color: #333;
  text-decoration: none;
  border: 1px solid transparent;
}
.c-btn:hover,
.c-btn:active,
.c-btn:focus {
  background: #fff;
  border-color: currentcolor;
}
.c-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 100, 100, 0.3);
}

.c-btn.-round,
.c-btn.-round .c-btn__label {
  border-radius: 10em;
}
.c-btn.-small {
  padding: 0.3em 1em;
  font-size: 14px;
}
.c-btn.-large {
  padding: 0.8em 1em;
  font-size: 16px;
}
.c-btn.-wide {
  width: 100%;
  max-width: 240px;
}

.c-btn.-white {
  color: #c41134;
  background: #fff;
}
.c-btn.-border,
.c-btn.-border:link {
  color: #333;
  background: #f5f5f5;
  border: 1px solid #d5d5d5;
}
.c-btn.-border:hover,
.c-btn.-border:active,
.c-btn.-border:focus {
  color: #333;
  background: #f5f5f5;
  border: 1px solid #929292;
}
.c-btn.-border:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 50, 145, 0.3);
}
.c-btn.-inverse {
  color: #fff;
  background: #333333;
}
.c-btn.-primary,
.c-btn.-primary:link {
  color: #fff;
  background: #c41134;
}
.c-btn.-primary:hover,
.c-btn.-primary:active,
.c-btn.-primary:focus {
  color: #c41134;
  background: #fff;
}
.c-btn.-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(214, 86, 111, 0.3);
}
.c-btn.-primary-text,
.c-btn.-primary-text:link,
.c-btn.-primary-text:hover,
.c-btn.-primary-text:active,
.c-btn.-primary-text:focus {
  color: #c41134;
}
.c-btn.-primary-text:focus {
  box-shadow: 0 0 0 0.2rem rgba(214, 86, 111, 0.3);
}
.c-btn.-primary-border,
.c-btn.-primary-border:link {
  color: #c41134;
  background: #fff;
  border: 1px solid currentcolor;
}
.c-btn.-primary-border:hover,
.c-btn.-primary-border:active,
.c-btn.-primary-border:focus {
  color: #c41134;
  background: #fff;
}
.c-btn.-primary-border:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 50, 145, 0.3);
}
.c-btn.-secondary,
.c-btn.-secondary:link {
  color: #fff;
  background: #1d6de3;
}
.c-btn.-secondary:hover,
.c-btn.-secondary:active,
.c-btn.-secondary:focus {
  color: #1d6de3;
  background: #fff;
}
.c-btn.-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 50, 145, 0.3);
}
.c-btn.-accent,
.c-btn.-accent:link {
  color: #fff;
  background: #2c8517;
}
.c-btn.-accent:hover,
.c-btn.-accent:active,
.c-btn.-accent:focus {
  color: #2c8517;
  background: #fff;
}
.c-btn.-accent:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 50, 145, 0.3);
}

.c-btn.-attention {
  font-weight: 600;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.c-btn__icon-before {
  margin: 0 10px 0 -5px;
  font-size: 20px;
}
.c-btn__icon-after {
  margin: -3px -5px 0 10px;
  font-size: 20px;
}
.c-btn__label {
  margin: 0 10px 0 -12px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 3px;
}
.c-btn__label.-secondary {
  color: #fff;
  background: #1d6de3;
  border: 1px solid #1d6de3;
}
.c-btn.-inline-block {
  display: inline-block;
  width: auto;
}

.c-btn-text {
  color: #707070;
  font-size: 16px;
  font-weight: bold;
}
.c-btn-text__icon-before {
  margin: 0 20px 0 0;
  font-size: 20px;
}
.c-btn-text.-center {
  text-align: center;
}
.c-btn-text:hover,
.c-btn-text:visited,
.c-btn-text:active,
.c-btn-text:focus {
  color: #707070;
}

/* 　囲み
------------------------------ */
.c-btn-wrap.-center {
  text-align: center;
}
.c-btn-wrap.-center .c-btn {
  display: inline-block;
  width: auto;
}

.c-button-icon {
  display: flex;
  padding: 8px 16px;
  color: #c41134;
  border: 2px solid #c41134;
  border-radius: 8px;
  font-size: 18px;
  transition: background-color 0.2s;
}
.c-button-icon:link,
.c-button-icon:hover,
.c-button-icon:visited,
.c-button-icon:active,
.c-button-icon:focus {
  color: #c41134;
  border: 2px solid #c41134;
}
.c-button-icon:hover {
  background: #f6f6f6;
}
.c-button-icon__group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-button-icon__item {
  width: 100%;
  max-width: 321px;
}
.c-button-icon__icon {
  padding: 8px;
}
.c-button-icon__icon-img {
  display: block;
}
.c-button-icon__label {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 8px;
}
.c-button-icon__text-side {
  display: block;
  font-size: 12px;
}

/* ------------------------------
　　カラムレイアウト
------------------------------ */
/* 　3カラム
------------------------------ */
.c-column3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(313px, 1fr));
  gap: 40px 24px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-column3 {
    gap: 56px 32px;
  }
}

.c-column2to3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-column2to3 {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 48px 32px;
  }
}

/* ----------------------
 ラベル
 ---------------------- */
.c-label {
  padding: 2px 8px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  border-radius: 3px;
  background-color: #707070;
  border: 1px solid #707070;
}
.c-label.-primary {
  background-color: #c41134;
}
.c-label.-front {
  margin: 0 10px 0 0;
}
.c-label.-back {
  margin: 0 0 0 10px;
}
.c-label.-border {
  color: #707070;
  background: 0;
}

.c-label-border {
  padding: 2px 8px;
  font-size: 11px;
  border: 1px solid currentColor;
}
.c-label-border.-required {
  color: #c41134;
}
.c-label-border.-optional {
  color: #707070;
}
.c-label-border.-front {
  margin: 0 10px 0 0;
}
.c-label-border.-back {
  margin: 0 0 0 10px;
}

/* ------------------------------
　　ページタイトル 2023年7月ライセンスページから追加
------------------------------ */
.c-pagetitle-section {
  display: flex;
  margin-bottom: 64px;
  padding: 48px 0;
  flex-direction: column;
  align-items: center;
  background: #f7f7f7;
  font-family:
    hiragino kaku gothic pro,
    meiryo,
    sans-serif;
}
.c-pagetitle-section__main {
  margin: 0;
  color: #c40f32;
  font-size: 40px;
}
.c-pagetitle-section__description {
  margin: 0;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .c-pagetitle-section {
    margin-bottom: 80px;
    padding: 64px 0;
  }
}
/* 日本語 + 英語のみの構成
=============================== */
.c-pagetitle-simple {
  margin-bottom: 48px;
  padding: 2px 8px 8px;
  background: #c40f32;
  color: white;
}
.c-pagetitle-simple.-no-margin {
  margin-bottom: 0;
}
.c-pagetitle-simple__main {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.c-pagetitle-simple__sub {
  display: none;
}

@media screen and (min-width: 768px) {
  .c-pagetitle-simple {
    margin-bottom: 64px;
    padding: 0;
    background-color: unset;
    color: inherit;
  }
  .c-pagetitle-simple__inner {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    padding: 80px 0 44px;
    border-bottom: 4px solid #f7f8fc;
  }
  .c-pagetitle-simple.-no-margin .c-pagetitle-simple__inner {
    border-bottom: none;
  }
  .c-pagetitle-simple__main {
    font-size: 30px;
    font-weight: bold;
  }
  .c-pagetitle-simple__sub {
    display: block;
  }
}
/* ------------------------------
　　タイポグラフィ
------------------------------ */
/* 　見出し
------------------------------ */
.c-heading {
  position: relative;
  margin: 0 0 25px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}
.c-heading.-xlarge {
  font-size: 24px;
}
.c-heading.-large {
  font-size: 22px;
}
.c-heading.-tertiary::before {
  background: #5e668b;
}
.c-heading.-en {
  margin-bottom: 1em;
  font-size: 24px;
  font-family: Anton, sans-serif;
}
.c-heading.-align-left {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .c-heading {
    font-size: 30px;
  }
  .c-heading.-xlarge,
  .c-heading.-large {
    font-size: 32px;
  }
  .c-heading.-en {
    font-size: 40px;
  }
}
/* 　アイコンつき見出し  */
.c-heading-icon {
  display: flex;
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 600;
}
.c-heading-icon [class*='acms-icon'] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  background: #333333;
}

@media screen and (min-width: 768px) {
  .c-heading-icon {
    margin: 0 0 20px;
    font-size: 28px;
  }
  .c-heading-icon [class*='acms-icon'] {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }
}
.c-heading-line,
.commonEntry .c-heading-line {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 0 0 10px;
  font-size: 20px;
  border-bottom: 2px solid #666666;
}
.c-heading-line.-small,
.commonEntry .c-heading-line.-small {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
}
.c-heading-line.-center,
.commonEntry .c-heading-line.-center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-heading-line,
  .commonEntry .c-heading-line {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .c-heading-line.-small,
  .commonEntry .c-heading-line.-small {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
  }
}
/* 　リード文
------------------------------ */
.c-lead {
  margin-bottom: 64px;
  font-size: 16px;
}

/* 　引用風  */
.c-lead-quote {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 50px;
  padding: 0 50px;
  font-family:
    'TsukuMinPr6-L',
    -apple-system,
    blinkmacsystemfont,
    'Helvetica Neue',
    'Segoe UI',
    'Hiragino Kaku Gothic ProN',
    'Hiragino Sans',
    meiryo,
    sans-serif;
  font-size: 16px;
  background:
    url(/themes/showcase@acms2026/images/marker/icon_quote_start.svg) top left no-repeat,
    url(/themes/showcase@acms2026/images/marker/icon_quote_end.svg) bottom right no-repeat;
}
.c-lead-quote span {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .c-lead-quote {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .c-lead-quote {
    padding: 0 40px;
    background-size: 21px 31px;
  }
}
/* 　本文
------------------------------ */
/* 　幅狭  */
.c-text-narrow {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

/* 　中央寄せ  */
.c-text-center {
  margin: 0 0 40px;
  text-align: center;
}
.c-text-center.is-margin-none {
  margin: 0;
}

/* 　文節  */
.c-text-phrase {
  display: inline-block;
}

/* 　新しい見出し 2023年追加
------------------------------ */
.c-heading-large {
  margin: 0 0 32px;
  color: #c40f32;
  font-size: 24px;
  line-height: 1.5;
}

.c-heading-medium {
  margin: 24px 0;
  color: #c40f32;
  font-size: 20px;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .c-heading-large {
    margin: 0 0 48px;
    font-size: 32px;
  }
  .c-heading-medium {
    margin: 32px 0;
    font-size: 24px;
  }
}
/* ------------------------------
　　バナー
------------------------------ */
/* ablogcms.io */
.p-banner-io {
  padding: 40px 0;
  background: #c40f32;
  color: white;
  text-align: center;
}

.p-banner-io__lead {
  font-weight: bold;
}

.p-banner-io__heading {
  line-height: 1;
  margin: 0;
}
.p-banner-io__heading img {
  margin: 20px auto 0;
}

.p-banner-io__button {
  display: inline-block;
  margin-top: 24px;
  padding: 8px 32px;
  border-radius: 40px;
  font-weight: bold;
}
.p-banner-io__button,
.p-banner-io__button:link,
.p-banner-io__button:visited,
.p-banner-io__button:active {
  color: white;
  border: 2px solid white;
}
@media (hover: hover) {
  .p-banner-io__button {
    transition: all 0.2s;
  }
  .p-banner-io__button:hover {
    background: white;
    color: #c40f32;
  }
}

@media screen and (min-width: 1024px) {
  .p-banner-io {
    padding: 0;
    text-align: left;
    background: url('../images/bg-banner-io.jpg') repeat center right/contain;
  }
  .p-banner-io__body {
    display: inline-block;
    padding: 40px 50px 40px calc(50vw - 512px);
    background: #c40f32;
  }
  .p-banner-io__lead {
    margin: 0;
    font-size: 20px;
  }
  .p-banner-io__column {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 24px;
  }
  .p-banner-io__heading img {
    width: 316px;
    height: auto;
    margin: 0;
  }
  .p-banner-io__button {
    margin-top: 0;
    padding: 10px 80px;
  }
}
/* ------------------------------
　　エントリー絞り込み
------------------------------ */
.p-entry-search {
  padding: 48px 22px;
  background: #f5f5f5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-entry-search {
    padding: 80px 24px;
  }
}
.p-entry-search:not(.-no-margin) {
  margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .p-entry-search:not(.-no-margin) {
    margin-bottom: 80px;
  }
}
.p-entry-search.-no-margin {
  margin-bottom: 0;
}
.p-entry-search.-bg-none {
  background: none;
}

.p-entry-search__heading {
  margin: 0 0 1em;
  font-size: 1.5rem;
  font-family: Anton, sans-serif;
}
@media screen and (min-width: 768px) {
  .p-entry-search__heading {
    font-size: 2.5rem;
  }
}

/* キーワード検索 */
.p-entry-search__keyword {
  position: relative;
  max-width: 504px;
  margin: 0 auto;
}

.p-entry-search__keyword-input {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 32px 12px 24px;
  border: 1px solid currentcolor;
  border-radius: 50px;
  background: white;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .p-entry-search__keyword-input {
    padding: 18px 48px 18px 24px;
  }
}

.p-entry-search__keyword-submit {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  line-height: 1;
  padding: 0;
  border: 0;
  background: none;
}

/* タグ絞り込み */
.p-entry-search__tag {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-entry-search__tag {
    margin-top: 48px;
  }
}

/* ----------------------
 フォーム
 ---------------------- */
/* レイアウト
 ---------------------- */
.p-form-one-col {
  max-width: 620px;
  margin: 0 auto;
}

.p-form__wrap-bg {
  margin: 30px 0 0;
  padding: 10px;
  background: #fff;
}
.p-form__wrap-bg-step {
  margin: -20px 0 0;
  padding: 30px 10px 10px;
  background: #fff;
}
.p-form__list,
.commonEntry .p-form__list {
  margin: 0 0 30px;
  padding: 0;
}
.p-form__list.is-divider,
.commonEntry .p-form__list.is-divider {
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: 2px solid #d5d5d5;
}
.p-form__item,
.commonEntry .p-form__item {
  display: block;
  margin: 0 0 20px;
  padding: 0;
  background: 0;
}
.p-form__item fieldset,
.commonEntry .p-form__item fieldset {
  display: contents;
  border: 0;
}
.p-form__item-name {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}
.p-form__row {
  display: flex;
}
.p-form__col {
  display: flex;
  flex-direction: row;
}

@media screen and (min-width: 768px) {
  .p-form__wrap-bg {
    margin: 30px 0 0;
    padding: 20px;
  }
  .p-form__wrap-bg-step {
    margin: -20px 0 0;
    padding: 30px 20px 10px;
  }
}
.p-form__heading {
  margin: 0 0 25px;
  font-size: 20px;
  line-height: 1.5;
}
.p-form__message {
  margin: 0 0 25px;
  text-align: center;
}
.p-form__message-error {
  color: #c41134;
  font-weight: bold;
  margin: 30px 0;
  padding: 20px;
  background: #fff1f2;
}
.p-form__message-lead {
  margin: 0 0 30px;
  color: #c41134;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.p-form__item-text,
.commonEntry .p-form__item-text {
  margin: 0;
  font-size: 13px;
}
.p-form__item-desc,
.commonEntry .p-form__item-desc {
  margin: 0 0 5px;
  font-size: 13px;
}
.p-form__item-desc + .p-form__item-desc,
.commonEntry .p-form__item-desc + .p-form__item-desc {
  margin: 0 0 15px;
}
.p-form__item-microcopy,
.commonEntry .p-form__item-microcopy {
  margin: 0 0 5px;
  font-size: 13px;
  color: #707070;
}
.p-form__text-error,
.commonEntry .p-form__text-error {
  margin: 0 0 5px;
  color: #c41134;
  font-size: 14px;
}
.p-form__text-label {
  display: flex;
  align-items: center;
  margin: 0 0 5px;
}
.p-form__text-label.-front {
  padding: 0 10px 0 0;
}
.p-form__text-label.-back {
  padding: 0 0 0 10px;
}

@media screen and (min-width: 768px) {
  .p-form__heading {
    margin: 0 0 15px;
  }
  .p-form__message-lead {
    font-size: 26px;
  }
}
/* 入力欄
 ---------------------- */
.p-form__control {
  width: 100%;
  min-height: 34px;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0 0 5px;
  padding: 4px 8px;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  vertical-align: middle;
  background: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  transition:
    background-color 0.2s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.p-form__control:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.p-form__control:focus {
  border-color: #137af3;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}
.p-form__control:-moz-input-placeholder {
  color: #aaa;
}
.p-form__control:input-placeholder {
  color: #aaa;
}
.p-form__control::input-placeholder {
  color: #aaa;
}
.p-form__control.is-auto {
  width: auto;
}
.p-form__control.is-medium {
  max-width: 400px;
}
.p-form__control.is-3quarters {
  max-width: 75%;
}
.p-form__control.hasDatepicker {
  padding: 4px 8px 4px 40px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3OTIgMTc5MiI+PGRlZnM+PHN0eWxlPi5ke2ZpbGw6Izk5OTt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTY2NCwxMjhoLTI1NlYwaC0yNTZWMTI4SDY0MFYwSDM4NFYxMjhIMTI4QzU3LjMxLDEyOCwwLDE4NS4zMSwwLDI1NnYxOTEuNzdIMTc5MnYtMTkxLjc3YzAtNzAuNjktNTcuMzEtMTI4LTEyOC0xMjhaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik0wLDE2NjRjMCw3MC42OSw1Ny4zMSwxMjgsMTI4LDEyOEgxNjY0YzcwLjY5LDAsMTI4LTU3LjMxLDEyOC0xMjhWNTEySDBWMTY2NFpNMTkyLDcwNEgxNjAwdjg5NkgxOTJWNzA0WiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==');
  background-size: 20px 20px;
}

textarea.p-form__control {
  height: auto;
}

.p-form__select {
  position: relative;
  width: 100%;
  min-height: 34px;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0 0 5px;
  padding: 4px 28px 4px 8px;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  vertical-align: middle;
  background: url('/themes/system/images/marker/arrow_black03.png') #fbfbfb no-repeat right center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  transition:
    background-color 0.2s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
.p-form__select:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.p-form__select:focus {
  border-color: #137af3;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}
.p-form__select.is-auto {
  width: auto;
}
.p-form__select.is-medium {
  max-width: 400px;
}
.p-form__select.is-3quarters {
  max-width: 75%;
}

@media screen and (max-width: 479px) {
  .p-form__control.is-medium,
  .p-form__control.is-3quarters {
    max-width: inherit;
  }
}
/* 入力ラベル
 ---------------------- */
.p-form__input-label {
  display: block;
  padding: 0 0 5px;
  font-size: 14px;
}

.p-form__field-group {
  margin: 0;
  padding: 0;
  border: 0;
}

/* チェックボックス
 ---------------------- */
.p-form__checkbox-only {
  display: block;
  margin: 0;
  padding: 10px 15px;
  background: #f5f5f5;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease-in-out;
}
.p-form__checkbox-only:hover {
  background: #ececec;
}
.p-form__checkbox-only + .p-form__checkbox-only {
  margin: 5px 0 0;
}
.p-form__checkbox-block {
  display: block;
  margin: 0 0 5px;
}
.p-form__checkbox-only:focus-within {
  border-color: #137af3;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

/* ラジオボタン
 ---------------------- */
.p-form__radio-block {
  display: block;
  margin: 0 0 5px;
}
.p-form__radio-inline {
  margin: 0 20px 10px 0;
}

/* ボタン
 ---------------------- */
.p-form-submit__btn-only {
  max-width: 240px;
  margin: 0 auto 30px;
}
.p-form-submit__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 30px;
}
.p-form-submit__col-back {
  padding: 0 15px;
}
.p-form-submit__col-btn-back {
  width: auto;
  float: right;
}
.p-form-submit__col-submit {
  width: 50%;
  padding: 0 15px;
}
.p-form-submit__col-btn-submit {
  max-width: 240px;
  float: left;
}

@media screen and (max-width: 479px) {
  .p-form-submit__wrapper {
    flex-direction: column;
  }
  .p-form-submit__col-back {
    width: 100%;
    order: 1;
    box-sizing: border-box;
  }
  .p-form-submit__col-btn-back {
    width: 100%;
    float: none;
  }
  .p-form-submit__col-submit {
    width: 100%;
    margin: 0 0 15px;
  }
  .p-form-submit__col-btn-submit {
    float: none;
    max-width: inherit;
  }
}
/* 確認用テーブル
 ---------------------- */
.p-form-confirm,
.commonEntry .p-form-confirm {
  margin: 0 0 40px;
  padding: 25px 0 0;
  width: 100%;
  border: 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  font-size: 16px;
}
.p-form-confirm__heading,
.commonEntry .p-form-confirm__heading {
  display: block;
  padding: 0 0 5px;
  text-align: left;
  background: 0;
  border: 0;
}
.p-form-confirm__detail,
.commonEntry .p-form-confirm__detail {
  display: block;
  border: 0;
  padding: 0 0 25px;
  min-height: 50px;
}

.p-form-result__content {
  margin: 50px 0;
}

@media screen and (max-width: 767px) {
  .p-form-result__content {
    margin: 20px 0;
  }
}
/* フォームステップ
 ---------------------- */
.p-form-step {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 0 30px;
  padding: 0 5px;
  border: 1px solid #d5d5d5;
  font-size: 16px;
}
.p-form-step__wrap.is-margin-top {
  margin: 30px 0 0;
}
.p-form-step__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.3333333333%;
  padding: 20px 25px;
  color: #707070;
  line-height: 1.3;
  font-weight: bold;
}
.p-form-step__item::after {
  position: absolute;
  left: 100%;
  content: '';
  display: inline-block;
  width: 8px;
  height: 20px;
  margin-left: -10px;
  background: url(/themes/showcase@acms2026/images/marker/arrow_line_default.svg) center;
  background-size: 8px 20px;
}
.p-form-step__item .c-label {
  display: inline-flex;
  align-items: center;
  margin: 0 8px 0 0;
  font-weight: bold;
}
.p-form-step__item.-current {
  color: #333333;
}
.p-form-step__item.-current .c-label {
  border-color: #c41134;
  background: #c41134;
}
.p-form-step__item:last-child::after {
  content: none;
}
.commonEntry .p-form-step {
  margin-right: 10px;
  margin-left: 10px;
  padding: 0;
}
.commonEntry .p-form-step .p-form-step__item {
  margin: 0;
}
.p-form-step__item-inner {
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 1023px) {
  .p-form-step {
    font-size: 14px;
  }
  .p-form-step__item {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-form-step {
    margin: 0 0 20px;
    padding: 0;
  }
  .p-form-step__wrap.is-margin-top {
    margin: 20px 0 0;
  }
  .p-form-step__item {
    padding: 15px;
  }
  .p-form-step__item .c-label {
    justify-content: center;
    margin: 0 0 8px;
  }
  .p-form-step__item::after {
    margin-left: -4px;
  }
  .p-form-step__item-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 479px) {
  .p-form-step__item {
    padding: 10px;
  }
}
/* フォームステップ
 ---------------------- */
.p-form__section-body {
  margin: 40px 0;
}

@media screen and (max-width: 479px) {
  .p-form__section-body {
    margin: 30px 0;
  }
}
/* ------------------------------
　　タグ
------------------------------ */
.p-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 4px 8px;
  border: 1px solid currentcolor;
  border-radius: 50px;
  background: white;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-tag {
    padding: 8px 24px;
  }
}
.p-tag,
.p-tag:link,
.p-tag:hover,
.p-tag:active,
.p-tag:visited {
  color: #333;
  border: 1px solid currentcolor;
}
.p-tag:hover {
  background: #f5f5f5;
}

.p-tag__omit {
  line-height: 1;
}
.p-tag__omit img {
  vertical-align: bottom;
}

/* 小さなタグ */
.p-tag--tiny {
  display: inline-block;
  line-height: 1.75;
  margin: 0;
  padding: 2px 10px;
  border: 1px solid #e2e2e2;
  border-radius: 15px;
  background: white;
  color: #333;
  font-size: 12px;
}

a.p-tag--tiny,
a.p-tag--tiny:link,
a.p-tag--tiny:hover,
a.p-tag--tiny:active,
a.p-tag--tiny:visited {
  color: #333;
  border: 1px solid #e2e2e2;
}
a.p-tag--tiny:hover {
  background: #f5f5f5;
}

/* タグ一覧 */
.p-tag-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 10px;
  list-style: none;
  padding: 0;
  margin: 32px 0 0;
}
.p-tag-list.-flex-start {
  justify-content: flex-start;
}
.p-tag-list.-mt-mini {
  margin-top: 14px;
  line-height: 1;
}
.p-tag-list.-mt-small {
  margin-top: 24px;
}

/* 選択済みのタグ一覧 */
.p-tag-selected {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
}

.p-tag-selected__heading {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}

.p-tag-selected__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0.5rem;
}

/* タグ一覧（表記のみ） */
.p-tag-display {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  list-style: none;
  padding-left: 0;
}

.p-tag-display__item {
  padding: 2px 10px;
  border: 1px solid #e2e2e2;
  border-radius: 15px;
  font-size: 12px;
}

/* ------------------------------
　　制作事例ページのベース
　　（www@acms の foundation/_base.scss 相当。共通ヘッダー・フッターに
　　　影響させないため、メイン領域だけにスコープしている）
------------------------------ */
.p-showcase-page {
  background: #fff;
  color: #333;
  font-family:
    -apple-system, blinkmacsystemfont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans',
    meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.7;
}
.p-showcase-page a {
  color: #0051d3;
  text-decoration: none;
}
.p-showcase-page a:hover,
.p-showcase-page a:active,
.p-showcase-page a:visited {
  text-decoration: none;
  border-bottom: 0;
}

@media screen and (min-width: 768px) {
  .p-showcase-page {
    font-size: 16px;
  }
}
/* コンテナー（www@acms の foundation/_base.scss より） */
.c-wide-gutter-container {
  box-sizing: content-box;
  max-width: 1024px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .c-pagetitle-simple .c-wide-gutter-container {
    padding-inline: 0;
  }
}
/* エントリータイトル（www@acms/css/www.css より） */
.p-showcase-page .entryTitle a {
  transition: opacity 0.2s ease;
}

.p-showcase-page .entryTitle a:link,
.p-showcase-page .entryTitle a:visited,
.p-showcase-page .entryTitle a:active {
  color: #333;
}

.p-showcase-page .entryTitle a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* ------------------------------
　　themes/system/css/acms.css より必要分（アイコンフォント）
------------------------------ */
@font-face {
  font-family: acms-fonts;
  font-style: normal;
  font-weight: normal;
  src: url('/themes/system/fonts/acms-fonts.eot');
  src:
    url('/themes/system/fonts/acms-fonts.eot') format('embedded-opentype'),
    url('/themes/system/fonts/acms-fonts.ttf') format('truetype'),
    url('/themes/system/fonts/acms-fonts.woff') format('woff'),
    url('/themes/system/fonts/acms-fonts.svg') format('svg');
}
.p-showcase-page [class*='acms-icon-'] {
  display: inline-block;
  font-family: acms-fonts;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  text-decoration: inherit;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.p-showcase-page .acms-icon-right::before {
  content: '\e928';
}

.p-showcase-page .acms-icon-search::before {
  content: '\e99e';
}

.p-showcase-page .acms-icon-arrow-right::before {
  content: '\e977';
}

.p-showcase-page .acms-icon-exit::before {
  content: '\e918';
}

/* ------------------------------
　　www@acms/css/www.css より必要分
------------------------------ */
.buttonWrap {
  margin: 0 0 20px;
}
.buttonWrapCenter {
  margin: 40px 0 80px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .buttonWrapCenter {
    margin-bottom: 48px;
  }
}
.responsiveImg {
  display: block;
  max-width: 100%;
  height: auto;
}
.responsiveImgCenter {
  margin: 0 auto;
}
.commonEntrySuggestSide .buttonWrap,
.commonEntrySuggestSide .button {
  margin: 0;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .commonEntrySuggestSide .buttonWrap {
    text-align: center;
  }
}
.commonPagerBox {
  margin-top: 40px;
  margin-bottom: 48px;
  position: relative;
}
.commonPagerList {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.commonPagerListBtn {
  display: grid;
  place-items: center;
  padding: 6px 8px;
  line-height: 1;
  border: solid 1px #1d1d1d;
  border-radius: 4px;
  background: #1d1d1d;
  color: white;
  font-size: 14px;
}
.commonPagerListLink .commonPagerListBtn,
.commonPagerBackLink .commonPagerListBtn,
.commonPagerForwardLink .commonPagerListBtn {
  background: transparent;
  color: #1d1d1d;

  &:hover {
    border: solid 1px #1d1d1d;
    background: #f5f5f5;
  }
}
@media screen and (min-width: 768px) {
  .commonPagerBox {
    margin-top: 56px;
    margin-bottom: 80px;
  }
  .commonPagerListBtn {
    padding: 12px;
  }
}
.commonFormSection {
  margin: 0 0 20px 0;
  background-color: #fff;
}
.commonFormBox {
  padding: 20px 50px 20px;
  background-color: #fff;
  margin-bottom: 10px;
}
.commonFormBoxHeading {
  margin: 40px 0 20px 0;
  padding: 5px 10px 3px;
  background-color: #e1dbc6;
  font-size: 16px;
  font-weight: normal;
}
.commonFormBoxHeading:first-child {
  margin-top: 0;
}
.commonFormDescription {
  margin: 0 0 5px 0;
  font-size: 14px;
}
.commonFormBoxSubmitContainer {
  padding: 20px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .commonFormBox {
    padding: 10px;
  }
  .commonFormBoxHeading {
    margin-top: 20px;
  }
}
.entryHeader {
  display: table;
  position: relative;
  margin-bottom: 20px;
  height: auto;
  min-height: 25px;
  background: #c40f32;
  color: #333;
  font-size: 16px;
  border-bottom: solid 2px #e1dbc6;
}
.entryHeaderNoIcon .entryTitle {
  margin: 0 0 10px;
}
.entryHeader .entryTitle {
  display: table-cell;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px 20px 5px 20px;
  font-size: 16px;
  background-color: #fff;
}
.entryTitle a {
  transition: opacity 0.2s ease;
}
.entryTitle a:link,
.entryTitle a:visited,
.entryTitle a:active {
  color: #333;
}
.entryTitle a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.entryTitle h1 {
  font-size: 16px;
}
.entryHeaderIcon {
  display: table-cell;
  padding-right: 10px;
  padding-left: 10px;
  color: #fff;
  font-size: 26px;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
}
.entryHeader .entryHeaderLink {
  float: right;
  margin-top: 0;
  font-size: 14px;
  font-weight: normal;
}
.entryHeaderLink.js-tagToggle .entryHeaderLinkIcon {
  margin-left: 5px;
  margin-right: 0;
}
.entryHeader a {
  color: #222;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .entryHeader {
    margin-bottom: 9px;
    padding: 0;
  }
  .entryHeader .entryTitle {
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 9px;
    padding-left: 7px;
  }
  .entryHeaderIcon {
    width: 40px;
    height: auto;
    line-height: 1;
    font-size: 16px;
    padding: 7px 7px;
  }
  .entryHeaderNoIcon .entryTitle {
    font-size: 18px;
  }
}
.notFound {
  margin: 0 0 20px 0;
}
.showcaseIndex.-margin-bottom:not(:has(.commonPagerBox)) {
  margin-bottom: 80px;
}
.showcaseIndex .showcaseIndex {
  margin-top: 56px;
}
@media screen and (max-width: 767px) {
  .showcaseIndex.-margin-bottom:not(:has(.commonPagerBox)) {
    margin-bottom: 48px;
  }
  .showcaseIndex .showcaseIndex {
    margin-top: 40px;
  }
}
.showcaseGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
  grid-template-rows: max-content 1fr;
  grid-template-areas: 'image title' 'image info';
  gap: 0 32px;
}
.showCaseBoxItemAwardName {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.showCaseBoxItemAwardName:before {
  content: '';
  display: inline-block;
  width: 34px;
  height: 28px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background: url(/themes/showcase@acms2026/images/common/icon-award.svg) no-repeat left center;
  background-size: cover;
}
.showCaseTagListWrap {
  margin: 40px 0 0 0;
}
.showCaseTagListWrap .showCaseTagList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  padding-left: 0;
  margin: 0;
}
.showCaseTagListWrap .showCaseTagList li {
  display: inline-block;
  background: none;
  padding-left: 0;
}
.showCaseTagIcon {
  color: #c51436;
  font-size: 17px;
  margin-right: 5px;
}
.showCasePhotoBox a {
  color: #1d1d1d;
  transition: opacity 0.2s ease;
}
.showCasePhotoBox.-inverse a {
  color: white;
}
.showCasePhotoBox a:hover {
  opacity: 0.7;
}
.showCasePhotoBox a:visited {
  color: unset;
}
.showCasePhotoBox [class*='acms-icon-'] {
  display: inline-grid;
  place-content: center;
  width: 14px;
  height: 14px;
  margin: -3px 5px 0 0;
  border-radius: 50%;
  background: #c40f32;
  color: white;
  font-size: 9px;
}
.showCasePhotoBox .title {
  margin: 18px 0 0;
  line-height: 1.5;
  font-size: 16px;
}
.showCasePhotoBox .url {
  margin: 5px 0 0;
  font-size: 12px;
  word-break: break-all;
}
.showCasePhotoBox .url a {
  text-decoration: underline;
}
.showCasePhotoBox .url a:hover {
  text-decoration: none;
}
.showCasePhotoBox img {
  width: 100%;
  height: auto;
  border: 1px solid #e2e2e2;
}
.showCasePhotoImg2x3,
.showCasePhotoImg4x3 {
  object-fit: contain;
  object-position: center top;
  background-color: white;
}
.showCasePhotoImg2x3 {
  aspect-ratio: 2 / 3;
}
.showCasePhotoImg4x3 {
  aspect-ratio: 4 / 3;
}
.showcaseImg {
  grid-area: image;

  img {
    width: 100%;
    height: auto;
    border: 1px solid #e2e2e2;
  }
}
@media screen and (max-width: 767px) {
  .showcaseImg {
    margin: 0 0 20px 0;
  }
}
.showCaseTable {
  margin: 48px 0;
  border-right: none;
  border-left: none;
}
.showCaseTable tr {
  border-bottom: 1px solid #dddddd;
}
.showCaseTable th {
  border: none;
  background-color: transparent;
}
.showCaseTable td {
  border: none;
}
.showcaseTitle {
  grid-area: title;
}
.showcaseUrl {
  margin: 0;
}
.showcaseUrl [class*='acms-icon'] {
  margin: 0 5px 0 0;
}
.showcaseInfo {
  grid-area: info;
  p {
    font-size: 16px;
  }
}
.showCaseTable tr:nth-child(odd) {
  background: none;
}
.showCaseTable tr:last-child td {
  border-bottom: none;
}
.showCaseTable th,
.showCaseTable td {
  display: table-cell;
  padding: 16px 8px;
}
.showCaseTable th {
  padding-left: 0;
  white-space: nowrap;
}
.showCaseTable td {
  padding-right: 0;
}
.showCaseTable ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.showCaseTable li {
  position: relative;
  padding-left: 16px;
}
.showCaseTable li::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 5px;
  background: #c40f32;
}
.showCaseTable li + li {
  margin-top: 0.5em;
}
.showTagRelational {
  margin: 80px 0 64px;
}
.showTagRelationalHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
.showTagRelationalHeader .entryHeaderLink {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  margin-left: auto;
  color: #1d1d1d;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .showcaseTitle {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .showCaseTable {
    margin: 40px 0;
  }
  .showCaseTable th,
  .showCaseTable td {
    font-size: 14px;
  }
  .showCaseTagListWrap {
    margin-top: 0;
  }
  .showTagRelational {
    margin: 50px 0 20px;
  }
  .showTagRelationalHeader {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .showcaseGrid {
    display: block;
  }
}

/* ------------------------------
　　themes/system/css/acms.css より必要分（.p-showcase-page 配下へスコープ）
------------------------------ */
.p-showcase-page .acms-margin-none {
  margin: 0 !important;
}
.p-showcase-page .acms-margin-bottom-small {
  margin-bottom: 10px !important;
}
.p-showcase-page .acms-margin-bottom-medium {
  margin-bottom: 20px !important;
}
.p-showcase-page .acms-margin-bottom-large {
  margin-bottom: 30px !important;
}
.p-showcase-page .acms-form-group {
  margin-bottom: 10px;
}
.p-showcase-page .acms-form-group::after {
  clear: both;
  display: block;
  content: '';
}
.p-showcase-page .acms-form-action .acms-form-side .acms-form-checkbox,
.p-showcase-page .acms-form-action .acms-form-side .acms-form-radio,
.p-showcase-page .acms-form-input-group .acms-form-side .acms-form-checkbox,
.p-showcase-page .acms-form-input-group .acms-form-side .acms-form-radio {
  padding: 0;
  margin: 0;
}
.p-showcase-page .acms-form-action .acms-form-side .acms-ico-radio,
.p-showcase-page .acms-form-action .acms-form-side .acms-ico-checkbox,
.p-showcase-page .acms-form-input-group .acms-form-side .acms-ico-radio,
.p-showcase-page .acms-form-input-group .acms-form-side .acms-ico-checkbox {
  margin-right: 0;
}
.p-showcase-page .acms-form-width-full {
  width: 100%;
}
.p-showcase-page .acms-form-width-medium {
  width: 100%;
  max-width: 380px;
}
.p-showcase-page .acms-ico-checkbox,
.p-showcase-page .acms-ico-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.p-showcase-page .acms-ico-checkbox {
  background: url('../images/marker/ico_input.png?v=2') no-repeat left top;
  background-size: 40px 100px;
}
.p-showcase-page .acms-form-checkbox input {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 100%;
  opacity: 0;
}
.p-showcase-page .acms-form-checkbox input:focus + label .acms-ico-checkbox,
.p-showcase-page .acms-form-checkbox input:focus + .acms-ico-checkbox {
  background: url('../images/marker/ico_input.png?v=2') no-repeat left -60px;
  background-size: 40px 100px;
}
.p-showcase-page .acms-form-checkbox input:checked + label .acms-ico-checkbox,
.p-showcase-page .acms-form-checkbox input:checked + .acms-ico-checkbox {
  background: url('../images/marker/ico_input.png?v=2') no-repeat left -20px;
  background-size: 40px 100px;
}
.p-showcase-page .acms-form-checkbox input:indeterminate + label .acms-ico-checkbox,
.p-showcase-page .acms-form-checkbox input:indeterminate + .acms-ico-checkbox {
  background: url('../images/marker/ico_input.png?v=2') no-repeat left -80px;
  background-size: 40px 100px;
}
.p-showcase-page .acms-form-checkbox input:disabled + label .acms-ico-checkbox,
.p-showcase-page .acms-form-checkbox input:disabled + .acms-ico-checkbox {
  cursor: not-allowed;
  background: url('../images/marker/ico_input.png?v=2') no-repeat left -40px;
  background-size: 40px 100px;
}
.p-showcase-page .acms-form-checkbox input:disabled + label {
  opacity: 0.6;
}
.p-showcase-page .acms-form-checkbox input:disabled + label:hover {
  cursor: not-allowed;
}
.p-showcase-page .acms-form-checkbox label:hover {
  cursor: pointer;
}
.p-showcase-page .acms-form-checkbox,
.p-showcase-page .acms-form-radio {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
}
.p-showcase-page .acms-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-top: var(--acms-table-border);
}
.p-showcase-page .acms-table th,
.p-showcase-page .acms-table td {
  padding: var(--acms-table-cell-padding);
  vertical-align: top;
  border-bottom: var(--acms-table-border);
}
.p-showcase-page .acms-table th {
  vertical-align: top;
  text-align: left;
}
.p-showcase-page .acms-table.acms-table-none {
  border-top: 0;
}
.p-showcase-page .acms-table.acms-table-none th,
.p-showcase-page .acms-table.acms-table-none td {
  border-bottom: 0;
}
.p-showcase-page .panel-body .acms-table th,
.p-showcase-page .panel-body .acms-table td {
  padding: 5px;
}
.p-showcase-page .panel-body .acms-table .acms-table-container {
  padding: 10px 5px;
}
.p-showcase-page .acms-table,
.p-showcase-page .acms-table::before,
.p-showcase-page .acms-table::after,
.p-showcase-page .acms-table-admin-edit,
.p-showcase-page .acms-table-admin-edit th,
.p-showcase-page .acms-table-admin-edit td,
.p-showcase-page .acms-table-heading,
.p-showcase-page .acms-table-heading th,
.p-showcase-page .acms-table-heading td {
  box-sizing: border-box;
}
.p-showcase-page .acms-list-inline {
  padding-left: 0;
}
.p-showcase-page .acms-list-inline li {
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 5px;
}