.mod-atom-form-checkbox {
  width: 18px;
  height: 18px;
}
.mod-atom-form-checkbox__box {
  position: relative;
}
.mod-atom-form-checkbox__box::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  content: '';
  background: var(--global-color-gray-6);
  border: 1px solid var(--global-color-beige-6);
  border-radius: 4px;
}
.mod-atom-form-checkbox__box::after {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 11px;
  height: 6px;
  margin: 4px 0 0 3px;
  cursor: pointer;
  content: '';
  background: var(--primary-color-ttc-red-2);
  border-bottom: 2px solid var(--global-color-gray-6);
  border-left: 2px solid var(--global-color-gray-6);
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mod-atom-form-checkbox__box.is-error::before {
  background: var(--secondary-color-error-bg);
  border-color: var(--secondary-color-error);
}

input[type='checkbox'] {
  display: none;
}

input[type='checkbox']:checked + .mod-atom-form-checkbox__box::before {
  content: '';
  background: var(--primary-color-ttc-red-2);
  border: none;
}

input[type='checkbox']:checked + .mod-atom-form-checkbox__box::after {
  opacity: 1;
}

.mod-atom-form-error {
  width: 100%;
  padding: 10px 20px;
  font-family: var(--global-font-jp-gothic);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--secondary-color-error);
  text-align: left;
  background: var(--secondary-color-error-bg);
  border: solid 1px var(--secondary-color-error);
}

.mod-atom-form-heading {
  font-family: var(--global-font-jp-gothic);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: transparent;
  text-align: left;
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
.mod-atom-form-heading__number {
  font-size: 34px;
}

.mod-atom-form-radio {
  width: 18px;
  height: 18px;
}
.mod-atom-form-radio__box {
  position: relative;
}
.mod-atom-form-radio__box::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  content: '';
  background: var(--global-color-gray-6);
  border: 1px solid var(--global-color-beige-6);
  border-radius: 50%;
}
.mod-atom-form-radio__box::after {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 10px;
  height: 10px;
  margin: 4px;
  cursor: pointer;
  content: '';
  background: var(--primary-color-ttc-red-2);
  border-radius: 50%;
  opacity: 0;
}
.mod-atom-form-radio__box.is-error::before {
  background: var(--secondary-color-error-bg);
  border-color: var(--secondary-color-error);
}

input[type='radio'] {
  display: none;
}

input[type='radio']:checked + .mod-atom-form-radio__box::before {
  content: '';
  border: 1px solid var(--primary-color-ttc-red-2);
}

input[type='radio']:checked + .mod-atom-form-radio__box::after {
  opacity: 1;
}

.mod-atom-h1 {
  font-family: var(--global-font-jp-mincho);
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  color: var(--global-color-gray-6);
}
@media screen and (max-width: 1023px) {
  .mod-atom-h1 {
    font-size: 24px;
  }
}

.mod-atom-h2 {
  width: 100%;
  padding: 9px 15px;
  background: linear-gradient(
    105.38deg,
    var(--primary-gradient-glossy-start) 0%,
    var(--primary-gradient-glossy-end) 100%
  );
  border-left: solid 2px var(--primary-gradient-gold-start);
}
@media screen and (max-width: 1023px) {
  .mod-atom-h2 {
    padding: 7px 20px;
  }
}
.mod-atom-h2__head {
  font-family: var(--global-font-jp-mincho);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: transparent;
  text-align: left;
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
@media screen and (max-width: 1023px) {
  .mod-atom-h2__head {
    font-size: 20px;
  }
}

.mod-atom-links-myhorse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 26px;
  padding: 2px 15px;
  background: -webkit-gradient(
    linear,
    left top, right bottom,
    from(var(--primary-gradient-glossy-start)),
    to(var(--primary-gradient-glossy-end))
  );
  background: linear-gradient(
    to right bottom,
    var(--primary-gradient-glossy-start),
    var(--primary-gradient-glossy-end)
  );
  border-radius: 16px;
}
.mod-atom-links-myhorse__text {
  font-family: var(--global-font-jp-gothic);
  font-size: 14px;
  font-weight: bold;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(var(--primary-gradient-gold-start)),
    to(var(--primary-gradient-gold-end))
  );
  background: linear-gradient(
    to right,
    var(--primary-gradient-gold-start),
    var(--primary-gradient-gold-end)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mod-atom-links-myhorse__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mod-atom-links-myhorse__icon > img,
.mod-atom-links-myhorse__icon > svg {
  margin-right: 5px;
}

.mod-mole-buttons-others {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid var(--global-color-gray-6);
  border-radius: 20px;
}
.mod-mole-buttons-others:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.mod-mole-buttons-others:disabled {
  background-color: transparent;
  opacity: 0.4;
}
.mod-mole-buttons-others__text {
  margin-left: 5px;
  font-family: var(--global-font-jp-gothic);
  font-size: 12px;
  color: var(--global-color-gray-6);
}

.mod-mole-acthorse-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .mod-mole-acthorse-head {
    position: relative;
    display: block;
    padding: 36px 20px 30px;
  }
}
.mod-mole-acthorse-head .mod-atom-h1 {
  font-size: 26px;
  line-height: 36px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-acthorse-head .mod-atom-h1 {
    font-size: 24px;
  }
}
.mod-mole-acthorse-head__detail {
  padding-top: 5px;
  font-family: var(--global-font-jp-gothic);
  font-size: 13px;
  line-height: 21px;
  color: var(--global-color-gray-6);
}
.mod-mole-acthorse-head .mod-atom-links-myhorse {
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1023px) {
  .mod-mole-acthorse-head .mod-atom-links-myhorse {
    position: absolute;
    top: 10px;
    right: 20px;
  }
}
.mod-mole-acthorse-head__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  margin-top: 15px;
}

.mod-mole-breadcrumb__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  line-height: 22.4px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mod-mole-breadcrumb__list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .mod-mole-breadcrumb__list {
    line-height: 19.2px;
  }
}
.mod-mole-breadcrumb__list-item {
  position: relative;
  padding: 0 0 0 30px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-breadcrumb__list-item {
    padding: 0 0 0 20px;
  }
}
.mod-mole-breadcrumb__list-item::before {
  position: absolute;
  top: 50%;
  left: 13px;
  display: block;
  width: 6px;
  height: 10px;
  content: '';
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L5%205L1%209%22%20stroke%3D%22white%22%20stroke-width%3D%221.2%22%2F%3E%3C%2Fsvg%3E')
    no-repeat top left;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  .mod-mole-breadcrumb__list-item::before {
    left: 8px;
  }
}
.mod-mole-breadcrumb__list-item:first-child {
  padding: 0;
}
.mod-mole-breadcrumb__list-item:first-child::before {
  content: none;
}
@media (hover: hover) {
  .mod-mole-breadcrumb__list-item > a:hover {
    opacity: 0.5;
  }
}
.mod-mole-breadcrumb__list-link {
  font-size: 14px;
  color: var(--global-color-gray-6);
  white-space: nowrap;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
}
@media screen and (max-width: 1023px) {
  .mod-mole-breadcrumb__list-link {
    font-size: 12px;
  }
}

.mod-mole-buttons-accordion {
  height: 32px;
  padding: 0 8px;
  font-size: 12px;
  color: var(--global-color-gray-6);
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(var(--primary-gradient-gold-3-start)),
    color-stop(25%, var(--primary-gradient-gold-3-step)),
    color-stop(50%, var(--primary-gradient-gold-3-step-2)),
    color-stop(75%, var(--primary-gradient-gold-3-step-3)),
    to(var(--primary-gradient-gold-3-end))
  );
  background: linear-gradient(
    180deg,
    var(--primary-gradient-gold-3-start) 0%,
    var(--primary-gradient-gold-3-step) 25%,
    var(--primary-gradient-gold-3-step-2) 50%,
    var(--primary-gradient-gold-3-step-3) 75%,
    var(--primary-gradient-gold-3-end) 100%
  );
  border-radius: 4px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-buttons-accordion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 335px;
    height: 30px;
    padding: 4px 0;
    font-size: 14px;
  }
}
.mod-mole-buttons-accordion__icon {
  display: inline-block;
  margin-left: 2px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-buttons-accordion__icon {
    margin-left: 10px;
  }
}
.mod-mole-buttons-accordion__icon svg {
  vertical-align: middle;
}
.mod-mole-buttons-accordion:hover .mod-mole-buttons-accordion__icon,
.mod-mole-buttons-accordion:hover .mod-mole-buttons-accordion__text {
  opacity: 0.6;
}

.mod-mole-buttons-main-l--solid--brown.button-inactive,
.mod-mole-buttons-main-l--solid--brown,
.mod-mole-buttons-main-l--solid.button-inactive,
.mod-mole-buttons-main-l--solid,
.mod-mole-buttons-main-l--ghost--brown,
.mod-mole-buttons-main-l--ghost.button-inactive,
.mod-mole-buttons-main-l--ghost,
.mod-mole-buttons-main-l,
.mod-mole-buttons-main-m--solid--brown.button-inactive,
.mod-mole-buttons-main-m--solid--brown,
.mod-mole-buttons-main-m--solid.button-inactive,
.mod-mole-buttons-main-m--solid,
.mod-mole-buttons-main-m--ghost--brown.button-inactive,
.mod-mole-buttons-main-m--ghost--brown,
.mod-mole-buttons-main-m--ghost.button-inactive,
.mod-mole-buttons-main-m--ghost,
.mod-mole-buttons-main-m,
.mod-mole-buttons-main-s--solid--brown.button-inactive,
.mod-mole-buttons-main-s--solid--brown,
.mod-mole-buttons-main-s--solid.button-inactive,
.mod-mole-buttons-main-s--solid,
.mod-mole-buttons-main-s--ghost--brown.button-inactive,
.mod-mole-buttons-main-s--ghost--brown,
.mod-mole-buttons-main-s--ghost.button-inactive,
.mod-mole-buttons-main-s--ghost,
.mod-mole-buttons-main-s,
.mod-mole-buttons-main {
  text-align: center;
  letter-spacing: 0;
  border: 1px solid var(--global-color-gray-6);
  border-radius: 24px;
}

.mod-mole-buttons-main-s--solid--brown.button-inactive,
.mod-mole-buttons-main-s--solid--brown,
.mod-mole-buttons-main-s--solid.button-inactive,
.mod-mole-buttons-main-s--solid,
.mod-mole-buttons-main-s--ghost--brown.button-inactive,
.mod-mole-buttons-main-s--ghost--brown,
.mod-mole-buttons-main-s--ghost.button-inactive,
.mod-mole-buttons-main-s--ghost {
  width: 90px;
  height: 26px;
  font-family: var(--global-font-jp-gothic);
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
}

.mod-mole-buttons-main-m--solid--brown.button-inactive,
.mod-mole-buttons-main-m--solid--brown,
.mod-mole-buttons-main-m--solid.button-inactive,
.mod-mole-buttons-main-m--solid,
.mod-mole-buttons-main-m--ghost--brown.button-inactive,
.mod-mole-buttons-main-m--ghost--brown,
.mod-mole-buttons-main-m--ghost.button-inactive,
.mod-mole-buttons-main-m--ghost {
  width: 130px;
  height: 36px;
  padding: 8.5px 0;
  font-family: var(--global-font-jp-gothic);
  font-size: 12px;
  font-weight: 700;
  line-height: 19px;
}

.mod-mole-buttons-main-l--solid--brown.button-inactive,
.mod-mole-buttons-main-l--solid--brown,
.mod-mole-buttons-main-l--solid.button-inactive,
.mod-mole-buttons-main-l--solid,
.mod-mole-buttons-main-l--ghost--brown,
.mod-mole-buttons-main-l--ghost.button-inactive,
.mod-mole-buttons-main-l--ghost {
  width: 300px;
  height: 48px;
  font-family: var(--global-font-jp-gothic);
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
}

.mod-mole-buttons-main-l--ghost.button-inactive,
.mod-mole-buttons-main-l--ghost,
.mod-mole-buttons-main-m--ghost.button-inactive,
.mod-mole-buttons-main-m--ghost,
.mod-mole-buttons-main-s--ghost.button-inactive,
.mod-mole-buttons-main-s--ghost {
  color: var(--global-color-gray-6);
  background-color: var(--global-color-gray);
  border: 1px solid var(--global-color-gray-6);
}
.mod-mole-buttons-main-l--ghost:hover,
.mod-mole-buttons-main-m--ghost:hover,
.mod-mole-buttons-main-s--ghost:hover {
  background: rgba(255, 255, 255, 0.2);
}

.mod-mole-buttons-main-l--ghost--brown,
.mod-mole-buttons-main-m--ghost--brown.button-inactive,
.mod-mole-buttons-main-m--ghost--brown,
.mod-mole-buttons-main-s--ghost--brown.button-inactive,
.mod-mole-buttons-main-s--ghost--brown {
  color: var(--secondary-color-littlegold);
  background-color: var(--global-color-beige-3);
  border: 1px solid var(--secondary-color-littlegold);
}
.mod-mole-buttons-main-l--ghost--brown:hover,
.mod-mole-buttons-main-m--ghost--brown:hover,
.mod-mole-buttons-main-s--ghost--brown:hover {
  background: rgba(185, 135, 8, 0.2);
}

.mod-mole-buttons-main-l--solid.button-inactive,
.mod-mole-buttons-main-l--solid,
.mod-mole-buttons-main-m--solid.button-inactive,
.mod-mole-buttons-main-m--solid,
.mod-mole-buttons-main-s--solid.button-inactive,
.mod-mole-buttons-main-s--solid {
  color: var(--global-color-gray);
  background-color: var(--global-color-gray-6);
  border: 1px solid var(--global-color-gray-6);
}
.mod-mole-buttons-main-l--solid:hover,
.mod-mole-buttons-main-m--solid:hover,
.mod-mole-buttons-main-s--solid:hover {
  opacity: 0.8;
}

.mod-mole-buttons-main-l--solid--brown.button-inactive,
.mod-mole-buttons-main-l--solid--brown,
.mod-mole-buttons-main-m--solid--brown.button-inactive,
.mod-mole-buttons-main-m--solid--brown,
.mod-mole-buttons-main-s--solid--brown.button-inactive,
.mod-mole-buttons-main-s--solid--brown {
  color: var(--global-color-beige-3);
  background-color: var(--secondary-color-littlegold);
  border: 1px solid var(--secondary-color-littlegold);
}
.mod-mole-buttons-main-l--solid--brown:hover,
.mod-mole-buttons-main-m--solid--brown:hover,
.mod-mole-buttons-main-s--solid--brown:hover {
  opacity: 0.8;
}

.mod-mole-buttons-main-s--ghost.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-s--ghost .mod-mole-buttons-main-s__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-s--ghost .mod-mole-buttons-main-s__icon--blank svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-s--ghost--brown.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-s--ghost--brown .mod-mole-buttons-main-s__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-s--ghost--brown
  .mod-mole-buttons-main-s__icon--blank
  svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-s--solid.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-s--solid .mod-mole-buttons-main-s__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-s--solid .mod-mole-buttons-main-m__icon--blank svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-s--solid--brown.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-s--solid--brown .mod-mole-buttons-main-s__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-s--solid--brown
  .mod-mole-buttons-main-s__icon--blank
  svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-m--ghost.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-m--ghost .mod-mole-buttons-main-m__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-m--ghost .mod-mole-buttons-main-m__icon--blank svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-m--ghost--brown.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-m--ghost--brown .mod-mole-buttons-main-m__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-m--ghost--brown
  .mod-mole-buttons-main-m__icon--blank
  svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-m--ghost--brown
  .mod-mole-buttons-main-m__icon--blank
  svg
  path {
  stroke: var(--secondary-color-littlegold);
}
.mod-mole-buttons-main-m--solid.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-m--solid .mod-mole-buttons-main-m__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-m--solid .mod-mole-buttons-main-m__icon--blank svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-m--solid .mod-mole-buttons-main-m__icon--blank svg path {
  stroke: var(--global-color-gray);
}
.mod-mole-buttons-main-m--solid--brown.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-m--solid--brown .mod-mole-buttons-main-m__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-m--solid--brown
  .mod-mole-buttons-main-m__icon--blank
  svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-l {
  background-color: #fff;
}
.mod-mole-buttons-main-l--ghost.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-l--ghost .mod-mole-buttons-main-l__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-l--ghost .mod-mole-buttons-main-l__icon--blank svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-l--ghost--brown.button-inactive {
  pointer-events: none;
  opacity: 0.4;
}
.mod-mole-buttons-main-l--ghost--brown .mod-mole-buttons-main-l__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-l--ghost--brown
  .mod-mole-buttons-main-l__icon--blank
  svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-l--ghost--brown
  .mod-mole-buttons-main-l__icon--blank
  svg
  path {
  stroke: var(--secondary-color-littlegold);
}
.mod-mole-buttons-main-l--solid.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-l--solid .mod-mole-buttons-main-l__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-l--solid .mod-mole-buttons-main-l__icon--blank svg {
  margin-left: 5px;
  vertical-align: middle;
}
.mod-mole-buttons-main-l--solid .mod-mole-buttons-main-l__icon--blank svg path {
  stroke: var(--global-color-gray);
}
.mod-mole-buttons-main-l--solid--brown.button-inactive {
  opacity: 0.4;
}
.mod-mole-buttons-main-l--solid--brown .mod-mole-buttons-main-l__icon--pdf {
  margin-left: 5px;
}
.mod-mole-buttons-main-l--solid--brown
  .mod-mole-buttons-main-l__icon--blank
  svg {
  margin-left: 5px;
  vertical-align: middle;
}

.mod-mole-buttons-pdf__wrap .mod-mole-buttons-pdf__text {
  width: 237px;
  height: auto;
  min-height: 22px;
  font-family: var(--global-font-jp-gothic);
  font-style: normal;
  font-weight: 700;
  color: var(--global-color-gray-2);
  text-align: center;
}

.mod-mole-buttons-pdf__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 295px;
  height: auto;
  min-height: 48px;
  padding: 10px 15px;
  background-color: var(--global-color-beige);
  border: 1px solid var(--global-color-gray-4);
  border-radius: 4px;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media (hover: hover) {
  .mod-mole-buttons-pdf__wrap:hover {
    opacity: 0.5;
  }
}
.mod-mole-buttons-pdf__wrap .mod-mole-buttons-pdf__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.mod-mole-buttons-pdf__wrap .mod-mole-buttons-pdf__text {
  font-size: 14px;
  line-height: 22px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-buttons-pdf__wrap .mod-mole-buttons-pdf__text {
    min-height: 21px;
    font-size: 13px;
    line-height: 21px;
  }
}

.mod-mole-buttons-reset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 92px;
  height: 26px;
  font-family: var(--global-font-jp-gothic);
  font-size: 14px;
  border-radius: 4px;
}
.mod-mole-buttons-reset:hover .mod-mole-buttons-reset__icon,
.mod-mole-buttons-reset:hover .mod-mole-buttons-reset__text {
  opacity: 0.6;
}
.mod-mole-buttons-reset.color-black {
  color: var(--global-color-gray-6);
  background-color: var(--global-color-gray-sub-5);
}
.mod-mole-buttons-reset.color-beige {
  color: var(--global-color-gray-2);
  background-color: var(--global-color-beige-3);
}
.mod-mole-buttons-reset.color-white {
  color: var(--global-color-gray-2);
  background-color: var(--global-color-gray-6);
  border: 1px solid var(--global-color-beige-6);
}
.mod-mole-buttons-reset__text {
  padding-left: 5px;
}

.mod-mole-buttons-cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 92px;
  height: 26px;
  font-family: var(--global-font-jp-gothic);
  font-size: 14px;
  color: var(--global-color-gray-2);
  background-color: var(--global-color-beige-3);
  border-radius: 4px;
}
.mod-mole-buttons-cancel__text {
  padding-left: 5px;
}
.mod-mole-buttons-cancel:hover .mod-mole-buttons-cancel__icon,
.mod-mole-buttons-cancel:hover .mod-mole-buttons-cancel__text {
  opacity: 0.6;
}

.mod-mole-buttons-tab {
  width: 125px;
  height: 42px;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(var(--primary-gradient-glossy-2-start)),
    color-stop(25%, var(--primary-gradient-glossy-2-step)),
    color-stop(50%, var(--primary-gradient-glossy-2-step-2)),
    color-stop(75%, var(--primary-gradient-glossy-2-step-3)),
    to(var(--primary-gradient-glossy-2-end))
  );
  background: linear-gradient(
    180deg,
    var(--primary-gradient-glossy-2-start) 0%,
    var(--primary-gradient-glossy-2-step) 25%,
    var(--primary-gradient-glossy-2-step-2) 50%,
    var(--primary-gradient-glossy-2-step-3) 75%,
    var(--primary-gradient-glossy-2-end) 100%
  );
}
.mod-mole-buttons-tab__text {
  display: block;
  width: 100%;
  height: 22px;
  font-family: var(--global-font-jp-mincho);
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
@media (hover: hover) {
  .mod-mole-buttons-tab:hover .mod-mole-buttons-tab__text {
    opacity: 0.6;
  }
}
.mod-mole-buttons-tab.active {
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(var(--primary-gradient-gold-3-start)),
    color-stop(25%, var(--primary-gradient-gold-3-step)),
    color-stop(50%, var(--primary-gradient-gold-3-step-2)),
    color-stop(75%, var(--primary-gradient-gold-3-step-3)),
    to(var(--primary-gradient-gold-3-end))
  );
  background: linear-gradient(
    180deg,
    var(--primary-gradient-gold-3-start) 0%,
    var(--primary-gradient-gold-3-step) 25%,
    var(--primary-gradient-gold-3-step-2) 50%,
    var(--primary-gradient-gold-3-step-3) 75%,
    var(--primary-gradient-gold-3-end) 100%
  );
}
.mod-mole-buttons-tab.active .mod-mole-buttons-tab__text {
  color: var(--global-color-gray-6);
  background: transparent;
  -webkit-text-fill-color: unset;
}
@media screen and (max-width: 1023px) {
  .mod-mole-buttons-tab {
    height: 32px;
    padding: 4px 15px;
  }
}

.mod-mole-icons-pagetop {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background-color: var(--global-color-gray-3);
  border-radius: 50%;
  opacity: 0.8;
}
.mod-mole-icons-pagetop__text {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.mod-mole-icons-pagetop__icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mod-mole-footer .mod-mole-footer__inner {
  padding: 30px 30px 35px;
  font-family: var(--global-font-jp-gothic);
  font-size: 10px;
  color: var(--global-color-gray-6);
}
@media screen and (max-width: 1023px) {
  .mod-mole-footer .mod-mole-footer__inner {
    padding: 64px 20px 25px;
  }
}
.mod-mole-footer .mod-mole-footer__inner .mod-mole-icons-pagetop {
  position: fixed;
  top: auto;
  right: 30px;
  bottom: 87px;
  left: auto;
}
@media screen and (max-width: 1023px) {
  .mod-mole-footer .mod-mole-footer__inner .mod-mole-icons-pagetop {
    right: 10px;
    bottom: 186px;
  }
}
.mod-mole-footer .mod-mole-footer__inner-sns {
  display: block;
  width: 25px;
  margin: 11px auto;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
}
@media (hover: hover) {
  .mod-mole-footer .mod-mole-footer__inner-sns:hover {
    opacity: 0.5;
  }
}
.mod-mole-footer .mod-mole-footer__inner-sns .mod-mole-footer__snstxt {
  position: absolute;
  left: -100%;
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: var(--global-margin-secondary-section);
}
@media screen and (max-width: 1023px) {
  .mod-mole-footer .mod-mole-footer__inner-txtWrap {
    display: block;
    margin-top: 0;
  }
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 240px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-footer .mod-mole-footer__inner-txtWrap-menu {
    width: 280px;
    margin: calc(11px + var(--global-margin-primary-element)) auto
      var(--global-margin-primary-element);
    font-size: 12px;
  }
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap-menu-item {
  position: relative;
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap-menu-item::before {
  position: absolute;
  top: 50%;
  right: -10.5px;
  width: 0.75px;
  height: 9px;
  content: '';
  background-color: var(--global-color-gray-6);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  .mod-mole-footer .mod-mole-footer__inner-txtWrap-menu-item::before {
    width: 1px;
    height: 12px;
  }
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap-menu-item:last-child::before {
  display: none;
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap-menu-item a {
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
}
@media (hover: hover) {
  .mod-mole-footer .mod-mole-footer__inner-txtWrap-menu-item a:hover {
    opacity: 0.5;
  }
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap-copy {
  display: block;
}
@media screen and (max-width: 1023px) {
  .mod-mole-footer .mod-mole-footer__inner-txtWrap-copy {
    font-size: 11px;
    text-align: center;
  }
}
.mod-mole-footer .mod-mole-footer__inner-txtWrap-copy-br-spOnly {
  display: none;
}
@media screen and (max-width: 1023px) {
  .mod-mole-footer .mod-mole-footer__inner-txtWrap-copy-br-spOnly {
    display: block;
  }
}

.mod-mole-form-input-text {
  position: relative;
  height: 40px;
  color: var(--global-color-gray-2);
  background-color: var(--global-color-gray-6);
}
.mod-mole-form-input-text__input {
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  font-family: var(--global-font-jp-gothic);
  font-size: 16px;
  border: 1px solid var(--global-color-beige-6);
  border-radius: 4px;
}
.mod-mole-form-input-text__input:focus {
  border-color: var(--primary-color-ttc-red-2);
  outline: transparent;
}
.mod-mole-form-input-text__icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-mole-form-input-text.is-error {
  background-color: var(--secondary-color-error-bg);
}
.mod-mole-form-input-text.is-inactive {
  background-color: var(--global-color-gray-5);
}

.mod-mole-form-select-normal {
  position: relative;
  width: 100%;
  font-family: var(--global-font-jp-gothic);
  font-size: 16px;
  cursor: pointer;
}
.mod-mole-form-select-normal__select {
  width: 100%;
  height: 40px;
  padding: 2px 10px;
  color: var(--global-color-gray-2);
  cursor: pointer;
  background-color: var(--global-color-gray-6);
  border: 1px solid var(--global-color-beige-6);
  border-radius: 4px;
}
.mod-mole-form-select-normal__select::-ms-expand {
  display: none;
}
.mod-mole-form-select-normal__select:focus-visible {
  outline: none;
}
.mod-mole-form-select-normal__icon {
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-mole-form-select-normal__icon svg {
  vertical-align: middle;
}
.mod-mole-form-select-normal__icon svg path {
  stroke: var(--global-color-gray-2);
}
.mod-mole-form-select-normal.is-error .mod-mole-form-select-normal__select {
  background-color: var(--secondary-color-error-bg);
  border: 1px solid var(--secondary-color-error);
}
.mod-mole-form-select-normal.is-inactive .mod-mole-form-select-normal__select {
  color: var(--global-color-gray-4);
  cursor: auto;
  background-color: var(--global-color-gray-5);
  border: 1px solid var(--global-color-gray-5);
}
.mod-mole-form-select-normal.is-inactive
  .mod-mole-form-select-normal__icon
  svg
  path {
  stroke: var(--global-color-gray-4);
}

.mod-mole-form-select-variation {
  position: relative;
  width: 120px;
  font-family: var(--global-font-jp-gothic);
  font-size: 14px;
  cursor: pointer;
}
.mod-mole-form-select-variation__select {
  width: 120px;
  height: 30px;
  padding: 2px 10px;
  cursor: pointer;
  border-radius: 4px;
}
.mod-mole-form-select-variation__select option {
  color: var(--global-color-gray-2);
  background: var(--global-color-gray-6);
  border-radius: 0;
}
.mod-mole-form-select-variation__select::-ms-expand {
  display: none;
}
.mod-mole-form-select-variation__select:focus-visible {
  outline: none;
}
.mod-mole-form-select-variation__select.color__black {
  color: var(--global-color-gray-6);
  background-color: var(--global-color-gray-sub-5);
}
.mod-mole-form-select-variation__select.color__beige {
  color: var(--global-color-gray-2);
  background-color: var(--global-color-beige-3);
}
.mod-mole-form-select-variation__select.color__white {
  color: var(--global-color-gray-2);
  background-color: var(--global-color-gray-6);
  border: 1px solid var(--global-color-beige-6);
}
.mod-mole-form-select-variation__icon {
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-mole-form-select-variation__icon svg {
  vertical-align: middle;
}
.mod-mole-form-select-variation__icon.color__gray svg path {
  stroke: var(--global-color-gray-2);
}

.mod-mole-h1-horse {
  font-family: var(--global-font-jp-mincho);
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  color: var(--global-color-gray-6);
}
@media screen and (max-width: 1023px) {
  .mod-mole-h1-horse {
    font-size: 24px;
  }
}
.mod-mole-h1-horse__copy {
  padding-bottom: 5px;
  font-size: 15px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-h1-horse__copy {
    font-size: 14px;
  }
}
.mod-mole-h1-horse__detail {
  padding-top: 5px;
  font-family: var(--global-font-jp-gothic);
  font-size: 13px;
  font-weight: normal;
}

.mod-mole-header {
  padding: 12px 0 12px 15px;
  background: var(--global-color-gray-sub-3);
}
@media screen and (max-width: 1023px) {
  .mod-mole-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 10px;
  }
}
.mod-mole-header__logo {
  width: 100%;
  max-width: 311px;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 215px;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__logo-link {
    display: block;
  }
}
.mod-mole-header__logo-img {
  width: 100%;
}
.mod-mole-header__items {
  display: none;
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__button {
    width: 66px;
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__button-item {
    display: block;
    padding: 4px 7px;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    color: var(--global-color-gray-6);
    text-align: center;
    border: solid 1px var(--global-color-gray-6);
    border-radius: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__menu-link {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__menu-icon {
    position: relative;
    height: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__menu-parts {
    position: absolute;
    left: 50%;
    display: block;
    width: 20px;
    height: 2px;
    background: var(--global-color-gray-6);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__menu-parts:nth-child(1) {
    top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__menu-parts:nth-child(2) {
    top: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__menu-parts:nth-child(3) {
    bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-header__menu-text {
    margin: 2px 0 0;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    color: var(--global-color-gray-6);
  }
}

.mod-mole-icons-swiper {
  position: relative;
  cursor: pointer;
  background-color: var(--global-color-gray-2);
}
.mod-mole-icons-swiper__arrow svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.mod-mole-icons-swiper.is-small {
  width: 24px;
  height: 24px;
}
.mod-mole-icons-swiper.is-large {
  width: 40px;
  height: 40px;
}

.mod-mole-label-l--gray,
.mod-mole-label-l--red,
.mod-mole-label-l--a,
.mod-mole-label-l--q,
.mod-mole-label-l,
.mod-mole-label-m--gray,
.mod-mole-label-m--red,
.mod-mole-label-m,
.mod-mole-label-s--border-red,
.mod-mole-label-s--border-gold,
.mod-mole-label-s--border-white,
.mod-mole-label-s--border,
.mod-mole-label-s--gray,
.mod-mole-label-s--red,
.mod-mole-label-s {
  display: inline-block;
  width: auto;
  color: var(--global-color-gray-6);
  text-align: center;
  background-color: var(--secondary-color-green);
  border-radius: 4px;
}

.mod-mole-label-s--border-red,
.mod-mole-label-s--border-gold,
.mod-mole-label-s--border-white,
.mod-mole-label-s--border,
.mod-mole-label-s--gray,
.mod-mole-label-s--red,
.mod-mole-label-s {
  min-width: 32px;
  height: 18px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}

.mod-mole-label-s--border-red,
.mod-mole-label-s--border-gold,
.mod-mole-label-s--border-white,
.mod-mole-label-s--border {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.5px 5px;
  font-size: 11px;
  line-height: 13px;
  background-color: transparent;
}

.mod-mole-label-m--gray,
.mod-mole-label-m--red,
.mod-mole-label-m {
  min-width: 44px;
  height: 22px;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.mod-mole-label-l--gray,
.mod-mole-label-l--red,
.mod-mole-label-l--a,
.mod-mole-label-l--q,
.mod-mole-label-l {
  min-width: 100px;
  height: 26px;
  padding: 4.5px 9.5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
}

.mod-mole-label-s--red {
  background-color: var(--primary-color-ttc-red-2);
}
.mod-mole-label-s--gray {
  background-color: var(--global-color-gray-3);
}
.mod-mole-label-s--border-white {
  font-weight: 700;
  border: 1px solid var(--global-color-gray-6);
}
.mod-mole-label-s--border-gold {
  border: 1px solid var(--primary-gradient-gold-start);
  -o-border-image: liner-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
  border-image: liner-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
}
.mod-mole-label-s--border-gold .mod-mole-label__text {
  display: block;
  height: 13px;
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.mod-mole-label-s--border-red {
  color: var(--primary-color-ttc-red);
  border: 1px solid var(--primary-color-ttc-red);
}
.mod-mole-label-m--red {
  background-color: var(--primary-color-ttc-red-2);
}
.mod-mole-label-m--gray {
  background-color: var(--global-color-gray-3);
}
.mod-mole-label-l--q {
  width: 26px;
  min-width: 26px;
  padding: 4.5px 7.5px;
  background-color: var(--primary-color-ttc-red-2);
}
.mod-mole-label-l--a {
  width: 26px;
  min-width: 26px;
  padding: 4.5px 7.5px;
}
.mod-mole-label-l--red {
  background-color: var(--primary-color-ttc-red-2);
}
.mod-mole-label-l--gray {
  background-color: var(--global-color-gray-3);
}
.mod-mole-label__text {
  display: block;
}

.mod-mole-links-arrow-blank__white {
  color: var(--global-color-gray-6);
}
.mod-mole-links-arrow-blank__white:hover {
  text-decoration: underline;
}
.mod-mole-links-arrow-blank__red {
  color: var(--primary-color-ttc-red);
}
.mod-mole-links-arrow-blank__red:hover {
  text-decoration: underline;
}
.mod-mole-links-arrow-blank__red .mod-mole-links-arrow-blank__icon svg path {
  stroke: var(--primary-color-ttc-red);
}
.mod-mole-links-arrow-blank__red2 {
  color: var(--primary-color-ttc-red-2);
}
.mod-mole-links-arrow-blank__red2:hover {
  text-decoration: underline;
}
.mod-mole-links-arrow-blank__red2 .mod-mole-links-arrow-blank__icon svg path {
  stroke: var(--primary-color-ttc-red-2);
}
.mod-mole-links-arrow-blank__s {
  font-size: 12px;
}
.mod-mole-links-arrow-blank__s .mod-mole-links-arrow-blank__icon {
  width: 10px;
  margin-left: 3px;
}
.mod-mole-links-arrow-blank__m {
  font-size: 14px;
}
.mod-mole-links-arrow-blank__m .mod-mole-links-arrow-blank__icon {
  width: 14px;
  margin-left: 5px;
}
.mod-mole-links-arrow-blank__icon {
  display: inline-block;
  text-align: center;
}
.mod-mole-links-arrow-blank__icon svg {
  vertical-align: middle;
}

.mod-atom-links-cart {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 26px;
  padding: 4px 15px;
  background: -webkit-gradient(
    linear,
    left top, right bottom,
    from(var(--primary-gradient-glossy-start)),
    to(var(--primary-gradient-glossy-end))
  );
  background: linear-gradient(
    to right bottom,
    var(--primary-gradient-glossy-start),
    var(--primary-gradient-glossy-end)
  );
  border-radius: 16px;
}
@media (hover: hover) {
  .mod-atom-links-cart:hover {
    opacity: 0.5;
  }
}
.mod-atom-links-cart__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mod-atom-links-cart__icon > svg {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.mod-atom-links-cart__text {
  font-family: var(--global-font-jp-gothic);
  font-size: 14px;
  font-weight: bold;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(var(--primary-gradient-gold-start)),
    to(var(--primary-gradient-gold-end))
  );
  background: linear-gradient(
    to right,
    var(--primary-gradient-gold-start),
    var(--primary-gradient-gold-end)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mod-atom-links-cart__count {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 16px;
  min-height: 16px;
  font-family: var(--global-font-jp-gothic);
  font-size: 10px;
  color: var(--global-color-gray-6);
  background-color: var(--primary-color-ttc-red);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mod-atom-links-cart-bar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 10px;
  background-color: var(--global-color-beige-3);
}
@media (hover: hover) {
  .mod-atom-links-cart-bar:hover {
    opacity: 0.5;
  }
}
.mod-atom-links-cart-bar__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mod-atom-links-cart-bar__icon > svg {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  fill: var(--global-color-gray-2);
}
.mod-atom-links-cart-bar__text,
.mod-atom-links-cart-bar__count {
  font-family: var(--global-font-jp-gothic);
  font-size: 14px;
  color: var(--global-color-gray-2);
}

.mod-mole-link-help__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 61px;
  height: 20px;
  font-size: 12px;
  color: var(--global-color-gray-6);
}
.mod-mole-link-help__wrap:hover {
  opacity: 0.6;
}

.mod-mole-links-horses__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 515px;
  height: 65px;
  padding: 10px;
  isolation: isolate;
  border-bottom: 1px solid var(--global-color-gray-6);
}
.mod-mole-links-horses__wrap:first-of-type {
  border-top: 1px solid var(--global-color-gray-6);
}
@media screen and (max-width: 1023px) {
  .mod-mole-links-horses__wrap {
    width: 100%;
    padding: 10px 5px;
  }
}
.mod-mole-links-horses__wrap .mod-mole-links-horses__wrap-text {
  color: var(--global-color-gray-6);
}
.mod-mole-links-horses__wrap
  .mod-mole-links-horses__wrap-text
  .mod-mole-links-horses__name {
  font-family: var(--global-font-jp-mincho);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
.mod-mole-links-horses__wrap
  .mod-mole-links-horses__wrap-text
  .mod-mole-links-horses__wrap-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--global-font-jp-gothic);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}
.mod-mole-links-horses__wrap
  .mod-mole-links-horses__wrap-text
  .mod-mole-links-horses__wrap-info
  .mod-mole-links-horses__info__text-gold {
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.mod-mole-menu-button.level2 .mod-mole-menu-button__wrap-text,
.mod-mole-menu-button.level1 .mod-mole-menu-button__wrap-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 240px;
  height: 40px;
  padding: 0 15px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-menu-button.level2 .mod-mole-menu-button__wrap-text,
  .mod-mole-menu-button.level1 .mod-mole-menu-button__wrap-text {
    width: 100%;
    padding: 0 25px;
  }
}

.mod-mole-menu-button {
  display: block;
  width: 240px;
  height: 40px;
  font-family: var(--global-font-jp-mincho);
  font-style: normal;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .mod-mole-menu-button {
    width: 100%;
  }
}
.mod-mole-menu-button.level1 {
  background: linear-gradient(
    105.38deg,
    var(--primary-gradient-glossy-start) 0%,
    var(--primary-gradient-glossy-end) 100%
  );
  isolation: isolate;
}
.mod-mole-menu-button.level1:hover::after {
  position: relative;
  top: -40px;
  display: inline-block;
  width: 240px;
  height: 40px;
  content: '';
  background: rgba(255, 255, 255, 0.08);
}
@media screen and (max-width: 1023px) {
  .mod-mole-menu-button.level1:hover::after {
    width: 100%;
  }
}
.mod-mole-menu-button.level1
  .mod-mole-menu-button__wrap-text
  .mod-mole-menu-button__text {
  font-size: 16px;
  line-height: 26px;
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.mod-mole-menu-button.level1
  .mod-mole-menu-button__wrap-text
  .mod-mole-menu-button__arrow
  svg {
  vertical-align: baseline;
}
.mod-mole-menu-button.level2:hover {
  background: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 1023px) {
  .mod-mole-menu-button.level2 {
    width: 100%;
  }
}
.mod-mole-menu-button.level2
  .mod-mole-menu-button__wrap-text
  .mod-mole-menu-button__text {
  font-size: 14px;
  line-height: 20px;
  color: var(--global-color-gray-6);
}
.mod-mole-menu-button.level2
  .mod-mole-menu-button__wrap-text
  .mod-mole-menu-button__arrow
  svg {
  vertical-align: baseline;
}

.mod-mole-modal-box {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 55;
  max-width: 940px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-box {
    width: calc(100% - 40px);
  }
}
.mod-mole-modal-box--w800 {
  width: 800px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-box--w800 {
    width: calc(100% - 40px);
  }
}
.mod-mole-modal-box--w743 {
  width: 743px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-box--w743 {
    width: calc(100% - 40px);
  }
}
.mod-mole-modal-box--w600 {
  width: 600px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-box--w600 {
    width: calc(100% - 40px);
  }
}
.mod-mole-modal-box__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background: var(--global-color-gray-sub);
  opacity: 0.8;
}
.mod-mole-modal-box__close {
  position: absolute;
  top: -43px;
  right: -10px;
  padding: 10px;
  line-height: 1;
  opacity: 0.5;
}
.mod-mole-modal-box__close:hover {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-box__close {
    top: -38px;
    opacity: 1;
  }
}
.mod-mole-modal-box__close-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}
.mod-mole-modal-box__inner {
  max-height: 70vh;
  overflow-y: auto;
  background: var(--global-color-beige-3);
}

.mfp-bg + .mfp-wrap {
  height: 100vh !important;
  height: 100dvh !important;
}

.mfp-content > div,
.mod-mole-modal-content {
  width: 100%;
  max-height: calc(100vh - 50px);
  max-height: calc(100dvh - 50px);
  padding-top: 43px;
  margin: -43px 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 1023px) {
  .mfp-content > div,
  .mod-mole-modal-content {
    padding-top: 38px;
    margin: 0 auto;
  }
}

.mod-mole-modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 55;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-content {
    width: calc(100% - 40px);
  }
}
.mod-mole-modal-content__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background: var(--global-color-gray-sub);
  opacity: 0.8;
}
.mod-mole-modal-content__close {
  position: absolute;
  top: -43px;
  right: -10px;
  padding: 10px;
  line-height: 1;
  opacity: 0.5;
}
.mod-mole-modal-content__close:hover {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-content__close {
    top: -38px;
    opacity: 1;
  }
}
.mod-mole-modal-content__prev,
.mod-mole-modal-content__next {
  position: absolute;
  top: 50%;
  z-index: 1;
  padding: 10px;
  line-height: 1;
  opacity: 0.5;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-mole-modal-content__prev:hover,
.mod-mole-modal-content__next:hover {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-content__prev,
  .mod-mole-modal-content__next {
    top: calc(50% + 19px);
  }
}
.mod-mole-modal-content__prev {
  left: 45px;
}
@media screen and (max-width: 1180px) {
  .mod-mole-modal-content__prev {
    left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-content__prev {
    left: -3px;
    opacity: 1;
  }
}
.mod-mole-modal-content__next {
  right: 45px;
}
@media screen and (max-width: 1180px) {
  .mod-mole-modal-content__next {
    right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-content__next {
    right: -3px;
    opacity: 1;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-content__prev > svg,
  .mod-mole-modal-content__next > svg {
    width: 11px;
  }
}
.mod-mole-modal-content__close-text,
.mod-mole-modal-content__prev-text,
.mod-mole-modal-content__next-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}
.mod-mole-modal-content__inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .mod-mole-modal-content__inner {
    max-width: none;
  }
}
.mod-mole-modal-content__img > img {
  width: 100%;
}
.mod-mole-modal-content__movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mod-mole-modal-content__movie > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mod-mole-pagers-circle__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 10px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-circle__wrap {
    height: 8px;
  }
}
.mod-mole-pagers-circle__wrap .mod-mole-pagers-circle__contents {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 1px solid var(--global-color-gray-6);
  border-radius: 5px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-circle__wrap .mod-mole-pagers-circle__contents {
    width: 8px;
    height: 8px;
    border-radius: 4px;
  }
}
.mod-mole-pagers-circle__wrap .mod-mole-pagers-circle__contents.is-shown {
  background-color: var(--global-color-gray-6);
}

.mod-mole-pagers-number__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 335px;
  height: 44px;
  padding: 0;
}
.mod-mole-pagers-number__wrap .mod-mole-pagers-number__outer {
  width: 44px;
  height: 44px;
  text-align: center;
  vertical-align: middle;
  background-color: var(--global-color-gray-2);
  border-radius: 22px;
}
.mod-mole-pagers-number__wrap .mod-mole-pagers-number__outer:hover {
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
}
.mod-mole-pagers-number__wrap .mod-mole-pagers-number__outer.show-now {
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
}
.mod-mole-pagers-number__wrap
  .mod-mole-pagers-number__outer
  .mod-mole-pagers-number__inner {
  width: 44px;
  height: 44px;
  border-radius: 22px;
}
.mod-mole-pagers-number__wrap
  .mod-mole-pagers-number__outer
  .mod-mole-pagers-number__inner
  .mod-mole-pagers-number__arrow {
  display: block;
  margin: 13px 13.5px 12.5px 13px;
}
.mod-mole-pagers-number__wrap
  .mod-mole-pagers-number__outer
  .mod-mole-pagers-number__inner
  .mod-mole-pagers-number__arrow
  svg {
  vertical-align: baseline;
}
.mod-mole-pagers-number__wrap
  .mod-mole-pagers-number__outer
  .mod-mole-pagers-number__inner
  .mod-mole-pagers-number__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-family: var(--global-font-jp-gothic);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--global-color-gray-6);
}
.mod-mole-pagers-number__wrap
  .mod-mole-pagers-number__outer
  .mod-mole-pagers-number__inner
  .mod-mole-pagers-number__hidden-text {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.mod-mole-pagers-info__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 0;
}
.mod-mole-pagers-info__wrap .mod-mole-pagers-info__outer {
  width: 44px;
  height: 44px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: var(--global-color-gray-2);
  border-radius: 22px;
}
.mod-mole-pagers-info__wrap .mod-mole-pagers-info__outer:last-of-type {
  margin-right: 0;
}
.mod-mole-pagers-info__wrap .mod-mole-pagers-info__outer:hover {
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
}
.mod-mole-pagers-info__wrap .mod-mole-pagers-info__outer.show-now {
  background: linear-gradient(
    115.2deg,
    var(--primary-gradient-gold-start) 16%,
    var(--primary-gradient-gold-end) 84%
  );
}
.mod-mole-pagers-info__wrap
  .mod-mole-pagers-info__outer
  .mod-mole-pagers-info__inner {
  width: 44px;
  height: 44px;
  border-radius: 22px;
}
.mod-mole-pagers-info__wrap
  .mod-mole-pagers-info__outer
  .mod-mole-pagers-info__inner
  .mod-mole-pagers-info__arrow {
  display: block;
  margin: 13px 13.5px 12.5px 13px;
}
.mod-mole-pagers-info__wrap
  .mod-mole-pagers-info__outer
  .mod-mole-pagers-info__inner
  .mod-mole-pagers-info__arrow
  svg {
  vertical-align: baseline;
}
.mod-mole-pagers-info__wrap
  .mod-mole-pagers-info__outer
  .mod-mole-pagers-info__inner
  .mod-mole-pagers-info__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-family: var(--global-font-jp-gothic);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  color: var(--global-color-gray-6);
}
.mod-mole-pagers-info__wrap
  .mod-mole-pagers-info__outer
  .mod-mole-pagers-info__inner
  .mod-mole-pagers-info__hidden-text {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.mod-mole-pagers-text__wrap .mod-mole-pagers-text__right__wrap,
.mod-mole-pagers-text__wrap .mod-mole-pagers-text__left__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 320px;
  height: auto;
  padding: 0;
}
@media (hover: hover) {
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__right__wrap:hover,
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__left__wrap:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__right__wrap,
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__left__wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 100%;
    height: auto;
  }
}

.mod-mole-pagers-text__wrap .mod-mole-pagers-text__center__wrap,
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__right__wrap
  .mod-mole-pagers-text__right__contents,
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__left__wrap
  .mod-mole-pagers-text__left__contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 301px;
  padding: 0;
  font-family: var(--global-font-jp-gothic);
  font-size: 15px;
  color: var(--global-color-gray-6);
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__center__wrap,
  .mod-mole-pagers-text__wrap
    .mod-mole-pagers-text__right__wrap
    .mod-mole-pagers-text__right__contents,
  .mod-mole-pagers-text__wrap
    .mod-mole-pagers-text__left__wrap
    .mod-mole-pagers-text__left__contents {
    width: calc(100% - 19px);
    max-width: 100%;
    height: auto;
    font-size: 13px;
  }
}

.mod-mole-pagers-text__right,
.mod-mole-pagers-text__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__right,
  .mod-mole-pagers-text__left {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    width: calc(50% - 15px);
    max-width: 50%;
    height: auto;
    padding: 0;
  }
}

.mod-mole-pagers-text__right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__right {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
}

@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__left {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

.mod-mole-pagers-text__wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 29px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  max-width: 1060px;
  height: auto;
  min-height: 48px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 0;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: auto;
    min-height: 120px;
  }
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__left__wrap
  .mod-mole-pagers-text__left__contents__arrow {
  position: relative;
  width: 14px;
  height: 14px;
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__left__wrap
  .mod-mole-pagers-text__left__contents__arrow
  svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__left__wrap
  .mod-mole-pagers-text__left__contents {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.mod-mole-pagers-text__wrap .mod-mole-pagers-text__right__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__right__wrap
  .mod-mole-pagers-text__right__contents__arrow {
  position: relative;
  width: 14px;
  height: 14px;
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__right__wrap
  .mod-mole-pagers-text__right__contents__arrow
  svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__right__wrap
  .mod-mole-pagers-text__right__contents {
  text-align: right;
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__center__wrap {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    width: 100%;
    height: 48px;
    margin-top: 30px;
    text-align: center;
  }
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__center__wrap
  .mod-mole-pagers-text__center__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 300px;
  height: 48px;
  padding: 24px;
  border: 1px solid var(--global-color-gray-6);
  border-radius: 24px;
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__center__wrap
  .mod-mole-pagers-text__center__button:hover {
  background: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__wrap
    .mod-mole-pagers-text__center__wrap
    .mod-mole-pagers-text__center__button {
    width: 100%;
    max-width: 300px;
    margin: auto;
  }
}
.mod-mole-pagers-text__wrap
  .mod-mole-pagers-text__center__wrap
  .mod-mole-pagers-text__center__button
  .mod-mole-pagers-text__center__button__text {
  font-family: var(--global-font-jp-gothic);
  font-size: 15px;
  font-weight: 700;
  color: var(--global-color-gray-6);
  text-align: center;
}
.mod-mole-pagers-text__wrap .mod-mole-pagers-text__bar {
  width: 0;
  height: auto;
  min-height: 48px;
  background-color: var(--global-color-gray-4);
  border: 1px solid var(--global-color-gray-4);
}
@media screen and (max-width: 1023px) {
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__bar {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__bar.bar1 {
    height: auto;
    min-height: 42px;
  }
  .mod-mole-pagers-text__wrap .mod-mole-pagers-text__bar.bar2 {
    display: none;
  }
}

.mod-mole-recruit-head {
  position: relative;
  padding: 24px 0;
}
@media screen and (max-width: 1023px) {
  .mod-mole-recruit-head {
    padding: 10px 20px 30px;
  }
}
.mod-mole-recruit-head__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-recruit-head__main {
    display: block;
    margin-top: 15px;
  }
}
.mod-mole-recruit-head__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .mod-mole-recruit-head__detail {
    display: block;
    margin-bottom: 15px;
  }
}
.mod-mole-recruit-head__detail-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--global-font-jp-gothic);
  font-size: 13px;
  font-weight: bold;
  color: var(--global-color-gray-6);
}
.mod-mole-recruit-head__detail-text li:first-child {
  margin-right: 20px;
}
.mod-mole-recruit-head__detail-num {
  font-size: 22px;
}
.mod-mole-recruit-head__detail-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-recruit-head__detail-label {
    margin-top: 10px;
    margin-left: 0;
  }
}
.mod-mole-recruit-head__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mod-mole-recruit-head__btn-item {
  margin-right: 10px;
}
.mod-mole-recruit-head__btn-item:last-child {
  margin-right: 0;
}
.mod-mole-recruit-head__link {
  position: absolute;
  top: 24px;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1023px) {
  .mod-mole-recruit-head__link {
    position: static;
    margin: 0 0 10px auto;
  }
}

.mod-mole-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.mod-mole-share__sns-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 151px;
  height: 48px;
}
.mod-mole-share__sns-list-item {
  width: 48px;
}
.mod-mole-share__sns-list-item:first-child {
  width: 55px;
}
.mod-mole-share__sns-link {
  display: inline-block;
  width: 100%;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
@media (hover: hover) {
  .mod-mole-share__sns-link:hover {
    opacity: 0.5;
  }
}
.mod-mole-share__sns-link--x {
  padding: 11px 11.5px;
}
.mod-mole-share__sns-link--facebook {
  padding: 8px;
}
.mod-mole-share__sns-list-text {
  font-family: var(--global-font-jp-gothic);
  font-size: 13px;
  font-weight: 400;
  color: var(--global-color-gray-6);
}
.mod-mole-share__text {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  color: var(--global-color-gray-6);
}

.mod-mole-step-box__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  background: var(--secondary-color-arrival-2);
}
.mod-mole-step-box__head--green {
  background: var(--secondary-color-arrival-3);
}
.mod-mole-step-box__head--gold {
  background: var(--secondary-color-littlegold);
}
.mod-mole-step-box__head--gold .mod-mole-step-box__mark {
  position: relative;
  border: none;
}
.mod-mole-step-box__head--gold .mod-mole-step-box__mark::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: block;
  width: 39px;
  height: 39px;
  content: '';
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(var(--primary-gradient-gold-start)),
    to(var(--primary-gradient-gold-end))
  );
  background: linear-gradient(
    90deg,
    var(--primary-gradient-gold-start) 0%,
    var(--primary-gradient-gold-end) 100%
  );
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mod-mole-step-box__head--gold .mod-mole-step-box__mark-text {
  position: relative;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 35px;
  height: 35px;
  color: var(--global-color-gray-6);
  background: var(--secondary-color-littlegold);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.mod-mole-step-box__head--gold .mod-mole-step-box__title {
  color: var(--global-color-gray-6);
}
.mod-mole-step-box__mark {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 39px;
  height: 39px;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: var(--global-color-gray-2);
  text-align: center;
  border: solid 2px var(--global-color-gray-6);
  border-radius: 50%;
}
.mod-mole-step-box__mark-text {
  padding: 2px;
}
.mod-mole-step-box__mark-num {
  display: block;
  margin: -7px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
}
.mod-mole-step-box__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 19.2px;
  color: var(--global-color-gray-2);
}
.mod-mole-step-box__body {
  padding: 10px;
  background: var(--global-color-gray-6);
}
.mod-mole-step-box__text {
  font-size: 12px;
  line-height: 19.2px;
  color: var(--global-color-gray-2);
}
.mod-mole-step-box__image {
  margin: 10px 0 0;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .mod-mole-step-box__image {
    margin: 5px 0 0;
  }
}
.mod-mole-step-box__image img,
.mod-mole-step-box__image svg {
  max-width: 100%;
}

.mod-mole-step-head__group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 16px 0 0;
}
@media screen and (max-width: 1023px) {
  .mod-mole-step-head__group {
    padding: 0 13px 0 0;
  }
}
.mod-mole-step-head__item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 50px;
  margin: 0 0 0 57px;
  background: var(--global-color-gray-sub);
  border: solid 1px var(--global-color-gray-3);
}
@media screen and (max-width: 1023px) {
  .mod-mole-step-head__item {
    height: 36px;
    margin: 0 0 0 23px;
  }
}
.mod-mole-step-head__item:first-child {
  margin: 0;
}
.mod-mole-step-head__item::before,
.mod-mole-step-head__item::after {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mod-mole-step-head__item::before {
  right: -17px;
  border-color: transparent transparent transparent var(--global-color-gray-3);
  border-width: 25px 0 25px 16px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-step-head__item::before {
    right: -14px;
    border-width: 18px 0 18px 13px;
  }
}
.mod-mole-step-head__item::after {
  right: -15px;
  border-color: transparent transparent transparent var(--global-color-gray-sub);
  border-width: 24px 0 24px 15px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-step-head__item::after {
    right: -12px;
    border-width: 17px 0 17px 12px;
  }
}
.mod-mole-step-head__item--act {
  border: solid 1px var(--primary-gradient-gold-start);
}
.mod-mole-step-head__item--act::before {
  border-color: transparent transparent transparent
    var(--primary-gradient-gold-start);
}
.mod-mole-step-head__item--act .mod-mole-step-head__text {
  color: var(--primary-gradient-gold-start);
}
.mod-mole-step-head__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 0 0 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  color: var(--global-color-gray-6);
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .mod-mole-step-head__text {
    padding: 0 0 0 13px;
    font-size: 13px;
    line-height: 20.8px;
  }
}
@media screen and (max-width: 375px) {
  .mod-mole-step-head__text {
    font-size: 12px;
    line-height: 1.2;
    word-break: keep-all;
  }
}

.mod-mole-top-menu {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: min(100%, 133px);
  background: -webkit-gradient(
    linear,
    left top, right bottom,
    from(var(--primary-gradient-glossy-start)),
    to(var(--primary-gradient-glossy-end))
  );
  background: linear-gradient(
    to right bottom,
    var(--primary-gradient-glossy-start),
    var(--primary-gradient-glossy-end)
  );
}
.mod-mole-top-menu__text {
  font-family: var(--global-font-jp-mincho);
  font-size: 15px;
  font-weight: bold;
  color: var(--secondary-color-littlegold);
  text-align: center;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(var(--primary-gradient-gold-start)),
    to(var(--primary-gradient-gold-end))
  );
  background: linear-gradient(
    to right,
    var(--primary-gradient-gold-start),
    var(--primary-gradient-gold-end)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mod-mole-top-menu__text.lg_text {
  padding-top: 7.9px;
  font-size: 16px;
}
.mod-mole-top-menu__badge {
  position: absolute;
  right: 2px;
  bottom: 2px;
}
.mod-mole-top-menu.is-inactive {
  pointer-events: none;
}
.mod-mole-top-menu.is-inactive .mod-mole-top-menu__text {
  color: var(--global-color-gray-4);
  background: none;
  background-clip: border-box;
  -webkit-text-fill-color: currentcolor;
}
.mod-mole-top-menu.is-inactive .mod-mole-top-menu__badge path {
  fill: var(--global-color-gray-4);
}
.mod-mole-top-menu:hover::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: var(--global-color-gray-6);
  opacity: 0.1;
}

.mod-mole-top-message {
  position: relative;
  width: 240px;
  font-family: var(--global-font-jp-gothic);
  color: var(--global-color-gray-6);
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message {
    width: 100%;
  }
}
.mod-mole-top-message.is-login {
  height: 151px;
  padding: 20px 15px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message.is-login {
    height: 90px;
    padding: 18.5px 20px;
  }
}
.mod-mole-top-message__head {
  font-family: var(--global-font-jp-mincho);
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message__head {
    font-size: 16px;
    line-height: 24px;
  }
}
.mod-mole-top-message__head .big-text {
  font-size: 22px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message__head .big-text {
    font-size: 24px;
  }
}
.mod-mole-top-message__message-wrap {
  padding-top: 15px;
  font-size: 12px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message__message-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1em;
    padding-top: 5px;
  }
}
.mod-mole-top-message__notice {
  position: absolute;
  bottom: 23.5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message__notice {
    top: 23.5px;
    right: 20px;
    bottom: auto;
  }
}
.mod-mole-top-message__notice span {
  margin-left: 5px;
}
.mod-mole-top-message__btn-log {
  position: absolute;
  right: 15px;
  bottom: 20px;
  width: 80px;
  height: 26px;
  font-size: 10px;
  line-height: 24px;
  text-align: center;
  border: 1px solid var(--global-color-gray-6);
  border-radius: 13px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message__btn-log {
    display: none;
  }
}
.mod-mole-top-message.is-logout {
  height: 114px;
  padding: 20px 15px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-top-message.is-logout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    padding: 13px 0;
  }
}
.mod-mole-top-message.is-logout .mod-mole-top-message__message-wrap {
  padding-top: 0;
}

:root {
  --global-font-jp-gothic: 'Noto Sans JP', sans-serif;
  --global-font-jp-mincho: 'Noto Serif JP', sans-serif;
  --global-margin-primary-content: 50px;
  --global-margin-secondary-content: 40px;
  --global-margin-primary-section: 30px;
  --global-margin-secondary-section: 20px;
  --global-margin-primary-element: 15px;
  --global-margin-secondary-element: 10px;
  --global-margin-tertiary-element: 5px;
  --primary-color-ttc-red: #ff6067;
  --primary-color-ttc-red-2: #e84c4c;
  --primary-gradient-gold-start: #fcd000;
  --primary-gradient-gold-end: #da0;
  --primary-gradient-gold-2-start: #ca9d00;
  --primary-gradient-gold-2-step: #e6ba1d;
  --primary-gradient-gold-2-step-2: #c89c00;
  --primary-gradient-gold-2-step-3: #ba9100;
  --primary-gradient-gold-2-step-4: #c89c00;
  --primary-gradient-gold-2-step-5: #e5ba1d;
  --primary-gradient-gold-2-end: #ca9d00;
  --primary-gradient-gold-3-start: #f1d22e;
  --primary-gradient-gold-3-step: #b98f00;
  --primary-gradient-gold-3-step-2: #9e7000;
  --primary-gradient-gold-3-step-3: #886000;
  --primary-gradient-gold-3-end: #997000;
  --primary-gradient-glossy-start: #303030;
  --primary-gradient-glossy-end: #191919;
  --primary-gradient-glossy-2-start: #393939;
  --primary-gradient-glossy-2-step: #2e2e2e;
  --primary-gradient-glossy-2-step-2: #212121;
  --primary-gradient-glossy-2-step-3: #222;
  --primary-gradient-glossy-2-end: #252525;
  --secondary-color-green: #4baf28;
  --secondary-color-attention: #e00;
  --secondary-color-error: #c51616;
  --secondary-color-error-bg: #f4c3c6;
  --secondary-color-arrival: #f1e1e0;
  --secondary-color-arrival-2: #dbebf5;
  --secondary-color-arrival-3: #e0eed6;
  --secondary-color-littlegold: #b98708;
  --global-color-gray: #000;
  --global-color-gray-2: #333;
  --global-color-gray-3: #666;
  --global-color-gray-4: #999;
  --global-color-gray-5: #ccc;
  --global-color-gray-6: #fff;
  --global-color-gray-sub: #111;
  --global-color-gray-sub-2: #191919;
  --global-color-gray-sub-3: #202020;
  --global-color-gray-sub-4: #252525;
  --global-color-gray-sub-5: #272727;
  --global-color-beige: #fffff9;
  --global-color-beige-2: #f0f0e9;
  --global-color-beige-3: #f1eedf;
  --global-color-beige-4: #e6e2ce;
  --global-color-beige-5: #e1dbc3;
  --global-color-beige-6: #cac6b1;
  --global-gradient-beige-start: #e5e1ce;
  --global-gradient-beige-end: #d7d3c3;
  --global-shadow-color-bottom: rgb(0, 0, 0, 0.1);
  --global-shadow-color-arround: rgb(0, 0, 0, 0.2);
  --global-shadow-color-text: rgb(0 0, 0, 0.75);
}

.mod-atom-article-block + .mod-atom-article-block {
  margin-top: var(--global-margin-secondary-content);
}
@media screen and (max-width: 1023px) {
  .mod-atom-article-block + .mod-atom-article-block {
    margin-top: var(--global-margin-primary-section);
  }
}

.mod-atom-article-caption {
  margin-top: var(--global-margin-secondary-element);
  font-size: 16px;
}
@media screen and (max-width: 1023px) {
  .mod-atom-article-caption {
    font-size: 15px;
  }
}

.mod-atom-article-img__content {
  width: 100%;
}

.mod-atom-article-text {
  font-size: 16px;
}
@media screen and (max-width: 1023px) {
  .mod-atom-article-text {
    font-size: 15px;
  }
}

.mod-mole-article {
  padding: var(--global-margin-secondary-content)
    var(--global-margin-secondary-content) 70px;
  color: var(--global-color-gray-2);
  word-break: break-all;
  background-color: var(--global-color-beige-3);
}
@media screen and (max-width: 1023px) {
  .mod-mole-article {
    padding: var(--global-margin-secondary-section)
      var(--global-margin-primary-element)
      var(--global-margin-secondary-content);
  }
}

.mod-mole-buttons__zipcode {
  margin-left: 20px;
}
@media screen and (max-width: 1023px) {
  .mod-mole-buttons__zipcode {
    margin-left: 10px;
  }
}
.mod-mole-buttons__zipcode .mod-mole-buttons-content {
  display: block;
  width: 130px;
  padding: 11px 10px;
  margin: 0 auto;
  color: var(--secondary-color-littlegold);
  text-align: center;
  letter-spacing: 0;
  background-color: transparent;
  border: 1px solid var(--secondary-color-littlegold);
  border-radius: 2em;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
@media (hover: hover) {
  .mod-mole-buttons__zipcode .mod-mole-buttons-content:hover {
    background-color: rgba(185, 135, 8, 0.2);
  }
}
@media screen and (max-width: 1023px) {
  .mod-mole-buttons__zipcode .mod-mole-buttons-content {
    width: 90px;
    padding: 7px 10px;
  }
}
.mod-mole-buttons__zipcode .mod-mole-buttons-text {
  display: block;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .mod-mole-buttons__zipcode .mod-mole-buttons-text {
    font-weight: 400;
  }
}

.mod-mole-form-error-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: var(--global-margin-tertiary-element);
  font-size: 12px;
  line-height: 1.6;
}
.mod-mole-form-error-message__icon {
  position: relative;
  width: 12px;
  height: 1.6em;
}
.mod-mole-form-error-message__icon > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 13px;
  margin: auto;
}
.mod-mole-form-error-message__text {
  width: calc(100% - 12px);
  padding-left: var(--global-margin-tertiary-element);
  color: var(--secondary-color-error);
  word-break: break-all;
}

/* components */