@charset "UTF-8";
/* pages
/*----------------------------------------------------*/
/* reminder CSS id・passお忘れ */
/*----------------------------------------------------*/
#mypage_reminder .type__tel input,
#saiyotop_reminder .type__tel input {
  width: 200px;
}

/* reminder CSS id・passお忘れ */
/*----------------------------------------------------*/
/* from CSS 予約フォーム
/*----------------------------------------------------*/
section:has(.form__wrap) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form__title {
  margin: 0;
  padding: 0 3px;
  font-size: 18px;
  font-weight: bold;
}
.form__title span {
  margin-left: 8px;
  font-size: 11px;
  font-weight: normal;
}
.form__title .btn__edit {
  position: absolute;
  top: 5px;
  right: 17px;
}
.form__title .lang__en {
  display: inline;
  margin: 0 0 0 5px;
}
.career__education .form__title, .career__other .form__title, .career__job .form__title, .print__memo .form__title {
  display: flex;
  justify-content: space-between;
}

.form__wrap,
.jsAxolSchool_wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.form__item {
  display: grid;
  grid-template-columns: 170px minmax(30px, auto) 1fr;
  grid-column: 3;
  background: #f3f2f1;
  margin: 0;
}

.form__item__title__wrap {
  padding: 16px;
}
.form__item__title__wrap .form__item__title {
  width: 100%;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  word-wrap: break-word;
}
.form__item__title__wrap .form__item__title__en {
  display: block;
  margin-top: 3px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: normal;
}

.need__item {
  padding: 16px 0;
}
.need__item .mark {
  display: inline-block;
  background: var(--important);
  border-radius: 3px;
  width: 28px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  text-align: center;
  vertical-align: top;
  color: #fff;
}

.is_foreign .mark {
  background: transparent;
  color: var(--important);
}
.is_foreign .mark span {
  font-size: 16px;
}

.need__sub {
  display: inline-block;
  background: var(--important);
  border-radius: 3px;
  width: 28px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  text-align: center;
  vertical-align: top;
  color: #fff;
}
.need__sub:has(span) {
  border: none;
  padding: 0;
  font-size: 16px;
}

:where(.form__item__text) {
  display: block;
  font-weight: normal;
  padding-bottom: 3px;
  color: #555;
}

.form__item__group {
  flex-wrap: wrap;
  flex: 1;
  max-width: 518px;
  padding: 16px;
}
.form__item__group [value=キャンセル],
.form__item__group [value=変更] {
  background: var(--cancel);
  border: 1px solid var(--cancel);
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0 0 0 10px;
  padding: 5px 10px;
  vertical-align: middle;
  font-size: 12px;
  color: #333;
}
.form__item__group [value=キャンセル]:focus,
.form__item__group [value=変更]:focus {
  opacity: 0.7;
}
.form__item__group [type=file] + [value=変更] {
  margin: 5px 0 0;
  padding: 3px 8px;
}
.form__item__group select:not([multi]) {
  max-width: 488px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.form__item__group .support__text,
.form__item__group .caution__text,
.form__item__group .caption__text {
  margin-bottom: 3px;
}
.form__item__group .normal__text {
  margin-bottom: 5px;
}
.form__item__group label.col {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 4px;
  width: 45%;
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.1;
}
.form__item__group label:has([type=text]) {
  max-width: 100%;
}
.form__item__group .memo__wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  width: 100%;
}
.form__item__group .upload__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.form__item__group .upload__wrap [type=button] {
  margin: 0;
}
.form__item__group:has(.form__item__title__en) {
  display: flex;
  flex-direction: column;
}
.form__item__group:has(.form__item__title__en) .form__item__title__en {
  font-size: 12px;
  font-weight: normal;
}

.form__item__print .form__item__title {
  font-weight: normal;
}
.form__item__print .form__item__group {
  font-weight: bold;
}
.form__item__print .need__item:has(.edit) {
  min-width: 52px;
}
section:has(.btn.edit) .form__item__print .need__item {
  min-width: 52px;
}

.nomenu .form__item__group {
  max-width: 718px;
}
.nomenu .form__item__group select {
  max-width: 718px;
}
.nomenu .form__item__multi .form__item__group {
  max-width: 718px;
}
.nomenu:has(.menu__wrap > .info) .form__item__group {
  max-width: 518px;
}
.nomenu:has(.menu__wrap > .info) .form__item__group select {
  max-width: 488px;
}
.nomenu:has(.menu__wrap > .info) .form__item__multi .form__item__group {
  max-width: 488px;
}

.form__item__multi {
  display: flex;
  flex-direction: column;
}
.form__item__multi .form__item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  column-gap: 1px;
  gap: 8px;
  padding: 15px;
}
.form__item__multi .form__item + .form__item {
  border-top: 3px solid #fff;
}
.form__item__multi .form__item .notice__wrap {
  padding: 10px 0;
}
.form__item__multi .form__item:first-of-type {
  border-top: none;
}
.form__item__multi .form__item__title__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: auto;
  padding: 0;
}
.form__item__multi .form__item__title {
  width: auto;
}
.form__item__multi .form__item__group {
  max-width: 488px;
  padding: 0;
}

.notice__wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: #f3f2f1;
  margin: 0;
  padding: 16px;
  font-size: 13px;
}
.notice__wrap + .notice__wrap,
.notice__wrap + .form__item {
  border-top: 3px solid #fff;
}
.notice__wrap > label {
  width: fit-content;
  margin-top: 4px;
}

.fb_ownAlertStrs {
  display: block;
  width: 100%;
}

.fb_ownAlertBox {
  padding: 3px 5px 0;
  font-size: 12px;
  font-weight: bold;
  color: var(--error);
}

/* formの素材
//----------------------------------------------------------------*/
.type__name {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.type__name label {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 4px;
  width: 45%;
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.1;
}
.type__name input {
  width: 100%;
}

.type__postal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.type__postal [name=yubing],
.type__postal [name=yubink] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 8px;
}

[name=jushog1],
[name=jushog2],
[name=jushog3],
[name=jushok1],
[name=jushok2],
[name=jushok3] {
  width: 80%;
}

.form__item .form__item__group.tel__style {
  display: block;
}

.type__tel {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.type__tel [name=telg],
.type__tel [name=telk],
.type__tel [name=keitai] {
  display: flex;
  align-items: center;
  gap: 3px;
}

.type__e-mail input,
.type__k-mail input {
  width: 100%;
}
.type__e-mail .mail__double,
.type__k-mail .mail__double {
  margin-top: 12px;
}

.mail__double {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
}
.mail__double input {
  width: 100%;
}
.mail__double label {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 4px;
  width: 45%;
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.1;
}

.type__school__head {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.type__school__head .caption__text {
  width: 100%;
}
.type__school__head .search_params_active {
  display: flex;
  align-items: center;
  gap: 4px;
}

.type__section > div {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.type__section .caption__text {
  width: 100%;
  margin: 0;
}

.type__set > div {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
}
.type__set .caption__text {
  width: 100%;
  margin: 0;
}

.type__degree .search_params_active {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
}
.type__degree .caption__text {
  width: 100%;
}

.type__school__head .school__head__wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.type__school .dbk_text_wrap {
  margin: 5px 0 0;
}
.type__school .school__list__wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.type__school .school__list__wrap [name=dname] {
  width: 100%;
  max-width: 100%;
}

.dbk_select_wrap select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dbk_select_wrap select:disabled {
  background: #eee;
  color: #999;
  cursor: default;
}

.dbk_text_wrap {
  margin-top: 8px;
}
.dbk_text_wrap input {
  width: 100%;
}

._search_param_label {
  font-weight: bold;
}

.type__gakkeiself .search_params_active {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 100%;
}

.type__sc-place .caption__text {
  width: 100%;
  margin: 0;
}

.type__sc-parts > .inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 12px;
}
.type__sc-parts input {
  display: inline-block;
}
.type__sc-parts .search_freeze {
  margin-right: 10px;
}

.type__sc-name {
  display: inline-block;
}
.type__sc-name select {
  background: none;
}

.type__koko .school__list__wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.type__koko .school__list__wrap [name=koko_name] {
  width: 100%;
}

.type__school .school__list__wrap select,
.type__koko .school__list__wrap select {
  width: 100%;
  min-height: 100px;
  text-overflow: inherit;
  overflow: auto;
  white-space: normal;
}

.sc__on-off__switch {
  display: inline-block;
  margin: 15px 0 10px;
}
.sc__on-off__switch label {
  display: block;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 7px 10px;
  font-size: 13px;
  transition: 0.2s;
}
.sc__on-off__switch label input {
  margin: 0 5px 0 0;
  vertical-align: text-top;
}

.type__sc-name__other {
  display: inline-block;
  width: 100%;
}

.type__pass .caption__text {
  margin-top: 5px;
}

.pass__double__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  margin-top: 12px;
}
.pass__double__wrap input {
  width: 100%;
}
.pass__double__wrap label {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 4px;
  width: calc(50% - 5px);
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.1;
}

.notice__example__pass {
  margin-top: 12px;
  font-size: 13px;
  font-weight: bold;
  color: var(--important);
}

.antispam__wrap {
  display: flex;
  gap: 8px;
}

/* from CSS 予約フォーム
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .form__item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 8px;
  }
  .form__item .notice__wrap {
    padding: 10px 0;
  }
  .form__item .notice__example {
    max-width: calc(100% - 16px);
  }
  .form__item .form__item__group .select_wrap {
    max-width: 100%;
  }
  .form__item .form__item__group select,
  .form__item .form__item__group textarea {
    max-width: 100%;
    min-width: 0;
  }
  .form__item__title__wrap {
    flex-wrap: wrap;
    padding: 16px 0 8px 10px;
    max-width: calc(100% - 16px);
  }
  .need__item {
    align-self: center;
    width: auto;
    padding: 5px 3px 0;
  }
  .need__item:has(.edit) {
    margin: 0 0 0 auto;
    padding: 0 8px 0 16px;
  }
  .form__item__group {
    flex: auto;
    width: 100%;
    max-width: 100%;
    padding: 0 10px 10px;
    box-sizing: border-box;
  }
  .form__item__group select:not([multi]) {
    max-width: 100%;
  }
  .nomenu .form__item__group select {
    max-width: 100%;
  }
  .nomenu:has(.menu__wrap > .info) .form__item__group select {
    max-width: 100%;
  }
  .form__item__multi {
    width: calc(100% - 10px);
    padding-left: 10px;
  }
  .form__item__multi .form__item {
    padding: 15px 0px 15px 10px;
  }
  .mail__double {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 3px;
  }
  .mail__double label {
    width: 100%;
  }
  .mail__double [type=text] {
    width: 100%;
  }
  .form__item__group label.col {
    width: auto;
  }
  .type__sc-parts [type=text] {
    width: 100%;
  }
  .type__school .school__list__wrap,
  .type__koko .school__list__wrap {
    max-width: 100%;
  }
  .type__name label {
    flex: 1;
  }
  .type__sex {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
  }
  .type__sex label,
  .type__sex label + .material-symbols-outlined {
    gap: 3px;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 36px;
    padding: 8px 12px;
    background: white;
    width: 100%;
    color: #555;
  }
  .type__postal select,
  .type__postal input,
  .type__tel select,
  .type__tel input,
  .type__birth select,
  .type__birth input {
    margin-bottom: 4px;
  }
  select.fb_dateElement_Y,
  select.fb_dateElement_m,
  select.fb_dateElement_d {
    margin-bottom: 4px;
  }
  [name=jushog1],
  [name=jushog2],
  [name=jushog3],
  [name=jushok1],
  [name=jushok2],
  [name=jushok3],
  [name=pass_phrase],
  select#keng,
  select#kenk,
  select.memo__select {
    width: 100%;
    box-sizing: border-box;
  }
  .pass__double__wrap {
    flex-direction: column;
    gap: 8px;
  }
  .pass__double__wrap label {
    width: 100%;
  }
  .pass__double__wrap label br {
    display: none;
  }
  .antispam__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}
/* 規約 規約画面 (エントリー時)
/*----------------------------------------------------*/
#entry_agreement .agree__text {
  width: 100%;
}
#entry_agreement .agree__rule {
  flex: 1;
  background: #f3f2f1;
  max-height: 300px;
  overflow-y: scroll;
  padding: 0 20px;
  font-size: 13px;
  white-space: pre-wrap;
}
#entry_agreement .agree__rule.none__wrap {
  max-height: none;
  overflow-y: auto;
}
#entry_agreement .form__bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
#entry_agreement .form__bottom .bottom {
  text-align: center;
}
#entry_agreement .mynavi__link__area {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  row-gap: 15px;
  border: 3px solid #ccc;
  border-radius: 5px;
  padding: 20px;
}
#entry_agreement .footer {
  border-top: 1px solid #ccc;
  width: 100%;
  padding: 8px;
  text-align: center;
}
#entry_agreement .ssl {
  box-sizing: border-box;
  width: 100%;
  font-size: 11px;
  color: #555;
}

/* 登録情報 入力画面 (エントリー時)
------------------------------------------------------------------*/
#entry_input .contents > form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* 登録情報 確認画面 (エントリー時)
------------------------------------------------------------------*/
#entry_confirm .contents > form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* 登録 完了画面 (エントリー時)
------------------------------------------------------------------*/
/* メール認証(option) set_kais ks verify_entry_email 1
------------------------------------------------------------------*/
.verify__email__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin-bottom: 20px;
}
.verify__email__header > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  border-bottom: 2px solid #ccc;
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
  color: #888;
}
.verify__email__header > div.current {
  border-color: #00abeb;
  color: #00abeb;
}
.verify__email__header .step__num {
  font-size: 13px;
}
.verify__email__header .lang__en {
  margin: 0;
}

/* 規約 規約画面 (エントリー時)
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  #entry_agreement .ssl {
    text-align: left;
  }
  .mynavi__link__area {
    flex-direction: column;
  }
  /* メール認証(option) set_kais ks verify_entry_email 1
  ------------------------------------------------------------------*/
  .verify__email__header {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .verify__email__header > div {
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 8px;
    border-bottom: 2px solid #ccc;
    width: 100%;
    padding: 20px 5px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #888;
  }
}
/* top
/*----------------------------------------------------*/
#mypage_agree .menu,
#saiyotop_agree .menu {
  display: none;
}

#mypage_agree .agree__rule,
#saiyotop_agree .agree__rule,
#mypage_pool .agree__rule,
#mypage_movedb .agree__rule {
  flex: 1;
  background: #f3f2f1;
  max-height: 300px;
  overflow-y: scroll;
  padding: 20px;
  font-size: 13px;
  white-space: pre-wrap;
}
#mypage_agree .agree__rule.none__wrap,
#saiyotop_agree .agree__rule.none__wrap,
#mypage_pool .agree__rule.none__wrap,
#mypage_movedb .agree__rule.none__wrap {
  max-height: none;
  overflow-y: auto;
}
#mypage_agree .agree__confirm,
#saiyotop_agree .agree__confirm,
#mypage_pool .agree__confirm,
#mypage_movedb .agree__confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
#mypage_agree .agree__confirm label,
#saiyotop_agree .agree__confirm label,
#mypage_pool .agree__confirm label,
#mypage_movedb .agree__confirm label {
  display: flex;
  align-items: center;
  gap: 3px;
  font-weight: bold;
}
#mypage_agree .agree__confirm label:has(:disabled),
#saiyotop_agree .agree__confirm label:has(:disabled),
#mypage_pool .agree__confirm label:has(:disabled),
#mypage_movedb .agree__confirm label:has(:disabled) {
  opacity: 0.5;
  cursor: default;
}
#mypage_agree .agree__confirm [type=submit],
#saiyotop_agree .agree__confirm [type=submit],
#mypage_pool .agree__confirm [type=submit],
#mypage_movedb .agree__confirm [type=submit] {
  margin-top: 20px;
}

/* ダイレクトアクセスの表示
-------------------------------------------------------------------*/
#top__kanri__mp {
  background: rgb(255, 249, 236);
  border: 1px solid rgb(255, 249, 236);
  border-radius: 5px;
  width: 100%;
  margin: 0 auto 0;
  padding: 8px 12px;
  box-sizing: border-box;
}

/* top
/*----------------------------------------------------*/
#mypage_top {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 100%;
}
#mypage_top .contents {
  gap: 45px;
}
#mypage_top section {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
#mypage_top section h2 {
  margin: 0 0 15px 0;
}
#mypage_top section h3 {
  margin: 0;
}
#mypage_top .top__news h2 {
  padding-left: 2px;
}

.top__message {
  display: block;
}
.top__message .message {
  line-height: 1.8;
}

.top__news {
  display: block;
}
.top__news .news {
  line-height: 1.7;
}

.top__letter ul {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.top__letter li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 3px;
}
.top__letter li + li {
  border-top: 1px solid #ccc;
}
.top__letter .top__letter__date {
  min-width: 145px;
  font-size: 13px;
}
.top__letter .top__letter__subject {
  color: #333;
}
.top__letter .top__letter__subject.top__letter__unread {
  font-weight: bold;
}
.top__letter .new__mark {
  background: var(--important);
  border-radius: 3px;
  margin-left: 3px;
  padding: 4px;
  font-size: 10px;
  color: white;
}

.button__group > .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.button__group a {
  position: relative;
  min-width: 50%;
  padding: 12px 25px 12px 15px;
  white-space: normal;
  font-size: 14px;
  text-wrap: balance;
}
.button__group a:has(.page__out)::before, .button__group a:has(.page__out)::after {
  border: none;
  width: 0;
  height: 0;
}
.button__group a .page__out {
  margin-bottom: 5px;
  font-size: 12px;
  height: 12px;
  width: 12px;
  overflow: hidden;
}
.button__group a::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.0666666667);
  border-radius: 0 3px 3px 0;
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
}
.button__group a::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: calc(50% - 3.5px);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 7px;
  transform: rotate(45deg);
}

.top__multi {
  flex-wrap: wrap;
}
.top__multi > .inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  flex-wrap: wrap;
  row-gap: 35px;
  column-gap: 24px;
}
.top__multi .item {
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 3px;
  text-decoration: none;
  color: #333;
  transition: 0.2s;
}
.top__multi .item:hover {
  opacity: 70%;
}
.top__multi .item .image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f2f1;
  width: 352px;
  height: 198px;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.top__multi .item .title {
  margin-top: 8px;
  font-size: 14px;
  font-weight: bold;
}
.top__multi .item .title + div {
  white-space: pre-line;
  font-size: 13px;
}

.top__tile > .inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
  flex-wrap: wrap;
  gap: 4px;
}
.top__tile .item {
  display: flex;
  align-items: start;
  flex-direction: column;
  background: var(--main200);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  aspect-ratio: 1/1;
  text-decoration: none;
  font-size: 12px;
  color: #333;
  transition: 0.2s;
}
.top__tile .item:hover {
  opacity: 80%;
  box-sizing: var(--shadow-md);
}
.top__tile .text__wrap {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  padding: 8px;
}
.top__tile .text__wrap b {
  text-shadow: white;
}
.top__tile .text__wrap div {
  white-space: pre-line;
}
.top__tile.tile__color__1 .item {
  justify-content: start;
}
.top__tile.tile__color__2 .item {
  justify-content: center;
}
.top__tile.tile__color__3 .item {
  justify-content: end;
}
.top__tile.tile__color__4 .item {
  justify-content: center;
  align-items: center;
}
.top__tile.tile__color__4 .item .text__wrap {
  text-align: center;
}

.step-navi .step__wrap {
  display: flex;
  width: 100%;
}
.step-navi .step {
  flex: 1;
}
.step-navi .step .label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.step-navi .step .name {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  white-space: normal;
  font-size: 14px;
  font-weight: bold;
}
.step-navi .step .name .step__num {
  font-size: 10px;
  font-weight: normal;
}
.step-navi .step.checked .label__caption {
  opacity: 60%;
}
.step-navi .caption {
  margin-top: 8px;
  white-space: pre-line;
  font-size: 12px;
  color: var(--other);
}
.step-navi.old .step, .step-navi.new__1 .step {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.step-navi.old .step.checked, .step-navi.new__1 .step.checked {
  position: relative;
}
.step-navi.old .step.checked .image,
.step-navi.old .step.checked .name, .step-navi.new__1 .step.checked .image,
.step-navi.new__1 .step.checked .name {
  opacity: 60%;
}
.step-navi.old .step .label__caption, .step-navi.new__1 .step .label__caption {
  margin-top: 5px;
  white-space: pre-line;
  font-size: 11px;
}
.step-navi.old .name, .step-navi.new__1 .name {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.step-navi.old .image, .step-navi.new__1 .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  min-height: 60px;
  font-size: 55px;
}
.step-navi.old .check, .step-navi.new__1 .check {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
}
.step-navi.old .step__wrap {
  border: 1px solid #72afe7;
}
.step-navi.old .step {
  background: #eff6ff;
}
.step-navi.old .step + .step {
  border-left: 1px solid #72afe7;
}
.step-navi.old .step.checked {
  background: #f9fbff;
}
.step-navi.old .check {
  color: var(--important);
}
.step-navi.new__1 .step__wrap {
  border: 1px solid #ccc;
}
.step-navi.new__1 .step {
  background: #fff;
}
.step-navi.new__1 .step + .step {
  border-left: 1px solid #ccc;
}
.step-navi.new__1 .step.checked {
  background: #f3f2f1;
}
.step-navi.new__1 .check {
  color: var(--important);
}
.step-navi.new__2 .step__wrap {
  flex-direction: column;
  border: 1px solid #ccc;
}
.step-navi.new__2 .step {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background: #fff;
  padding: 8px 12px;
}
.step-navi.new__2 .step + .step {
  border-top: 1px solid #ccc;
}
.step-navi.new__2 .step.checked {
  background: #f3f2f1;
}
.step-navi.new__2 .step.checked .image,
.step-navi.new__2 .step.checked .name {
  opacity: 60%;
}
.step-navi.new__2 .step.checked .check {
  color: var(--important);
}
.step-navi.new__2 .step .label__caption {
  white-space: pre-line;
  font-size: 12px;
}
.step-navi.new__2 .wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.step-navi.new__2 .label {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex: 1;
}
.step-navi.new__2 .check {
  padding: 8px;
  align-self: center;
  font-size: 20px;
  color: #ccc;
}

.carousel .swiper-slide {
  background: #f3f2f1;
  max-width: 100%;
  margin: 0;
  top: 0;
}
.carousel .swiper-slide a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-decoration: none;
  white-space: pre-line;
  text-align: center;
  color: #000;
  transition: 0.15s;
}
.carousel .swiper-slide a:hover {
  opacity: 0.7;
}
.carousel .swiper-slide a .page__out {
  display: none;
}
.carousel.size__l .swiper-slide {
  aspect-ratio: 2/1;
}
.carousel.size__l .swiper-slide a {
  gap: 5px;
}
.carousel.size__l .swiper-slide b {
  font-size: 18px;
}
.carousel.size__l .swiper-slide span {
  font-size: 13px;
}
.carousel.size__s .swiper:has(.swiper-pagination-bullet) {
  padding-bottom: 32px;
}
.carousel.size__s .swiper-wrapper {
  height: auto;
}
.carousel.size__s .swiper-slide {
  aspect-ratio: 16/9;
}
.carousel.size__s .swiper-slide a {
  gap: 2px;
}
.carousel.size__s .swiper-slide b {
  font-size: 13px;
}
.carousel.size__s .swiper-slide span {
  font-size: 11px;
}
.carousel.size__s .swiper-pagination {
  bottom: 0;
}
.carousel.size__s .swiper-button-next,
.carousel.size__s .swiper-button-prev {
  height: 25%;
}
.carousel.size__s .swiper-button-next:after,
.carousel.size__s .swiper-button-prev:after {
  font-size: 11px;
}
.carousel .swiper-button-prev,
.carousel .swiper-container-rtl .swiper-button-next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  left: 0;
}
.carousel .swiper-button-next,
.carousel .swiper-container-rtl .swiper-button-prev {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  right: 0;
}
.carousel .swiper-button-next,
.carousel .swiper-button-prev {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  width: 25px;
  height: 50%;
  margin-top: 0;
  top: 25%;
  transition: 0.2s;
  cursor: pointer;
}
.carousel .swiper-button-next:hover,
.carousel .swiper-button-prev:hover {
  opacity: 50%;
}
.carousel .swiper-button-next:after,
.carousel .swiper-button-prev:after {
  font-size: 15px;
  font-weight: bold;
  color: white;
}
.carousel .swiper-pagination {
  width: fit-content;
}
.carousel .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid white;
  width: 12px;
  height: 12px;
}
.carousel .swiper-pagination .swiper-pagination-bullet-active {
  border: 2px solid white;
  outline: 2px solid var(--active);
}
.carousel .swiper__start,
.carousel .swiper__stop {
  position: absolute;
  background: white;
  border: none;
  font-size: 12px;
  color: #555;
  top: 5px;
  z-index: 1;
}
.carousel .swiper__start.active,
.carousel .swiper__stop.active {
  background: var(--active);
  color: white;
}
.carousel .swiper__start {
  right: 44px;
}
.carousel .swiper__stop {
  right: 5px;
}

/* top
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  body {
    padding: 0;
  }
  .header__img {
    margin: 0;
  }
  .main {
    width: auto;
  }
  .top__letter li {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2px;
  }
  .top__letter .top__letter__date {
    font-size: 12px;
  }
  .button__group a {
    width: 100%;
    min-width: 100%;
  }
  .top__multi {
    flex-wrap: nowrap;
  }
  .top__multi > .inner {
    grid-template-columns: 1fr;
    flex-wrap: nowrap;
    row-gap: 40px;
  }
  .top__multi .item {
    width: 100%;
  }
  .top__multi .item .image {
    width: 100%;
    height: auto;
  }
  .top__tile {
    flex-wrap: nowrap;
  }
  .top__tile > .inner {
    grid-template-columns: 1fr 1fr;
  }
  .step-navi.old .step__wrap, .step-navi.new__1 .step__wrap, .step-navi.new__2 .step__wrap {
    flex-direction: column;
    border: 1px solid #ccc;
  }
  .step-navi.old .step, .step-navi.new__1 .step, .step-navi.new__2 .step {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    background: #fff;
    padding: 8px 12px;
  }
  .step-navi.old .step + .step, .step-navi.new__1 .step + .step, .step-navi.new__2 .step + .step {
    border: none;
    border-top: 1px solid #ccc;
  }
  .step-navi.old .step.checked, .step-navi.new__1 .step.checked, .step-navi.new__2 .step.checked {
    background: #f3f2f1;
  }
  .step-navi.old .step.checked .image,
  .step-navi.old .step.checked .name, .step-navi.new__1 .step.checked .image,
  .step-navi.new__1 .step.checked .name, .step-navi.new__2 .step.checked .image,
  .step-navi.new__2 .step.checked .name {
    opacity: 30%;
  }
  .step-navi.old .step.checked .check, .step-navi.new__1 .step.checked .check, .step-navi.new__2 .step.checked .check {
    color: var(--important);
  }
  .step-navi.old .wrap, .step-navi.new__1 .wrap, .step-navi.new__2 .wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .step-navi.old .image, .step-navi.new__1 .image, .step-navi.new__2 .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-height: 24px;
    font-size: 24px;
  }
  .step-navi.old .label, .step-navi.new__1 .label, .step-navi.new__2 .label {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex: 1;
  }
  .step-navi.old .name, .step-navi.new__1 .name, .step-navi.new__2 .name {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1px;
  }
  .step-navi.old .check, .step-navi.new__1 .check, .step-navi.new__2 .check {
    position: static;
    padding: 8px;
    align-self: center;
    font-size: 20px;
    color: #ccc;
  }
  .carousel.size__s .swiper:has(.swiper-pagination-bullet) {
    padding-bottom: 35px;
  }
  .carousel.size__s .swiper-wrapper a {
    gap: 0;
    overflow-y: hidden;
    padding: 3px;
  }
  .carousel.size__s .swiper-wrapper b {
    font-size: 10px;
    white-space: initial;
  }
  .carousel.size__s .swiper-wrapper span {
    font-size: 9px;
    line-height: 1.3;
    white-space: initial;
  }
}
/* letter CSS レターボックス */
/*----------------------------------------------------*/
.letter__tab {
  display: flex;
  align-items: end;
  gap: 2px;
  border-bottom: 1px solid var(--active);
}
.letter__tab .tab {
  display: flex;
  justify-content: center;
  background: var(--back);
  border: none;
  border-radius: 5px 5px 0 0;
  min-width: 100px;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: bold;
  color: #333;
  transition: 0.15s;
}
.letter__tab .tab:hover {
  opacity: 80%;
}
.letter__tab .tab.selected {
  background: var(--active);
  color: #fff;
  pointer-events: none;
}

.letter__message.new {
  font-weight: bold;
  color: var(--important);
}

.receive__list__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 8px 8px;
}
.receive__list__header label:has(select) {
  max-width: 100%;
}
.receive__list__header label:has(select) select {
  max-width: 100%;
}

#letter_folder {
  max-width: 100%;
}

.mail__receive__list li,
.mail__send__list li {
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
.mail__receive__list .letter__inner,
.mail__send__list .letter__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
}
.mail__receive__list .letter__inner .reply__link,
.mail__send__list .letter__inner .reply__link {
  display: flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap;
  text-decoration: none;
}
.mail__receive__list .letter__inner .reply__link .material-symbols-outlined,
.mail__send__list .letter__inner .reply__link .material-symbols-outlined {
  font-size: 13px;
}
.mail__receive__list .letter__inner .reply__link span,
.mail__send__list .letter__inner .reply__link span {
  text-decoration: underline;
}
.mail__receive__list .letter__inner .reply__link span .form__item__title__en,
.mail__send__list .letter__inner .reply__link span .form__item__title__en {
  font-size: 11px;
}
.mail__receive__list .letter__sub__info,
.mail__send__list .letter__sub__info {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mail__receive__list .title,
.mail__send__list .title {
  display: flex;
  align-items: center;
  gap: 2px;
}
.mail__receive__list .title .material-symbols-outlined,
.mail__send__list .title .material-symbols-outlined {
  font-size: 16px;
  color: var(--other);
}
.mail__receive__list .midoku .read,
.mail__send__list .midoku .read {
  color: var(--important);
}
.mail__receive__list .midoku .title,
.mail__send__list .midoku .title {
  font-weight: bold;
}
.mail__receive__list .read,
.mail__send__list .read {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  color: #aaa;
}
.mail__receive__list .read .material-symbols-outlined,
.mail__send__list .read .material-symbols-outlined {
  font-size: 16px;
}
.mail__receive__list .important,
.mail__send__list .important {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
}
.mail__receive__list .important .dgr1, .mail__receive__list .important .dgr2,
.mail__send__list .important .dgr1,
.mail__send__list .important .dgr2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: bold;
}
.mail__receive__list .important .dgr1,
.mail__send__list .important .dgr1 {
  background: var(--caution);
  color: #333;
}
.mail__receive__list .important .dgr2,
.mail__send__list .important .dgr2 {
  background: var(--important);
  color: #fff;
}
.mail__receive__list .date,
.mail__send__list .date {
  min-width: 105px;
  text-align: left;
  font-size: 12px;
}

.mail__receive__list .date {
  min-width: 105px;
  text-align: left;
  font-size: 12px;
}

.mail__send__list li {
  align-items: flex-start;
}
.mail__send__list .date {
  min-width: 105px;
  text-align: left;
  font-size: 12px;
}

.letter__detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.letter__detail .dgr2,
.letter__detail .dgr3 {
  display: flex;
  align-items: center;
  border-radius: 20px;
  margin-bottom: 12px;
  padding: 5px 15px;
  font-weight: bold;
}
.letter__detail .dgr2 {
  background: var(--caution);
  color: #333;
}
.letter__detail .dgr3 {
  background: var(--important);
  color: #fff;
}
.letter__detail section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0;
}
.letter__detail section.row {
  flex-direction: row;
  align-items: center;
}
.letter__detail .letter__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  padding: 0 0 12px;
}
.letter__detail .letter__title section {
  padding: 0;
}
.letter__detail .letter__title > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.letter__detail .letter__title .title {
  flex-wrap: wrap;
  font-weight: bold;
}
.letter__detail .letter__title .title.reply {
  display: block;
  font-size: 16px;
}
.letter__detail .letter__title .letter__title__info {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}
.letter__detail .letter__title .date,
.letter__detail .letter__title .category {
  display: flex;
  align-items: center;
  background: #f3f2f1;
  border-radius: 10px;
  width: fit-content;
  padding: 3px 12px;
  font-size: 12px;
}
.letter__detail .letter__title .date {
  white-space: nowrap;
}
.letter__detail.toiawase .letter__title {
  align-items: start;
  flex-direction: column;
  padding-top: 0;
}
.letter__detail .letter__text {
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--back);
  border-radius: 3px;
  padding: 12px 20px;
  line-height: 1.75em;
}
.letter__detail .letter__text > .inner {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
}
.letter__detail .letter__text .title.reply {
  display: flex;
  align-items: center;
  background: #f3f2f1;
  border-radius: 20px;
  width: fit-content;
  padding: 2px 12px;
  white-space: nowrap;
  font-size: 12px;
}
.letter__detail .letter__text .file {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border-top: 1px dashed #ccc;
  padding: 10px 0 5px;
}
.letter__detail .letter__text .file .label {
  display: flex;
  align-items: center;
  background: #f3f2f1;
  border-radius: 20px;
  width: fit-content;
  padding: 3px 12px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
}
.letter__detail .letter__text .file__area {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.letter__detail .letter__text .file__area a {
  display: flex;
  align-items: flex-start;
  gap: 3px;
  background: #f3f2f1;
  box-shadow: var(--shadow-xs);
  border-radius: 10px;
  width: fit-content;
  padding: 5px 8px;
  text-decoration: none;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  transition: 0.2s;
}
.letter__detail .letter__text .file__area a:hover {
  opacity: 70%;
}
.letter__detail .letter__text .file__area .file__name {
  line-height: 1.2;
}
.letter__detail .letter__text .file__area .addition {
  text-decoration: none;
  font-size: 14px;
}

.letter__reply .reply__caption {
  display: flex;
  flex-direction: column;
}

.reply__form .letter__confirm__form {
  width: 100%;
}
.reply__form .letter__confirm__form input {
  width: 100%;
}
.reply__form .letter__confirm__form textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 120px;
  max-height: 400px;
  line-height: 1.5em;
}
.reply__form .type__replytitle input {
  width: 100%;
}
.reply__form .type__replybody textarea {
  width: 100%;
}
.reply__form .confirm__title {
  font-weight: bold;
}
.reply__form .confirm__text {
  line-height: 1.75em;
  white-space: pre-wrap;
}

.go__pagetop {
  display: flex;
  justify-content: end;
}

/* letter CSS レターボックス */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .letter__reply .form__bottom .btn__area {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
  .mail__receive__list .letter__inner,
  .mail__send__list .letter__inner {
    flex-wrap: wrap;
  }
  .mail__receive__list .date {
    display: flex;
    justify-content: end;
    flex: 1;
  }
  .mail__send__list li {
    flex-wrap: wrap;
  }
  .mail__send__list .date {
    display: flex;
  }
  .mail__send__list .reply__link {
    display: flex;
    justify-content: end;
    flex: 1;
  }
  .letter__detail .letter__title {
    flex-wrap: wrap;
  }
  .letter__detail .letter__title .date {
    width: fit-content;
  }
  .letter__detail .letter__text {
    padding: 12px;
  }
}
/* reserve CSS 予約フォーム */
/*----------------------------------------------------*/
.event__list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.event__list .event__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  width: 100%;
  padding: 20px 10px;
}
.event__list .event__item + .event__item {
  border-top: 1px solid #ccc;
}
.event__list .event__item .title {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}
.event__list .event__item .title::before {
  content: "▶︎";
  font-size: 13px;
}
.event__list .event__item .event__text {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
.event__list .event__item .info {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.event__list .event__item .info .btn {
  margin-left: auto;
}
.event__list .event__item .caption {
  background: #f3f2f1;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 12px;
}

.reserve__confirm:has(.web__interview__area) .form__bottom.between {
  justify-content: center;
}

.reserve__list > h2 {
  margin-bottom: 8px;
}
.reserve__list .no__reserve__day {
  border: 1px solid #ccc;
  margin: 20px 15px;
  padding: 12px 15px;
}
.reserve__list > form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reserve__list .reserve__item {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 10px;
  box-shadow: var(--shadow-sm);
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 12px;
  color: #333;
  cursor: pointer;
  transition: 0.2s;
}
.reserve__list .reserve__item:hover {
  border: 1px solid #00abeb;
}
.reserve__list .reserve__item input {
  vertical-align: middle;
}
.reserve__list .reserve__item .disabled__mark {
  margin: 0 4px;
  font-weight: normal;
}
.reserve__list .item__cell {
  display: table-cell;
  vertical-align: middle;
}
.reserve__list .item__name {
  display: block;
  font-weight: bold;
  font-size: 15px;
}
.reserve__list .item__name.cancel {
  font-size: 14px;
  font-weight: normal;
}
.reserve__list .item__date {
  width: 100%;
  margin-left: 28px;
}
.reserve__list .item__date .day {
  margin-right: 5px;
}

.item__recep {
  border-radius: 5px;
  width: 60px;
  padding: 2px 4px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
[type=radio] + .item__recep {
  margin-left: 3px;
}
.item__recep.open {
  background: var(--active);
  color: #fff;
}
.item__recep.ready {
  border: 1px solid #555;
  color: #555;
}
.item__recep.sankaku {
  background: var(--caution);
  color: #333;
}
.item__recep.full {
  background: var(--important);
  color: #fff;
}
.item__recep.close {
  background: #555;
  color: #fff;
}
.item__recep.reserved {
  border: 1px solid var(--submit);
  color: var(--submit);
}

.reserve__list__accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reserve__list__accordion details.reserve__item {
  flex-direction: column;
  flex-wrap: initial;
  gap: 0;
  padding: 0;
}
.reserve__list__accordion details[open] summary > .material-symbols-outlined {
  transform: rotate(180deg);
}
.reserve__list__accordion summary {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px;
}
.reserve__list__accordion summary .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1;
  gap: 5px;
}
.reserve__list__accordion summary > .material-symbols-outlined {
  align-self: start;
  padding: 2px 0;
  font-size: 18px;
  transition: 0.2s;
}
.reserve__list__accordion .time__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-top: 1px dashed #ccc;
  padding: 12px;
}
.reserve__list__accordion .time__list .item__wrap {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  gap: 10px;
  max-width: 30%;
  background: #fff;
}
.reserve__list__accordion .time__list label {
  display: flex;
  align-items: center;
  gap: 3px;
}
.reserve__list__accordion .time__list label:hover {
  color: var(--active);
}
.reserve__list__accordion .time__list .disabled__mark {
  margin: 0 4px;
}
.reserve__list__accordion .time__list [type=radio]:checked + .time {
  font-weight: bold;
  color: var(--active);
}

main .reserve__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
main .title {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  font-weight: bold;
}
main .title .lang__en {
  margin: 0;
}
main .side {
  display: flex;
  align-items: center;
  gap: 4px;
}
main .form__item__group {
  background: #f3f2f1;
}
main .address__item + .address__item {
  border-top: 2px solid #fff;
  margin-top: 12px;
  padding-top: 12px;
}
main .item__photo img {
  border: 1px solid #ccc;
  max-width: 216px;
}
main .item__photo .material-symbols-outlined {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e3e2e1;
  width: 216px;
  height: 288px;
  font-size: 100px;
  color: #ccc;
}
main .item__map a {
  display: block;
  width: fit-content;
  cursor: pointer;
  transition: 0.2s;
}
main .item__map a:hover {
  opacity: 80%;
}
main .item__map img {
  border: 1px solid #ccc;
  max-width: 300px;
}
main .item__map .map {
  display: flex;
  margin-top: 8px;
}
main .item__map .map span {
  font-size: 12px;
}
main .item__qr {
  display: none;
}
main .reserve__qr {
  width: 300px;
}
main .reserve__qr img {
  max-width: 100%;
}

.integration__area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.integration__area .integration__btn__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.integration__area .integration__text {
  width: 100%;
  font-size: 13px;
}

.dialog__title:has(+ .integration__area) {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
}

#print__ticket {
  background: #fff;
  box-sizing: border-box;
  padding: 20px;
}
#print__ticket header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 15px;
}
#print__ticket .reserve__qr {
  margin-top: -15px;
  margin-left: -15px;
}
#print__ticket .reserve__qr img {
  width: 120px;
}
#print__ticket .reserve__ticket__title {
  flex: 1;
  border-bottom: 2px solid #333;
}
#print__ticket h1 {
  display: flex;
  align-items: center;
  font-size: 16px;
}
#print__ticket h1 span:first-child {
  border-right: 1px solid #333;
  margin-right: 12px;
  padding-right: 12px;
}
#print__ticket h2 {
  margin: 15px 0 18px;
  line-height: 1.3;
  font-size: 22px;
  font-weight: bold;
}
#print__ticket section {
  font-size: 1.5rem;
}
#print__ticket .ticket__detail {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#print__ticket .ticket__item {
  display: flex;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}
#print__ticket .ticket__item.datetime .date {
  margin-right: 12px;
}
#print__ticket .ticket__item.idname .item__body, #print__ticket .ticket__item.place .item__body, #print__ticket .ticket__item.address .item__body {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 3px;
  column-gap: 5px;
}
#print__ticket .ticket__item.idname .place__address,
#print__ticket .ticket__item.idname .address__caption, #print__ticket .ticket__item.place .place__address,
#print__ticket .ticket__item.place .address__caption, #print__ticket .ticket__item.address .place__address,
#print__ticket .ticket__item.address .address__caption {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  font-weight: normal;
}
#print__ticket .ticket__item.idname .place__address b,
#print__ticket .ticket__item.idname .address__caption b, #print__ticket .ticket__item.place .place__address b,
#print__ticket .ticket__item.place .address__caption b, #print__ticket .ticket__item.address .place__address b,
#print__ticket .ticket__item.address .address__caption b {
  margin-bottom: 8px;
}
#print__ticket .ticket__item.address .item__title, #print__ticket .ticket__item.map .item__title, #print__ticket .ticket__item.caution .item__title {
  vertical-align: top;
}
#print__ticket .ticket__item.place__address {
  margin-top: 3px;
}
#print__ticket .ticket__item.caution {
  border-top: 1px dashed #333;
  margin-top: 25px;
  padding-top: 20px;
}
#print__ticket .ticket__item.caution .item__body {
  display: block;
}
#print__ticket .item__title {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  width: 90px;
  min-width: 90px;
  padding: 6px 10px;
  font-size: 13px;
  text-align: right;
}
#print__ticket .item__title .form__item__title__en {
  font-size: 11px;
  font-weight: normal;
}
#print__ticket .item__body {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 5px 0;
  font-size: 14px;
}
#print__ticket .item__body h4 {
  font-size: 13px;
}
#print__ticket .item__body img {
  max-width: 350px;
  max-height: 300px;
  margin: 0;
}

/* reserve CSS 予約フォーム */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .integration__area .integration__btn__wrap .btn {
    width: 100%;
  }
  .event__list .event__item .info {
    flex-direction: column;
    gap: 15px;
  }
  .event__list .event__item .btn {
    width: 100%;
  }
  .reserve__list__accordion .time__list {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .reserve__list__accordion .time__list .item__wrap {
    max-width: 100%;
  }
  .reserve__list__accordion .time__list label {
    padding: 8px 0;
  }
  .reserve__confirm .reserve__header {
    flex-direction: column;
    align-items: start;
    gap: 5px;
  }
  .reserve__confirm .reserve__header .side {
    flex-wrap: wrap;
  }
  .reserve__confirm .item__qr {
    display: flex;
  }
  .reserve__confirm .form__item__group img {
    max-width: 100%;
  }
  .reserve__confirm .reserve__qr {
    max-width: 100%;
  }
  #print__ticket header {
    flex-direction: column;
    align-items: center;
  }
  #print__ticket .reserve__ticket__mark {
    flex-direction: column;
    align-items: flex-start;
  }
  #print__ticket .reserve__qr {
    order: 1;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #print__ticket .reserve__qr img {
    width: auto;
    margin: 0 auto;
  }
  #print__ticket .reserve__barcode {
    display: none;
    order: 2;
    padding-bottom: 30px;
    text-align: center;
  }
  #print__ticket .reserve__barcode img {
    width: auto;
    margin: 0 auto;
  }
  #print__ticket .reserve__ticket__title {
    order: 3;
    align-self: flex-start;
    width: 100%;
  }
  #print__ticket .ticket__detail {
    display: block;
  }
  #print__ticket .ticket__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 15px 0;
  }
  #print__ticket .ticket__item + .ticket__item {
    border-top: 1px solid #ccc;
  }
  #print__ticket .item__title {
    flex-direction: row;
    gap: 8px;
    border: none;
    width: 100%;
    padding: 0;
  }
  #print__ticket .item__title::before {
    content: "▶︎";
    margin-top: 2px;
    margin-right: -5px;
    font-size: 9px;
  }
  #print__ticket .item__body {
    padding: 0;
  }
}
/* com CSS 設問フォーム
/*----------------------------------------------------*/
#mypage_com section + section, #mypage_mast section + section, #saiyotop_com section + section {
  margin-top: 40px;
}
#mypage_com script + section, #mypage_mast script + section, #saiyotop_com script + section {
  margin-top: 40px;
}

.form__wrap.type__memo .form__item__title {
  background: #fff;
  border-radius: 20px;
  width: fit-content;
  padding: 3px 8px;
  line-height: 1;
  font-weight: normal;
}
.form__wrap.type__memo .form__item__title + .form__item__title__en {
  margin-left: 10px;
}
.form__wrap.type__memo .form__item__answer {
  display: block;
  margin-top: 3px;
  font-weight: bold;
}
.form__wrap .form__item__group:has(.form__item__title__en),
.form__wrap .form__item__answer:has(.form__item__title__en) {
  display: flex;
  flex-direction: column;
}
.form__wrap .form__item__group:has(.form__item__title__en) .form__item__title__en,
.form__wrap .form__item__answer:has(.form__item__title__en) .form__item__title__en {
  font-size: 12px;
  font-weight: normal;
}
.form__wrap .form__item__group:has(.form__item__title__en) .form__item__title__en,
.form__wrap .form__item__answer:has(.form__item__title__en) .form__item__title__en {
  display: block;
  margin-top: 3px;
  margin-left: 8px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: normal;
}

.position_wrapper {
  position: sticky;
  text-align: right;
  z-index: 1000;
  top: 0;
  margin-bottom: 20px;
}

.session__limit {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  background: #f9f8f7;
  box-shadow: var(--shadow-sm);
  border-radius: 3px;
  min-width: fit-content;
  padding: 5px 8px;
  font-size: 11px;
}
.session__limit span {
  font-weight: bold;
}

.com__save__message {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border: 3px solid #ccc;
  border-radius: 3px;
  padding: 12px 18px;
}
.com__save__message p {
  font-weight: bold;
}
.com__save__message .btn {
  margin: 0 auto;
}

.is_foreign .form__item .select_wrap .fb_dateElement_m,
.is_foreign .form__item .select_wrap .fb_dateElement_d,
.is_foreign .form__item .select_wrap .fb_dateElement_Y {
  margin: 0;
}

.memo__wrap [type=text] {
  width: 90%;
}
.memo__wrap [size="4"] {
  width: fit-content;
  margin-right: 4px;
}
.memo__wrap [size="2"] {
  width: fit-content;
  margin-right: 4px;
}
.memo__wrap span:has([size="4"]) [size="2"] {
  margin-left: 4px;
}

.memo__radio__wrap,
.memo__checkbox,
.type__shain__mark {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 5px;
}
.memo__radio__wrap:has([type=checkbox]) > span,
.memo__checkbox:has([type=checkbox]) > span,
.type__shain__mark:has([type=checkbox]) > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 15px;
}
.memo__radio__wrap:has(.lineBreak),
.memo__checkbox:has(.lineBreak),
.type__shain__mark:has(.lineBreak) {
  flex-direction: column;
  align-items: start;
  row-gap: 3px;
}
.memo__radio__wrap:has(.lineBreak) label,
.memo__checkbox:has(.lineBreak) label,
.type__shain__mark:has(.lineBreak) label {
  width: fit-content;
}
.memo__radio__wrap:has(.lineBreak) a,
.memo__checkbox:has(.lineBreak) a,
.type__shain__mark:has(.lineBreak) a {
  margin-top: 3px;
}
.memo__radio__wrap:has(.lineBreak [type=checkbox]) > span,
.memo__checkbox:has(.lineBreak [type=checkbox]) > span,
.type__shain__mark:has(.lineBreak [type=checkbox]) > span {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 3px;
  column-gap: 15px;
}
.memo__radio__wrap:has(.lineBreak [type=checkbox]) > span label,
.memo__checkbox:has(.lineBreak [type=checkbox]) > span label,
.type__shain__mark:has(.lineBreak [type=checkbox]) > span label {
  width: fit-content;
}
.memo__radio__wrap:has(.lineBreak [type=checkbox]) > span a,
.memo__checkbox:has(.lineBreak [type=checkbox]) > span a,
.type__shain__mark:has(.lineBreak [type=checkbox]) > span a {
  margin-top: 3px;
}
.memo__radio__wrap label span,
.memo__checkbox label span,
.type__shain__mark label span {
  white-space: pre-line;
}

@media screen and (min-width: 600px) {
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__multi) {
    grid-template-columns: 170px 1fr;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__multi) .form__item__multi {
    padding-left: 30px;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__multi) .form__item__text {
    position: relative;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__multi) .need__sub {
    position: absolute;
    left: -44px;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__group) {
    grid-template-columns: 170px 1fr;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__group) .form__item__group {
    padding-left: 45px;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__group) .form__item {
    padding-left: 45px;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__group) .form__item__text {
    position: relative;
  }
  .page__all .form__wrap.type__memo > .form__item:has(> .form__item__group) .need__sub {
    position: absolute;
    left: -44px;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .form__wrap.type__memo > .form__item:has(> .form__item__multi),
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .form__wrap.type__memo > .form__item:has(> .form__item__group) {
    grid-template-columns: 200px 1fr;
  }
}
/* com CSS 設問フォーム
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  #mypage_com .memo__text, #mypage_mast .memo__text, #saiyotop_com .memo__text {
    max-width: 100%;
  }
  .position_wrapper {
    top: 60px;
  }
  .session__limit {
    flex-wrap: wrap;
  }
  .session__limit input {
    flex-shrink: 0;
    padding: 5px 8px;
    font-size: 12px;
  }
  .memo__wrap {
    width: 100%;
  }
  .memo__wrap [type=text] {
    width: 100%;
  }
  .memo__wrap [type=text][size="4"],
  .memo__wrap [type=text][size="2"] {
    width: fit-content;
  }
  .memo__radio__wrap,
  .memo__checkbox {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
  }
  .memo__radio__wrap label,
  .memo__radio__wrap label + .material-symbols-outlined,
  .memo__checkbox label,
  .memo__checkbox label + .material-symbols-outlined {
    gap: 3px;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 36px;
    padding: 8px 12px;
    background: white;
    width: 100%;
    color: #555;
  }
  .memo__radio__wrap:has(.lineBreak) label,
  .memo__checkbox:has(.lineBreak) label,
  .type__shain__mark:has(.lineBreak) label {
    width: 100%;
  }
  .com__save__message .btn {
    width: 100%;
    padding: 8px;
  }
}
/* ment CSS 登録情報修正 */
/*----------------------------------------------------*/
.form__item:has(#item_tel) .form__item__group {
  display: block;
}

/* ment CSS 登録情報修正 */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .form__item:has(#item_tel) .form__item__group {
    display: flex;
  }
}
/* toiawase CSS お問い合わせ */
/*----------------------------------------------------*/
.toiawase .text__body .confirm {
  white-space: pre-wrap;
}
.toiawase [name=subject] {
  width: 100%;
}
.toiawase [name=body] {
  max-width: 100%;
}

.contact__send__list li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px solid #ccc;
  padding: 10px 5px;
}
.contact__send__list .item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.contact__send__list .date {
  min-width: 105px;
  text-align: left;
  font-size: 12px;
}
.contact__send__list .title {
  display: flex;
  align-items: center;
  gap: 2px;
  width: fit-content;
}
.contact__send__list .category {
  align-items: center;
  background: #f3f2f1;
  border-radius: 10px;
  width: fit-content;
  margin-top: 3px;
  padding: 2px 12px;
  font-size: 11px;
}
.contact__send__list .category.pc {
  display: flex;
}
.contact__send__list .category.sp {
  display: none;
}

.letter__detail.toiawase .category {
  padding-top: 0;
}

.toiawase__open .email__line label,
.toiawase__open .subject__line label,
.toiawase__open .body__line label {
  width: 100%;
}
.toiawase__open .email__line [type=text],
.toiawase__open .subject__line [type=text],
.toiawase__open .body__line [type=text] {
  width: 70%;
}

/* toiawase CSS お問い合わせ */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .contact__send__list .category.pc {
    display: none;
  }
  .contact__send__list .category.sp {
    display: flex;
  }
  .toiawase__open .email__line [type=text],
  .toiawase__open .subject__line [type=text],
  .toiawase__open .body__line [type=text] {
    width: 100%;
  }
}
/* child_entry CSS 職種エントリー（親子）
/*----------------------------------------------------*/
.entry__caption {
  margin: 20px 0;
}

.child__list {
  border-top: 1px solid #ccc;
  margin: 10px 0;
}
.child__list .child__div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid #ccc;
  padding: 15px 0 15px 10px;
}
.child__list .child__name {
  font-size: 15px;
  font-weight: bold;
}
.child__list .button__shuryo,
.child__list .button__kaisimae {
  box-shadow: none;
  color: #888;
  cursor: default;
}
.child__list .button__shuryo:active,
.child__list .button__kaisimae:active {
  top: 0;
}
.child__list .oubo__button {
  margin-left: auto;
}

/* child_entry CSS 職種エントリー（親子）
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .child__list .child__div {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 8px;
    border-bottom: 1px solid #ccc;
    padding: 15px 0 15px 10px;
  }
  .child__list .oubo__button {
    width: 100%;
  }
  .child__list .btn {
    width: 100%;
  }
}
/* blog
/*----------------------------------------------------*/
.blog__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog__wrap .contents__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}
.blog__wrap .contents__head select {
  max-width: 80%;
}
.blog__wrap .contents__head:has(.prev) {
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog__wrap .contents__head label {
  max-width: 100%;
}
.blog__wrap section {
  position: relative;
  border: 5px solid #f3f2f1;
  padding: 35px 25px 30px;
}
.blog__wrap section:before {
  content: "";
  position: absolute;
  background: var(--main500);
  width: 5px;
  height: 50px;
  top: 25px;
  left: -5px;
}

.blog__contents {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.blog__contents h2 {
  font-size: 22px;
}
.blog__contents .title__sub {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}
.blog__contents .blog__text {
  margin-top: 20px;
  line-height: 1.75;
  word-break: normal;
}
.blog__contents .blog__sub {
  display: flex;
  align-items: center;
  column-gap: 5px;
  row-gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.blog__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog__list .blog__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  border: 5px solid #f3f2f1;
  padding: 35px 25px 25px;
}
.blog__list .blog__card:before {
  content: "";
  position: absolute;
  background: var(--main500);
  width: 5px;
  height: 50px;
  top: 25px;
  left: -5px;
}
.blog__list .blog__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--back);
  width: 195px;
  min-width: 195px;
  height: 150px;
  margin-right: 25px;
  overflow: hidden;
}
.blog__list .blog__thumbnail img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.blog__list .blog__contents {
  display: block;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.blog__list .blog__contents > div {
  margin-top: 8px;
}
.blog__list .blog__contents .blog__text {
  position: relative;
  min-height: 50px;
  max-height: 80px;
  overflow: hidden;
}
.blog__list .blog__contents .blog__text::after {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(0deg, #fff 0%, transparent 100%);
  width: 100%;
  height: 75px;
  bottom: 0;
}
.blog__list .blog__read {
  display: flex;
  justify-content: right;
  margin-top: 20px;
}

/* blog
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .blog__list .blog__card {
    flex-direction: column;
    padding: 35px 12px 30px;
  }
  .blog__list .blog__card:has(.blog__thumbnail)::before {
    top: 365px;
  }
  .blog__list .blog__thumbnail {
    width: 100%;
    height: auto;
    aspect-ratio: 10/7.7;
    margin: 0 0 20px 0;
  }
  .blog__list .blog__contents {
    width: 100%;
  }
  .blog__wrap section {
    padding: 35px 12px 30px;
  }
  .blog__wrap .contents__head select {
    max-width: 80%;
  }
}
/* photo CSS フォトアルバム */
/*----------------------------------------------------*/
.album__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 40px;
  column-gap: 30px;
}

.album__item {
  background: #fff;
  box-shadow: var(--shadow-sm);
  box-sizing: border-box;
  transition: 0.3s ease-out;
}
.album__item:hover {
  opacity: 0.7;
}
.album__item a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #000;
}
.album__item .album__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.album__item .album__thumbnail img {
  max-width: 100%;
}
.album__item .album__title {
  background: #fff;
  min-height: 50px;
  padding: 15px;
  font-size: 15px;
  font-weight: bold;
}

.photo__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 40px;
  column-gap: 30px;
}

.photo__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}
.photo__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--back);
  width: 220px;
  height: 165px;
  transition: 0.2s;
}
.photo__item a:hover {
  opacity: 70%;
}
.photo__item img {
  display: block;
  max-width: 220px;
  max-height: 165px;
  margin: 0 auto;
}

/* フォトアルバムモーダル
------------------------------------------------------------------*/
.jsPhotoAlbumImg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: 0;
}
.jsPhotoAlbumImg .img__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.jsPhotoAlbumImg .img__wrap button {
  width: 30px;
  height: 50px;
}
.jsPhotoAlbumImg .img__wrap button.disabled {
  display: none;
}
.jsPhotoAlbumImg .img__wrap .wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 588px;
  max-height: 420px;
}
.jsPhotoAlbumImg .img__wrap img {
  display: block;
  max-width: 100%;
  max-height: 420px;
}
.jsPhotoAlbumImg p {
  font-size: 14px;
}

.jsPhotoAlbumCaption {
  width: 100%;
}

/* photo CSS フォトアルバム */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .album__wrap {
    display: flex;
    flex-direction: column;
  }
  .album__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 4/3;
    height: 300px;
    transition: 0.2s;
  }
  .album__item a:hover {
    opacity: 70%;
  }
  .album__item img {
    display: block;
    max-width: 100%;
    max-height: 300px;
    margin: 0 auto;
  }
  .album__item .album__title {
    padding: 12px;
    font-size: 14px;
  }
  .album__item .album__thumbnail {
    width: 100%;
  }
  .photo__wrap {
    display: flex;
    flex-direction: column;
  }
  .photo__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 4/3;
    height: 300px;
    transition: 0.2s;
  }
  .photo__item a:hover {
    opacity: 70%;
  }
  .photo__item img {
    display: block;
    max-width: 100%;
    max-height: 300px;
    margin: 0 auto;
  }
  .jsPhotoAlbumImg .img__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
  }
  .jsPhotoAlbumImg .img__wrap > .wrap {
    order: 1;
  }
  .jsPhotoAlbumImg .img__wrap > button {
    order: 2;
    width: 28px;
    height: 40px;
  }
}
/* qa CSS Q&A */
/*----------------------------------------------------*/
.qa__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.qa__wrap details {
  background: #fff;
  border-radius: 3px;
  margin-top: 12px;
  border: 1px solid #eee;
}
.qa__wrap details[open] summary {
  background: var(--main50);
}
.qa__wrap details[open] .icon {
  transform: rotate(180deg);
}
.qa__wrap details:not([open])::details-content {
  opacity: 0;
}
.qa__wrap summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  background: white;
  box-shadow: var(--shadow-xs);
  padding: 15px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.15s;
  font-size: 16px;
}
.qa__wrap summary:hover {
  box-shadow: var(--shadow-md);
}
.qa__wrap summary .summary__inner {
  display: flex;
  align-items: start;
  gap: 12px;
}
.qa__wrap summary .question__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main500);
  border-radius: 3px;
  min-width: 35px;
  height: 35px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.qa__wrap summary .question {
  align-self: center;
}
.qa__wrap summary .icon {
  transition: 0.2s;
}
.qa__wrap .answer {
  padding: 15px;
  white-space: pre-line;
  line-height: 1.8;
}

/* qa CSS Q&A */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .qa__wrap details .question {
    align-items: start;
  }
  .qa__wrap details .question:before {
    min-width: 30px;
    height: 30px;
    font-size: 14px;
  }
  .qa__wrap details .question span {
    margin-top: 3px;
  }
}
/* schedule CSS スケジュール */
/*----------------------------------------------------*/
#calendar_contents.week {
  width: 100%;
}
#calendar_contents.week .go__month__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
#calendar_contents.week .go__month__wrapper h2 {
  margin: 0;
  font-size: 15px;
}
#calendar_contents.week .go__month__wrapper .btn {
  padding: 5px 10px;
  font-size: 12px;
  background: #f3f2f1;
  color: var(--other);
  font-weight: bold;
}
#calendar_contents.week .go_month_btn {
  display: inline-block;
  background: #eee;
  box-shadow: none;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
  padding: 5px 22px 1px;
  text-decoration: underline;
  color: #333;
  cursor: pointer;
}
#calendar_contents.week .top__calender {
  background: #eee;
  margin: 0;
  padding: 5px;
}
#calendar_contents.week .top__calender td {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}
#calendar_contents.week .top__calender .date {
  background: transparent;
  border-radius: 10px;
  height: 18px;
  padding: 2px 5px;
  text-align: center;
  font-weight: bold;
}
#calendar_contents.month {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.month-calendar__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.month-calendar__header h2 {
  position: relative;
  font-size: 20px;
}
.month-calendar__header .prev, .month-calendar__header .next {
  background: transparent;
  box-shadow: none;
  width: 20px;
  color: #000;
}

.week-calendar__body,
.month-calendar__body {
  margin: 0 auto;
}
.week-calendar__body caption,
.month-calendar__body caption {
  font-size: 0px;
}
.week-calendar__body table,
.month-calendar__body table {
  table-layout: fixed;
  width: 100%;
}
.week-calendar__body thead th,
.month-calendar__body thead th {
  background: #fff;
  height: auto;
  padding: 5px 0;
  font-size: 13px;
}
.week-calendar__body tbody td,
.month-calendar__body tbody td {
  border: 1px solid #ccc;
  width: 1%;
  padding: 5px;
  max-height: 150px;
  vertical-align: top;
}

.week-calendar__body td {
  height: 90px;
}

.month-calendar__body td {
  height: 65px;
}

.calendar__weekday {
  text-align: center;
}

.axol_modal_dialog.saiyoTopMonthCalendar {
  width: 800px;
}

.calendar__day {
  display: inline-block;
  border-radius: 3px;
  width: 100%;
  padding: 2px 5px;
  text-align: center;
  font-size: 12px;
  transition: 0.2s;
}
.today .calendar__day {
  background: #fff15a;
  font-weight: bold;
}

.weekday__holiday {
  background: #fff2f0;
  color: #C21D00;
}

.weekday__saturday {
  background: #ebf8ff;
  color: #0F74A3;
}

.apo__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  margin-top: 5px;
}
.apo__wrap .apo {
  display: block;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  width: 100%;
  padding: 8px 5px;
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  overflow: initial;
  white-space: initial;
  text-overflow: initial;
  cursor: pointer;
  transition: 0.2s;
}
.apo__wrap .apo > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.apo__wrap .apo:hover {
  opacity: 0.7;
}
.apo__wrap .apo.cat_yoyaku {
  background: var(--important);
  border-radius: 3px;
  padding: 9px 5px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}

.axol_modal_dialog.dialogCalendarDetail {
  max-width: 745px;
  max-height: 80%;
}

.schedule__detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: auto;
  min-width: 250px;
}
.schedule__detail .detail__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.schedule__detail .detail__head .wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
  font-size: 14px;
}
.schedule__detail .detail__head .wrap span {
  white-space: nowrap;
}
.schedule__detail .detail__head .day {
  font-weight: bold;
}
.schedule__detail .detail__wrap {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.schedule__detail .detail__wrap .schedule__title {
  font-weight: bold;
  padding: 8px 12px;
}
.schedule__detail .detail__wrap .schedule__title.cat_yoyaku {
  border-bottom: 4px double var(--important);
  padding: 8px 5px;
}
.schedule__detail .detail__wrap .schedule__text {
  line-height: 1.7;
  font-size: 14px;
}
.schedule__detail .detail__wrap .schedule__text + .btn {
  margin: 0 auto;
}

.schedule__category__area {
  margin: 5px 0;
}

.schedule__category {
  display: inline-block;
  padding: 2px 5px;
  margin: 3px;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  cursor: default;
}

.schedule__category.mark__1, .schedule__category.mark__11, .schedule__category.mark__21 {
  background: #FFC4B1;
  color: #000;
}
.schedule__category.mark__2, .schedule__category.mark__12, .schedule__category.mark__22 {
  background: #ffd184;
  color: #000;
}
.schedule__category.mark__3, .schedule__category.mark__13, .schedule__category.mark__23 {
  background: #e3e84b;
  color: #000;
}
.schedule__category.mark__4, .schedule__category.mark__14, .schedule__category.mark__24 {
  background: #97f87f;
  color: #000;
}
.schedule__category.mark__5, .schedule__category.mark__15, .schedule__category.mark__25 {
  background: #99ede3;
  color: #000;
}
.schedule__category.mark__6, .schedule__category.mark__16, .schedule__category.mark__26 {
  background: #8ddbff;
  color: #000;
}
.schedule__category.mark__7, .schedule__category.mark__17, .schedule__category.mark__27 {
  background: #bac0ff;
  color: #000;
}
.schedule__category.mark__8, .schedule__category.mark__18, .schedule__category.mark__28 {
  background: #e1c2ff;
  color: #000;
}
.schedule__category.mark__9, .schedule__category.mark__19, .schedule__category.mark__29 {
  background: #ffccfd;
  color: #000;
}
.schedule__category.mark__10, .schedule__category.mark__20, .schedule__category.mark__30 {
  background: #e9e9e9;
  color: #000;
}

.apo.cat_1, .apo.cat_11, .apo.cat_21 {
  background: #FFC4B1;
  color: #000;
}
.apo.cat_2, .apo.cat_12, .apo.cat_22 {
  background: #ffd184;
  color: #000;
}
.apo.cat_3, .apo.cat_13, .apo.cat_23 {
  background: #e3e84b;
  color: #000;
}
.apo.cat_4, .apo.cat_14, .apo.cat_24 {
  background: #97f87f;
  color: #000;
}
.apo.cat_5, .apo.cat_15, .apo.cat_25 {
  background: #99ede3;
  color: #000;
}
.apo.cat_6, .apo.cat_16, .apo.cat_26 {
  background: #8ddbff;
  color: #000;
}
.apo.cat_7, .apo.cat_17, .apo.cat_27 {
  background: #bac0ff;
  color: #000;
}
.apo.cat_8, .apo.cat_18, .apo.cat_28 {
  background: #e1c2ff;
  color: #000;
}
.apo.cat_9, .apo.cat_19, .apo.cat_29 {
  background: #ffccfd;
  color: #000;
}
.apo.cat_10, .apo.cat_20, .apo.cat_30 {
  background: #e9e9e9;
  color: #000;
}
.apo.cat_, .apo.cat_999999 {
  background: #f3f2f1;
  border: 1px solid #e3e2e1;
  color: #000;
}

.schedule__title.cat_1, .schedule__title.cat_11, .schedule__title.cat_21 {
  background: #ffefea;
  border-left: 2px solid #D44317;
}
.schedule__title.cat_2, .schedule__title.cat_12, .schedule__title.cat_22 {
  background: #fff4e2;
  border-left: 2px solid #FFA000;
}
.schedule__title.cat_3, .schedule__title.cat_13, .schedule__title.cat_23 {
  background: #f6f7d4;
  border-left: 2px solid #cdd400;
}
.schedule__title.cat_4, .schedule__title.cat_14, .schedule__title.cat_24 {
  background: #e8fce3;
  border-left: 2px solid #4AE324;
}
.schedule__title.cat_5, .schedule__title.cat_15, .schedule__title.cat_25 {
  background: #e3f7f5;
  border-left: 2px solid #00DEC5;
}
.schedule__title.cat_6, .schedule__title.cat_16, .schedule__title.cat_26 {
  background: #d5f2ff;
  border-left: 2px solid #4ec4f9;
}
.schedule__title.cat_7, .schedule__title.cat_17, .schedule__title.cat_27 {
  background: #e7e9ff;
  border-left: 2px solid #8d97ff;
}
.schedule__title.cat_8, .schedule__title.cat_18, .schedule__title.cat_28 {
  background: #f3e6ff;
  border-left: 2px solid #c284ff;
}
.schedule__title.cat_9, .schedule__title.cat_19, .schedule__title.cat_29 {
  background: #ffe9fe;
  border-left: 2px solid #ff8dfb;
}
.schedule__title.cat_10, .schedule__title.cat_20, .schedule__title.cat_30 {
  background: #e3e2e1;
  border-left: 2px solid #999;
}
.schedule__title.cat_, .schedule__title.cat_999999 {
  background: #f3f2f1;
  border-left: 2px solid #555;
}

.schedule__mark__1 + input:checked + .schedule__in__content, .schedule__mark__11 + input:checked + .schedule__in__content, .schedule__mark__21 + input:checked + .schedule__in__content {
  border-color: #E64A19;
}

.schedule__mark__2 + input:checked + .schedule__in__content, .schedule__mark__12 + input:checked + .schedule__in__content, .schedule__mark__22 + input:checked + .schedule__in__content {
  border-color: #FFA000;
}

.schedule__mark__3 + input:checked + .schedule__in__content, .schedule__mark__13 + input:checked + .schedule__in__content, .schedule__mark__23 + input:checked + .schedule__in__content {
  border-color: #AFB42B;
}

.schedule__mark__4 + input:checked + .schedule__in__content, .schedule__mark__14 + input:checked + .schedule__in__content, .schedule__mark__24 + input:checked + .schedule__in__content {
  border-color: #388E3C;
}

.schedule__mark__5 + input:checked + .schedule__in__content, .schedule__mark__15 + input:checked + .schedule__in__content, .schedule__mark__25 + input:checked + .schedule__in__content {
  border-color: #00796B;
}

.schedule__mark__6 + input:checked + .schedule__in__content, .schedule__mark__16 + input:checked + .schedule__in__content, .schedule__mark__26 + input:checked + .schedule__in__content {
  border-color: #0097A7;
}

.schedule__mark__7 + input:checked + .schedule__in__content, .schedule__mark__17 + input:checked + .schedule__in__content, .schedule__mark__27 + input:checked + .schedule__in__content {
  border-color: #1976D2;
}

.schedule__mark__8 + input:checked + .schedule__in__content, .schedule__mark__18 + input:checked + .schedule__in__content, .schedule__mark__28 + input:checked + .schedule__in__content {
  border-color: #303F9F;
}

.schedule__mark__9 + input:checked + .schedule__in__content, .schedule__mark__19 + input:checked + .schedule__in__content, .schedule__mark__29 + input:checked + .schedule__in__content {
  border-color: #512DA8;
}

.schedule__mark__10 + input:checked + .schedule__in__content, .schedule__mark__20 + input:checked + .schedule__in__content, .schedule__mark__30 + input:checked + .schedule__in__content {
  border-color: #C2185B;
}

@media screen and (min-width: 600px) {
  .calendar__day .sr__only {
    display: none;
  }
}
/* schedule CSS スケジュール */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .axol_modal_dialog.dialogCalendarDetail {
    width: 100%;
    max-width: 90%;
    max-height: 90%;
  }
  #calendar_contents.week .top__calender td {
    border: none;
  }
  .top__calender table {
    display: flex;
    width: 100%;
  }
  .top__calender table tbody {
    display: flex;
    width: 100%;
  }
  .top__calender table tbody tr {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 5px;
  }
  .top__calender table tbody td {
    display: flex;
    min-width: 100%;
    box-sizing: border-box;
    height: auto;
    min-height: 45px;
  }
  .top__calender table .calendar__day {
    min-width: 80px;
    text-align: left;
    white-space: nowrap;
  }
  .top__calender table .apo__wrap {
    margin: 0;
  }
  #calendar_contents .sr__only {
    display: inline-flex;
  }
  #calendar_contents caption.sr__only {
    display: table-caption;
  }
  .month-calendar__body {
    width: 100%;
  }
  .month-calendar__body table {
    display: block;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
  }
  .month-calendar__body thead {
    display: none;
  }
  .month-calendar__body tbody {
    display: block;
  }
  .month-calendar__body tbody tr {
    display: block;
  }
  .month-calendar__body tbody td {
    display: flex;
    align-items: start;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid #ccc;
    width: 100%;
    height: auto;
    max-height: none;
  }
  .month-calendar__body tbody .calendar__day {
    width: auto;
    min-width: 70px;
    text-align: right;
  }
  .month-calendar__body tbody .apo__wrap {
    flex: 1;
    width: auto;
  }
  .schedule__category__area {
    margin: 0;
  }
}
/* shain CSS ブログ */
/*----------------------------------------------------*/
#mypage_shain .contents__head,
#saiyotop_shain .contents__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
#mypage_shain .calendar__day:hover,
#saiyotop_shain .calendar__day:hover {
  background: inherit;
  cursor: default;
}
#mypage_shain .contents__wrap,
#saiyotop_shain .contents__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.staff__reserve__wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.staff__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.staff__head label {
  align-self: self-end;
  max-width: 100%;
}
.staff__head .staff__category {
  width: fit-content;
  max-width: 100%;
  margin: 0 0 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.staff__pager {
  display: flex;
  align-items: center;
  justify-content: end;
  row-gap: 5px;
  column-gap: 20px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.staff__photo {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  box-shadow: var(--shadow-xs);
  border: 5px solid #fff;
  outline: 1px solid #ccc;
  min-width: 250px;
  height: 235px;
  overflow: hidden;
  transition: 0.1s ease-out;
}
.staff__photo:hover {
  box-shadow: var(--shadow-sm);
}
.staff__photo img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.staff__card {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.staff__base {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: var(--shadow-sm);
  width: 100%;
  text-decoration: none;
  color: #333;
  transition: 0.2s;
}
.staff__base.align__right {
  flex-direction: row-reverse;
}
.staff__base:has(.mov_block) {
  width: 100%;
}
.staff__base .img__wrap img {
  max-width: 328px;
  max-height: 288px;
}
.staff__base .img__wrap .material-symbols-outlined {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--back);
  width: 216px;
  height: 288px;
  margin: 0 auto;
  font-size: 100px;
  color: var(--line);
}
.staff__base .info__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  padding: 20px;
  padding-left: 28px;
  padding-right: 25px;
}
.staff__base .name {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 15px;
}
.staff__base .name .wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.staff__base .name .staff__name {
  font-size: 16px;
}
.staff__base .name .sub {
  font-size: 13px;
}
.staff__base .name .btn {
  min-width: fit-content;
}
.staff__base dl.info {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1px;
}
.staff__base dl.info > div {
  display: grid;
  grid-template-columns: 100px 1fr;
}
.staff__base dl.info dt, .staff__base dl.info dd {
  padding: 3px 8px;
  font-size: 13px;
}
.staff__base dl.info dt {
  background: #eee;
  font-size: 12px;
}

.staff__detail {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.staff__detail .staff__base:has(.mov_block) {
  flex-direction: column;
}
.staff__detail .comment__wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.staff__detail .comment__wrap .comment:has(.article__img) .staff__comment {
  padding: 0;
}
.staff__detail .comment__wrap .article__img {
  display: flex;
  justify-content: center;
  width: auto;
  margin: 25px 0 0 0;
  text-align: center;
}
.staff__detail .comment__wrap .article__img img {
  max-width: 100%;
  max-height: 360px;
}
.staff__detail .comment__wrap .photo__s {
  width: 100%;
}
.staff__detail .comment__wrap .photo__d {
  width: 100%;
}
.staff__detail .staff__question {
  background: var(--main100);
  border-left: 5px solid var(--main500);
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.4px;
}
.staff__detail .staff__comment {
  margin-top: 25px;
  padding-left: 20px;
  line-height: 1.75;
}

.staff__reserve__btn__area .mark__full {
  border: 1px solid var(--important);
  border-radius: 3px;
  width: fit-content;
  margin: 0 auto;
  padding: 8px 12px;
  font-weight: bold;
  color: var(--important);
}

.btn__area.staff__page {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.btn__area.staff__page a {
  width: fit-content;
}
.btn__area.staff__page a span {
  font-size: 10px;
}

/* shain CSS ブログ */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .staff__base {
    justify-content: start;
    flex-direction: column;
  }
  .staff__base .img__wrap {
    max-width: 100%;
  }
  .staff__base .img__wrap img {
    max-width: 100%;
    max-height: none;
    margin: 0 auto;
  }
  .staff__base .img__wrap .material-symbols-outlined {
    width: 360px;
    height: 480px;
    max-width: 100%;
    max-height: none;
    margin: 0 auto;
    aspect-ratio: 3/4;
  }
  .staff__base .info__wrap {
    padding: 20px 10px;
  }
  .staff__base .info__wrap .info {
    padding: 0;
  }
  .staff__base.align__right {
    flex-direction: inherit;
  }
  .staff__base .name {
    flex-direction: column;
  }
  .staff__base .staff__base {
    box-shadow: none;
  }
  .staff__base .staff__base .info__wrap {
    padding: 20px 0 0 0;
  }
}
/* koza CSS 講座コンテンツ */
/*----------------------------------------------------*/
.koza__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.koza__item {
  flex: 1;
  box-shadow: var(--shadow-sm);
  border-radius: 5px;
  min-width: 344px;
  max-width: 344px;
}
.koza__item:hover {
  box-shadow: var(--shadow-lg);
}
.koza__item .koza__main {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  transition: 0.15s;
}
.koza__item .koza__main .img__wrap {
  max-width: 100%;
  float: left;
  margin: 0;
}
.koza__item .koza__main .inner {
  display: flex;
  flex-direction: column;
  border: none;
  height: 100%;
  padding: 22px;
}
.koza__item .koza__main .title {
  font-size: 18px;
}
.koza__item .koza__main .btn {
  margin: 0 22px 22px auto;
}
.koza__item .koza__main .text + .btn {
  margin-top: 10px;
}

.koza__wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 40px;
}

.koza__main {
  display: flex;
  align-items: center;
  gap: 30px;
  background: #fff;
  width: 100%;
  color: #000;
}
.koza__main:has(.img__wrap).img__right {
  flex-direction: row-reverse;
}
.koza__main .img__wrap {
  max-width: calc(50% - 30px);
  max-height: 330px;
}
.koza__main .img__wrap img {
  display: block;
  width: 100%;
  max-height: 330px;
}
.koza__main .inner {
  flex: 1;
  padding: 0;
}
.koza__main .title {
  font-size: 20px;
}
.koza__main .text {
  padding-top: 15px;
  line-height: 1.75;
}

.koza__info {
  display: flex;
  flex-direction: column;
}
.koza__info .info__item {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 18px;
  padding: 0 0 30px;
}
.koza__info .info__item .img_show_wide {
  float: left;
  display: flex;
  background: #f3f2f1;
  max-width: 300px;
  max-height: 300px;
  margin: 0 20px 0 0;
}
.koza__info .info__item .img_show_wide img {
  display: block;
  width: 100%;
  max-height: 300px;
}
.koza__info .info__item .img_show_wide.photo_r {
  float: right;
  margin: 0 0 0 20px;
}
.koza__info .info__item .label {
  background: var(--main50);
  box-sizing: border-box;
  border-bottom: 1px solid var(--main300);
  width: 100%;
  padding: 12px 15px;
  font-size: 15px;
}
.koza__info .info__item .info__text {
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px;
  line-height: 1.75;
}

/* koza CSS 講座コンテンツ */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .koza__list .koza__item {
    min-width: 100%;
    max-width: 100%;
  }
  .koza__wrap .koza__main {
    flex-direction: column;
    align-items: flex-start;
  }
  .koza__wrap .koza__main .img__wrap {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    max-height: 540px;
  }
  .koza__wrap .koza__main .img__wrap img {
    max-width: 100%;
    max-height: 540px;
  }
  .koza__wrap .koza__main:has(.img__wrap).img__right {
    flex-direction: column;
  }
  .koza__wrap .koza__info .info__item .img_show_wide {
    float: none;
    margin: 0 auto 20px;
    width: fit-content;
  }
  .koza__wrap .koza__info .info__item .img_show_wide.photo_r {
    float: none;
    margin: 0 auto 20px;
  }
}
/* com movie CSS 動画アップロード
/*----------------------------------------------------*/
#mypage_com .movie__up__after,
#saiyotop_com .movie__up__after {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
  background: var(--back);
  border-radius: 5px;
  padding: 15px 18px;
}
#mypage_com .movie__up__after .movie__status,
#saiyotop_com .movie__up__after .movie__status {
  margin: 5px 0;
  font-weight: bold;
}
#mypage_com .movie__up__after img,
#saiyotop_com .movie__up__after img {
  box-shadow: var(--shadow-xs);
  max-width: 320px;
  margin-top: 15px;
}
#mypage_com .web__interview,
#saiyotop_com .web__interview {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
}
#mypage_com .explain,
#saiyotop_com .explain {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#mypage_com .explain > ul,
#saiyotop_com .explain > ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: outside;
  padding-left: 20px;
}
#mypage_com .explain .explain__text,
#saiyotop_com .explain .explain__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#mypage_com .explain .red__text,
#saiyotop_com .explain .red__text {
  color: var(--important);
}
#mypage_com .step__list,
#saiyotop_com .step__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 3px solid var(--main200);
  padding: 18px;
  padding-left: 35px;
}
#mypage_com .step__list h3,
#saiyotop_com .step__list h3 {
  margin-bottom: 5px;
  font-size: 15px;
}
#mypage_com .appli__link,
#saiyotop_com .appli__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
#mypage_com .appli__link a,
#saiyotop_com .appli__link a {
  display: flex;
}
#mypage_com .appli__link img,
#saiyotop_com .appli__link img {
  height: 40px;
}
#mypage_com .appli__link .confirm,
#saiyotop_com .appli__link .confirm {
  white-space: normal;
}
#mypage_com .use__appli,
#saiyotop_com .use__appli {
  margin: 20px 0 0;
}
#mypage_com .use__appli p,
#saiyotop_com .use__appli p {
  margin-top: 8px;
}
#mypage_com .appli__caption,
#saiyotop_com .appli__caption {
  background: #f3f2f1;
  margin: 0;
  padding: 8px;
}
#mypage_com .appli__caption div,
#saiyotop_com .appli__caption div {
  font-size: 12px;
}
#mypage_com .caution__list,
#saiyotop_com .caution__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: outside;
  padding-left: 20px;
}

#movie_submitter form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

/* com movie CSS 動画アップロード
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  #mypage_com .movie__up__after img, #saiyotop_com .movie__up__after img {
    max-width: 100%;
  }
  #mypage_com .appli__link, #saiyotop_com .appli__link {
    justify-content: start;
  }
}
/* pdf CSS PDF印刷 */
/*----------------------------------------------------*/
#mypage_pdf input, #saiyotop_pdf input {
  padding: 10px 15px;
}

.pdf__set__text {
  margin-top: 20px;
}

.pdf__caption {
  background: #f3f2f1;
  box-sizing: border-box;
  width: 100%;
  margin: 15px 0;
  padding: 5px 8px;
  font-size: 11px;
}

.pdf__install__area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
.pdf__install__area p {
  font-size: 12px;
}
.pdf__install__area a {
  display: inline-flex;
  width: fit-content;
  margin: 0 auto;
}

/* pdf CSS PDF印刷 */
/*----------------------------------------------------*/
/* free_contents
/*----------------------------------------------------*/
html:has(:where(#mypage_contents)),
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) {
  width: 100%;
  height: 100%;
  font-size: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.5;
  overflow-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html:has(:where(#mypage_contents)) .contents,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) .contents {
  display: block;
}
html:has(:where(#mypage_contents)) h1, html:has(:where(#mypage_contents)) h2, html:has(:where(#mypage_contents)) h3, html:has(:where(#mypage_contents)) h4, html:has(:where(#mypage_contents)) h5, html:has(:where(#mypage_contents)) h6,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) h1,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) h2,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) h3,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) h4,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) h5,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) h6 {
  font-size: 100%;
}
html:has(:where(#mypage_contents)) .main,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) .main {
  font-size: 1.3rem;
}
html:has(:where(#mypage_contents)) .main .main,
html:has(:where(#mypage_top)):has(:where(.top__freecontents)) .main .main { /* ←要確認 */
  display: revert;
  width: initial;
  padding: initial;
}

:where(#mypage_contents),
:where(#mypage_top:has(:where(.top__freecontents))) {
  width: 100%;
  height: 100%;
  line-height: 1.5;
  font-size: 1.3rem;
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  text-align: left;
  word-break: break-word;
  white-space: normal;
  -webkit-font-smoothing: antialiased;
}
:where(#mypage_contents) :where(.main),
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) { /* ←要確認 */ }
:where(#mypage_contents) :where(.main) div, :where(#mypage_contents) :where(.main) span, :where(#mypage_contents) :where(.main) header, :where(#mypage_contents) :where(.main) main, :where(#mypage_contents) :where(.main) nav, :where(#mypage_contents) :where(.main) section, :where(#mypage_contents) :where(.main) footer, :where(#mypage_contents) :where(.main) ol, :where(#mypage_contents) :where(.main) ul, :where(#mypage_contents) :where(.main) li,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) div,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) span,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) header,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) main,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) nav,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) section,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) footer,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) ol,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) ul,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) li {
  box-sizing: content-box;
}
:where(#mypage_contents) :where(.main) div, :where(#mypage_contents) :where(.main) span, :where(#mypage_contents) :where(.main) iframe, :where(#mypage_contents) :where(.main) h1, :where(#mypage_contents) :where(.main) h2, :where(#mypage_contents) :where(.main) h3, :where(#mypage_contents) :where(.main) h4, :where(#mypage_contents) :where(.main) h5, :where(#mypage_contents) :where(.main) h6, :where(#mypage_contents) :where(.main) p, :where(#mypage_contents) :where(.main) a,
:where(#mypage_contents) :where(.main) img, :where(#mypage_contents) :where(.main) ul, :where(#mypage_contents) :where(.main) ol, :where(#mypage_contents) :where(.main) dl, :where(#mypage_contents) :where(.main) li, :where(#mypage_contents) :where(.main) dt, :where(#mypage_contents) :where(.main) dd, :where(#mypage_contents) :where(.main) form, :where(#mypage_contents) :where(.main) label, :where(#mypage_contents) :where(.main) table, :where(#mypage_contents) :where(.main) thead, :where(#mypage_contents) :where(.main) tbody, :where(#mypage_contents) :where(.main) tfoot, :where(#mypage_contents) :where(.main) th, :where(#mypage_contents) :where(.main) tr, :where(#mypage_contents) :where(.main) td,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) div,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) span,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) iframe,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h1,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h2,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h3,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h4,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h5,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h6,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) p,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) a,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) img,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) ul,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) ol,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dl,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) li,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dt,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dd,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) form,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) label,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) table,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) thead,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) tbody,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) tfoot,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) th,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) tr,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.5;
  overflow-wrap: break-word;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:where(#mypage_contents) :where(.main) ul, :where(#mypage_contents) :where(.main) ol, :where(#mypage_contents) :where(.main) dl,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) ul,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) ol,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dl {
  list-style: none;
}
:where(#mypage_contents) :where(.main) th, :where(#mypage_contents) :where(.main) td,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) th,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) td {
  font-size: 1.2rem;
  line-height: 1.5;
}
:where(#mypage_contents) :where(.main) a,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) a {
  text-decoration: none;
}
:where(#mypage_contents) :where(.main) .contents,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) .contents {
  min-height: auto;
}
:where(#mypage_contents) :where(.main) .page__all,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) .page__all {
  font-size: 100%;
}
:where(#mypage_contents) :where(.main) p, :where(#mypage_contents) :where(.main) h1, :where(#mypage_contents) :where(.main) h2, :where(#mypage_contents) :where(.main) h3, :where(#mypage_contents) :where(.main) h4, :where(#mypage_contents) :where(.main) h5, :where(#mypage_contents) :where(.main) h6,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) p,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h1,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h2,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h3,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h4,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h5,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  background: transparent;
}
:where(#mypage_contents) :where(.main) h1, :where(#mypage_contents) :where(.main) h2, :where(#mypage_contents) :where(.main) h3, :where(#mypage_contents) :where(.main) h4, :where(#mypage_contents) :where(.main) h5, :where(#mypage_contents) :where(.main) h6,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h1,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h2,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h3,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h4,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h5,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) h6 {
  font-size: 100%;
}
:where(#mypage_contents) :where(.main) dl,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dl {
  display: block;
  align-items: initial;
  margin-block: 0;
  margin-inline: 0;
  gap: 0;
}
:where(#mypage_contents) :where(.main) dl.col,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dl.col {
  flex-direction: initial;
  align-items: initial;
}
:where(#mypage_contents) :where(.main) dt,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dt {
  font-weight: initial;
}
:where(#mypage_contents) :where(.main) dd,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) dd {
  margin: 0;
}
:where(#mypage_contents) :where(.main) img,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) img {
  display: initial;
  max-width: initial;
}
:where(#mypage_contents) :where(.main) [type=button],
:where(#mypage_contents) :where(.main) [type=submit],
:where(#mypage_contents) :where(.main) .btn,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) [type=button],
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) [type=submit],
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) .btn {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  align-items: initial;
  justify-content: initial;
  gap: 0;
  background: initial;
  box-shadow: none;
  box-sizing: initial;
  border: none;
  border-radius: 3px;
  width: auto;
  max-width: 100%;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  font-weight: initial;
  transition: 0.2s;
  color: initial;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}
:where(#mypage_contents) :where(.main) [type=button]:hover,
:where(#mypage_contents) :where(.main) [type=submit]:hover,
:where(#mypage_contents) :where(.main) .btn:hover,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) [type=button]:hover,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) [type=submit]:hover,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) .btn:hover {
  opacity: 0.8;
}
:where(#mypage_contents) :where(.main) [type=button] a,
:where(#mypage_contents) :where(.main) [type=submit] a,
:where(#mypage_contents) :where(.main) .btn a,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) [type=button] a,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) [type=submit] a,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) .btn a {
  text-decoration: none;
}
:where(#mypage_contents) :where(.main) :visited, :where(#mypage_contents) :where(.main) :link,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) :visited,
:where(#mypage_top:has(:where(.top__freecontents))) :where(.main) :link {
  color: #04c;
}
:where(#mypage_contents) #axol_top_flash,
:where(#mypage_top:has(:where(.top__freecontents))) #axol_top_flash {
  margin-bottom: 20px;
}

/* /* free_contents
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  html:has(:where(#mypage_contents)),
  html:has(:where(#mypage_top)):has(:where(.top__freecontents)) {
    font-size: 10px;
  }
  html:has(:where(#mypage_contents)) .main,
  html:has(:where(#mypage_top)):has(:where(.top__freecontents)) .main {
    font-size: 1.4rem;
  }
  :where(#mypage_contents) :where(.main) a,
  :where(#mypage_top:has(:where(.top__freecontents))) :where(.main) a {
    background: transparent;
    margin: 0;
    padding: 0;
    color: #1f70c1;
    font-size: 100%;
    vertical-align: baseline;
    text-decoration: none;
  }
  :where(#mypage_contents) :where(.main) a:hover,
  :where(#mypage_top:has(:where(.top__freecontents))) :where(.main) a:hover {
    color: #6c96c1;
    text-decoration: none;
  }
}
/* line CSS LINE連携 */
/*----------------------------------------------------*/
.line__entry__box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-shadow: var(--shadow-sm);
  border: 3px solid #03C755;
  border-radius: 5px;
  width: 100%;
  padding: 20px 25px;
}
.line__entry__box .text__wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.line__entry__box .btn__area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.line__entry__box .line {
  background: #fff url(../img/common_images/outersite/LINE_Brand_icon.png) left 5px center/35px no-repeat;
  border: 1px solid #03C755;
  border-radius: 5px;
  padding: 12px 40px 12px 80px;
  color: #000;
}
.line__entry__box .line .material-symbols-outlined {
  font-size: 11px;
  height: 11px;
  width: 11px;
  overflow: hidden;
}

.line__agree__text__area {
  margin-bottom: 15px;
}

.entry__link__area {
  margin-top: 8px;
}

/* line CSS LINE連携 */
/*----------------------------------------------------*/
/* pdf CSS ライブ面接 */
/*----------------------------------------------------*/
.information__check .error__message {
  background: #fff1ee;
  border: 1px solid var(--important);
  margin-top: 20px;
  padding: 12px;
  text-align: center;
  color: var(--important);
}

.live__bottom__wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #f3f2f1;
  margin-top: 30px;
  padding: 18px 22px;
}
.live__bottom__wrap h3 {
  font-size: 15px;
}
.live__bottom__wrap .live__caption {
  line-height: 1.7;
  white-space: pre-line;
  font-size: 12px;
}

.live__text {
  margin-top: 10px;
}
.live__text.support {
  font-weight: bold;
  color: var(--action);
}

.live__link__wrap {
  margin: 18px 0;
  font-weight: bold;
  line-height: 1.75;
}
.live__link__wrap li + li {
  margin-top: 8px;
}
.live__link__wrap a {
  transition: 0.2s;
}
.live__link__wrap a:hover {
  opacity: 0.8;
}
.live__link__wrap a .material-symbols-outlined {
  font-size: 11px;
}
.live__link__wrap a:has(.lang__en) {
  display: block;
}
.live__link__wrap a:has(.lang__en) .lang__en {
  margin-top: -3px;
}

/* pdf CSS ライブ面接 */
/*----------------------------------------------------*/
/* homon CSS 社員訪問 */
/*----------------------------------------------------*/
.homon__head__tab {
  display: flex;
  align-items: center;
  gap: 12px;
}

.staff__search__box [name=schedule_homon_start] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-items: end;
  gap: 3px;
}
.staff__search__box [name=schedule_homon_start] [type=text] {
  text-align: right;
}
.staff__search__box [name=schedule_homon_start] .fb_textdateElement_Y {
  width: 80px;
}
.staff__search__box [name=schedule_homon_start] .fb_textdateElement_m,
.staff__search__box [name=schedule_homon_start] .fb_textdateElement_d {
  width: 60px;
}
.staff__search__box .type__name {
  display: grid;
  align-items: inherit;
  gap: 0;
}
.staff__search__box .type__way .form__item__group:has([type=radio]),
.staff__search__box .type__way .form__item__group:has([type=checkbox]),
.staff__search__box .type__category .form__item__group:has([type=radio]),
.staff__search__box .type__category .form__item__group:has([type=checkbox]) {
  display: flex;
  column-gap: 12px;
  row-gap: 5px;
  flex-wrap: wrap;
}
.staff__search__box .type__shain__mark:has(.lineBreak) {
  align-items: start;
}

.homon__reserve__info .info__text {
  margin-bottom: 8px;
}
.homon__reserve__info .reserve__info__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.homon__reserve__info .reserve__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  box-shadow: var(--shadow-sm);
  border-radius: 3px;
  width: 100%;
  padding: 12px 15px;
  color: #333;
}
.homon__reserve__info .reserve__item .inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 12px;
}
.homon__reserve__info .reserve__item .inner.btns {
  gap: 5px;
  margin: 0 0 0 auto;
}
.homon__reserve__info .reserve__item .inner .name {
  font-weight: bold;
}

.reserve__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  margin-top: 5px;
}
.reserve__wrap a {
  text-decoration: none;
}

.homon__mark {
  display: inline-flex;
  border-radius: 5px;
  width: fit-content;
  padding: 2px 8px;
  font-size: 12px;
  top: 0;
  left: 0;
}
.homon__mark.enable {
  background: var(--success);
  color: #fff;
}
.homon__mark.yoyaku {
  background: var(--important);
  color: #fff;
}
.homon__mark.meet {
  background: var(--other);
  color: #fff;
}
.homon__mark.manseki, .homon__mark.disable {
  background: rgba(0, 0, 0, 0.0666666667);
  color: #555;
}

.staff__reserve__contents .contents__head {
  margin-bottom: 20px;
}
.staff__reserve__contents .month-calendar__body .calendar__day {
  min-width: 30px;
}

.homon__block {
  margin-top: 12px;
}
.homon__block .form__title {
  margin: 0 0 10px;
}

.homon__type__schedule,
.homon__type__confirm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.homon__type__schedule input,
.homon__type__confirm input {
  min-width: 0;
  margin: 0;
}

.homon__category__list {
  margin-top: 20px;
}

.homon__category__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 10px 0 10px 8px;
}
.homon__category__item:first-of-type {
  border-top: 1px solid #ccc;
}
.homon__category__item .btn__move {
  display: inline-block;
  padding: 6px 28px 6px 10px;
  vertical-align: middle;
}

.homon__category__title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.homon__user__count {
  background: #fff15a;
  border-radius: 10px;
  margin-left: 10px;
  padding: 3px 6px;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
}

.homon__calendar__month {
  border: none;
  border-radius: 0;
  padding: 0 18px 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 22px;
  cursor: pointer;
  color: #000;
}

.reserve__list__tip__item {
  display: block;
  color: #333;
  cursor: pointer;
  transition: 0.15s;
}
.reserve__list__tip__item:hover {
  color: #333;
  opacity: 0.75;
}
.reserve__list__tip__item:hover .reserve__list__tip__name::before {
  position: absolute;
  content: "";
  background: #79c143;
  width: 5px;
  height: 100%;
  top: 0;
  left: -18px;
}
.reserve__list__tip__item + .reserve__list__tip__item {
  border-top: 1px dashed #ccc;
  margin-top: 10px;
  padding-top: 10px;
}

.reserve__list__tip__name {
  position: relative;
  font-weight: bold;
  margin-bottom: 0;
}

.staff__reserve__btn {
  display: block;
  background: #86c400;
  border-radius: 3px;
  min-width: 125px;
  margin-left: 8px;
  padding: 5px 10px;
  line-height: 1;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  transition: 0.1s;
}
.staff__reserve__btn:hover {
  background: #76ac00;
  color: #fff;
}

.staff__reserve__table {
  border-collapse: separate;
  border-spacing: 2px;
  margin-top: 12px;
}
.staff__reserve__table tr {
  border-collapse: separate;
  border-spacing: 2px;
}
.staff__reserve__table td,
.staff__reserve__table th {
  padding: 3px 7px;
  vertical-align: top;
  white-space: normal;
}
.staff__reserve__table th {
  background-color: #eee;
  min-width: 90px;
  max-width: 50%;
  box-sizing: border-box;
  text-align: right;
  font-weight: bold;
}

.staff__reserve__name {
  font-size: 22px;
}
.staff__reserve__name + table {
  margin-top: 8px;
}

.staff__reserve__sub {
  margin: 3px 0 8px;
  font-size: 11px;
}

.staff__reserve__last__school {
  margin-top: 8px;
}

.staff__reserve__mark span {
  display: inline-block;
  border-radius: 3px;
  margin-right: 3px;
  padding: 5px 8px;
  line-height: 1;
  font-size: 12px;
  color: #fff;
}
.staff__reserve__mark .type__homon {
  background: #555;
}
.staff__reserve__mark .type__web {
  background: #555;
}

.staff__reserve__area {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.staff__reserve__area .reserve__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 10px;
  padding: 10px 10px;
  font-weight: bold;
}
.staff__reserve__area .reserve__item + .reserve__item {
  border-top: 1px dashed #ccc;
}
.staff__reserve__area .reserve__mark {
  display: inline-block;
  border: 1px solid;
  border-radius: 3px;
  min-width: 70px;
  margin-right: 15px;
  padding: 5px 8px;
  text-align: center;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
}
.staff__reserve__area .reserve__mark.checked {
  border-color: var(--important);
  color: var(--important);
}
.staff__reserve__area .reserve__mark.ok {
  border-color: var(--success);
  color: var(--success);
}
.staff__reserve__area .reserve__mark.no {
  border-color: #737271;
  color: #737271;
}
.staff__reserve__area .reserve__place {
  max-width: 450px;
  margin-top: 3px;
}
.staff__reserve__area .reserve__title {
  display: flex;
  align-items: start;
  column-gap: 0px;
  row-gap: 10px;
}
.staff__reserve__area .btn__wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

@media screen and (max-width: 999px) {
  .staff__reserve__area .reserve__item {
    flex-wrap: wrap;
  }
}
/* homon CSS 社員訪問 */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .staff__search__box .type__name {
    display: flex;
    align-items: inherit;
    gap: inherit;
  }
  .staff__reserve__area .reserve__item {
    padding: 10px 0;
  }
  .staff__reserve__area .reserve__title {
    width: 100%;
    flex-direction: column;
    column-gap: 0px;
    row-gap: 10px;
  }
  .staff__reserve__area .btn__wrap {
    justify-content: end;
    width: 100%;
  }
}
/* shl
/*----------------------------------------------------*/
#mypage_shl section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#mypage_shl section.webtest__spi2 {
  gap: 30px;
}
#mypage_shl > div {
  line-height: 1.7;
}
#mypage_shl h3 {
  margin-bottom: 3px;
}
#mypage_shl .normal__list {
  padding-left: 15px;
}
#mypage_shl .list__table {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 12px;
}
#mypage_shl .list__table li {
  display: flex;
  align-items: stretch;
  flex: 1;
  gap: 2px;
}
#mypage_shl .list__table .list__head {
  font-weight: bold;
}
#mypage_shl .list__table .list__head .title,
#mypage_shl .list__table .list__head .text {
  background: #e3e2e1;
}
#mypage_shl .list__table .title {
  background: var(--back);
  min-width: 200px;
  padding: 8px 12px;
  font-weight: bold;
}
#mypage_shl .list__table .text {
  flex: 1;
  background: var(--back);
  padding: 8px 12px;
}
#mypage_shl .list__table + .caution__text {
  margin-top: 5px;
}
#mypage_shl .border__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border: 3px solid #ccc;
  margin-top: 3px;
  padding: 12px 15px;
}
#mypage_shl .help-desk {
  background: var(--back);
  padding: 20px 25px;
}
#mypage_shl .help-desk .sub__text {
  font-size: 12px;
}
#mypage_shl .browser__list {
  display: flex;
  gap: 3px;
  margin-left: 12px;
}
#mypage_shl .browser__list span {
  background: var(--back);
  border-radius: 20px;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: bold;
}
#mypage_shl .caution__wrap {
  background: var(--back);
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 12px 15px;
  font-size: 12px;
}
#mypage_shl .caution__wrap h2 {
  margin-bottom: 3px;
  font-size: 14px;
}
#mypage_shl a:has(.page__out) {
  display: inline-flex;
}

.webtest__track .border__list a {
  display: flex;
  margin-left: 15px;
}

.webtest__gps .inner b,
.webtest__hirevue .inner b {
  display: block;
  margin-bottom: 3px;
}

/* shl
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  #mypage_shl .list__table {
    gap: 18px;
  }
  #mypage_shl .list__table .list__head {
    display: none;
  }
  #mypage_shl .list__table li {
    flex-direction: column;
  }
  #mypage_shl .list__table li .title {
    background: transparent;
    padding: 0 0 3px;
  }
  #mypage_shl .help-desk {
    padding: 20px 15px;
  }
}
/* リファラル用登録フォームの表記 */
/*----------------------------------------------------*/
.referral__entry__wrap {
  background: var(--back);
  margin-top: 25px;
  padding: 20px 25px 1px;
}
.referral__entry__wrap > p {
  line-height: 1.6;
  color: #555;
}
.referral__entry__wrap .btn__l.btn__confirm {
  background-color: #aaa;
  padding: 5px 28px 5px 12px;
}

/* referral CSS ブログ */
.referral__img {
  width: 100%;
  margin: 18px 0;
}
.referral__img img {
  max-width: 100%;
}

.referral__main__text {
  margin-top: 15px;
  line-height: 1.8;
}

.referral__btn__wrap {
  margin-top: 30px;
  text-align: center;
}

/* リファラル用登録フォームの表記 */
/*----------------------------------------------------*/
/* pool CSS タレントプール */
/*----------------------------------------------------*/
#mypage_pool .agree__image img, #saiyotop_pool .agree__image img,
#mypage_reverse .agree__image img, #saiyotop_reverse .agree__image img {
  width: 100%;
  max-width: 100%;
}
#mypage_pool .agree__rule__wrap, #saiyotop_pool .agree__rule__wrap,
#mypage_reverse .agree__rule__wrap, #saiyotop_reverse .agree__rule__wrap {
  margin-top: 20px;
}
#mypage_pool #scroll-caption, #saiyotop_pool #scroll-caption,
#mypage_reverse #scroll-caption, #saiyotop_reverse #scroll-caption {
  margin-bottom: 8px;
}
#mypage_pool .agree__rule, #saiyotop_pool .agree__rule,
#mypage_reverse .agree__rule, #saiyotop_reverse .agree__rule {
  flex: 1;
  background: #f3f2f1;
  max-height: 300px;
  overflow-y: scroll;
  padding: 20px;
  font-size: 13px;
  white-space: pre-wrap;
}
#mypage_pool .agree__rule.none__wrap, #saiyotop_pool .agree__rule.none__wrap,
#mypage_reverse .agree__rule.none__wrap, #saiyotop_reverse .agree__rule.none__wrap {
  max-height: none;
  overflow-y: auto;
}
#mypage_pool .agree__reverse__text, #saiyotop_pool .agree__reverse__text,
#mypage_reverse .agree__reverse__text, #saiyotop_reverse .agree__reverse__text {
  border: 1px solid #ccc;
  margin: 15px 0;
  padding: 12px 15px;
}
#mypage_pool .agree__check, #saiyotop_pool .agree__check,
#mypage_reverse .agree__check, #saiyotop_reverse .agree__check {
  margin-top: 12px;
}
#mypage_pool .agree__confirm, #saiyotop_pool .agree__confirm,
#mypage_reverse .agree__confirm, #saiyotop_reverse .agree__confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
#mypage_pool .agree__confirm label, #saiyotop_pool .agree__confirm label,
#mypage_reverse .agree__confirm label, #saiyotop_reverse .agree__confirm label {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 20px;
  font-weight: bold;
}
#mypage_pool .agree__confirm label:has(:disabled), #saiyotop_pool .agree__confirm label:has(:disabled),
#mypage_reverse .agree__confirm label:has(:disabled), #saiyotop_reverse .agree__confirm label:has(:disabled) {
  opacity: 0.5;
  cursor: default;
}
#mypage_pool .agree__confirm label [type=checkbox], #saiyotop_pool .agree__confirm label [type=checkbox],
#mypage_reverse .agree__confirm label [type=checkbox], #saiyotop_reverse .agree__confirm label [type=checkbox] {
  margin-right: 3px;
}
#mypage_pool .agree__confirm [type=submit], #saiyotop_pool .agree__confirm [type=submit],
#mypage_reverse .agree__confirm [type=submit], #saiyotop_reverse .agree__confirm [type=submit] {
  margin-top: 20px;
}
#mypage_pool .id__str, #saiyotop_pool .id__str,
#mypage_reverse .id__str, #saiyotop_reverse .id__str {
  margin-top: 18px;
}

/* pool CSS タレントプール */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  #mypage_pool .form__bottom p,
  #mypage_movedb .form__bottom p {
    text-align: left;
  }
}
/* freshers CSS フレッシャーズ版 */
/* フレッシャーズ版に関するCSSを記述 */
/*----------------------------------------------------*/
/* 共通
------------------------------------------------------------------*/
/* パンくず */
.comm__navi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  background: #f3f2f1;
  border-radius: 5px;
  padding: 5px 15px;
}
.comm__navi li {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style-type: none;
}
.comm__navi li a {
  color: #333;
  cursor: pointer;
}
.comm__navi .navi__connect {
  font-size: 9px;
  color: #555;
}
.comm__navi .navi__no__link {
  font-weight: bold;
  color: var(--main700);
}

/* タブ */
.tab__wrap {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.tab__wrap section {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 0 auto;
  background: #fff;
  border-top: none;
}
.tab__wrap section .title__wrap {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  font-weight: bold;
}

.fre__tab {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 2px;
  border-bottom: 1px solid var(--active);
}
.fre__tab .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--back);
  border: none;
  border-radius: 5px 5px 0 0;
  min-height: 21px;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  color: #333;
  transition: 0.15s;
}
.fre__tab .tab:hover {
  opacity: 80%;
}
.fre__tab .tab.selected {
  background: var(--active);
  color: #fff;
  pointer-events: none;
}
.fre__tab.comm {
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: var(--back);
  border-radius: 5px;
  border: none;
  min-height: 40px;
  padding: 5px;
}
.fre__tab.comm .tab {
  border-radius: 5px;
  min-width: 50px;
  padding: 5px 8px;
}
.fre__tab.comm .tab.selected {
  background: var(--other);
  color: #fff;
}

/* グループ制御 */
.fre__group__wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  width: 100%;
}
.fre__group__wrap select {
  width: auto;
  max-width: calc(100% - 120px);
}

/* トップページ
------------------------------------------------------------------*/
#mypage_top .fretop__infobox {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
#mypage_top .fretop__main__area {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  width: 100%;
}
#mypage_top .fretop__item__box:not(.fretop__selfbox) {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#mypage_top .fretop__item__box:not(.fretop__selfbox):last-of-type {
  margin-bottom: 0;
}
#mypage_top .jsSlideButton {
  background: transparent;
  box-shadow: none;
  width: 18px;
  height: 18px;
  padding: 0;
  cursor: pointer;
  transition: 0.2s;
  transform: rotate(180deg);
}
#mypage_top .jsSlideButton .icon {
  font-size: 18px;
  font-weight: normal;
  color: #000;
}
#mypage_top .jsSlideBoxClose .jsSlideButton {
  transform: rotate(0deg);
}
#mypage_top .jsSlideBoxDisable .jsSlideButton {
  display: none;
}
#mypage_top .top__voice__text,
#mypage_top .fretop__item__box__title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: var(--main100);
  border-left: 5px solid var(--main500);
  padding: 5px 8px;
}
#mypage_top .top__voice__text h2,
#mypage_top .fretop__item__box__title h2 {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
}
#mypage_top .top__voice__text a,
#mypage_top .fretop__item__box__title a {
  text-decoration: underline;
  color: #333;
}

.freTop_foot_wrap .jsSlideItem div,
.freTop_voice_wrap .jsSlideItem div,
.Top_topics_wrap .jsSlideItem div {
  display: inline;
}

.jsSlideItem {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 8px 0;
}
.jsSlideItem + .jsSlideItem {
  border-top: 1px dashed #ccc;
}
.jsSlideItem a {
  text-decoration: underline;
  color: #333;
}
.jsSlideItem .event__status {
  margin-right: 0px;
  padding: 2px 5px;
}

.fretop__comm__item {
  display: flex;
  flex-direction: row;
  align-items: start;
  padding-top: 8px;
}
.fretop__comm__item + .fretop__comm__item {
  border-top: 1px dashed #ccc;
}
.fretop__comm__item .fretop__comm__img {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f3f2f1;
  width: 70px;
  min-width: 70px;
  aspect-ratio: 4/3;
  text-align: center;
  overflow: hidden;
}
.fretop__comm__item .fretop__comm__img img {
  width: 100%;
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
}
.fretop__comm__item .fretop__comm__img a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.fretop__comm__item .fretop__comm__img .material-symbols-outlined {
  font-size: 36px;
  color: #ccc;
  user-select: none;
  text-decoration: none;
}
.fretop__comm__item .fretop__comm__text {
  margin-left: 8px;
}
.fretop__comm__item .fretop__comm__text a {
  text-decoration: underline;
  color: #333;
}

.fretop__selfbox {
  text-align: center;
  width: 180px;
}
.fretop__selfbox .fretop__self__img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f2f1;
  width: 180px;
  height: 240px;
}
.fretop__selfbox .fretop__self__img img {
  max-width: 180px;
  max-height: 240px;
  object-fit: contain;
}
.fretop__selfbox .fretop__self__img .material-symbols-outlined {
  font-size: 100px;
  color: #ccc;
  user-select: none;
}
.fretop__selfbox .fretop__self__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 8px;
  text-align: left;
  font-size: 13px;
}

.fretop__message__area {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.fretop__item__date {
  text-align: left;
  font-size: 12px;
}
.fretop__item__date .ok {
  font-weight: bold;
  color: var(--success);
}
.fretop__item__date .yet {
  font-weight: bold;
  color: var(--important);
}

.top__voice__area {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.top__voice__area textarea {
  width: 100%;
  height: 65px;
  max-width: 100%;
  min-width: 100%;
  resize: vertical;
}
.top__voice__area .top__voice__comment__bottom {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top__voice__area .top__voice__comment__bottom input {
  white-space: nowrap;
}
.top__voice__area .btn {
  white-space: nowrap;
}

.info__check {
  display: none;
}

.info__btn {
  display: none;
}

.info__back {
  display: none;
}

/* プロフィール設定
------------------------------------------------------------------*/
.voicealert__line [name=voicealert] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.voicealert__line [name=voicealert] label {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.voicealert__line [name=voicealert] input {
  margin-top: 1px;
}

/* タブ
------------------------------------------------------------------*/
.tab__bottom__area.noline {
  padding: 15px 0;
}

/* 内定者のみなさん
------------------------------------------------------------------*/
.member__group__name {
  background: var(--back);
  margin-bottom: 12px;
  padding: 8px 12px;
  font-size: 15px;
  font-weight: bold;
}

.member__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 40px;
  column-gap: 15px;
  width: 100%;
  /* リスト内容がない時グリッドを解除 */
}
.member__list:has(.list_no_memb) {
  display: block;
}
.member__list.mini {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 5px;
  column-gap: 8px;
  border: 3px solid #f3f2f1;
  padding: 10px;
}
.member__list.mini .member__item {
  position: relative;
}
.member__list.mini .member__item a {
  color: #333;
}
.member__list.mini .member__photo__img {
  width: 60px;
  height: 80px;
}
.member__list.mini .member__photo__img .material-symbols-outlined {
  font-size: 40px;
}
.member__list.mini .member__photo__img img {
  max-width: 60px;
  max-height: 80px;
}
.member__list.mini .member__photo__name {
  display: block;
  width: 100%;
  margin-top: 5px;
  line-height: 1.2;
  text-align: center;
  font-size: 10px;
}
.member__list.mini .member__photo__name + .keisho {
  display: block;
  width: 100%;
  margin-top: 2px;
  line-height: 1.2;
  text-align: center;
  font-size: 10px;
}

.member__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.member__item img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}

.member__photo__img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f3f2f1;
  width: 100%;
  aspect-ratio: 128/170;
  font-size: 11px;
  text-decoration: none;
}
.member__photo__img img {
  max-width: 180px;
  max-height: 170px;
  object-fit: contain;
}
.member__photo__img .material-symbols-outlined {
  font-size: 70px;
  color: #ccc;
  user-select: none;
  text-decoration: none;
}

.member__photo__name {
  margin-top: 8px;
  text-align: center;
  font-weight: normal;
  color: #333;
}

.membar__voice__release {
  text-align: center;
  font-size: 80%;
  color: var(--important);
}

.member__detail__wrap {
  width: 100%;
  display: flex;
  gap: 20px;
  justify-content: space-around;
}

.member__detail__photo__area {
  width: 180px;
}
.member__detail__photo__area img {
  width: 100%;
  max-height: 240px;
  object-fit: contain;
}

.member__detail__contents__area {
  vertical-align: center;
  flex: 1;
}
.member__detail__contents__area ul {
  width: 100%;
  padding: 10px 0;
}
.member__detail__contents__area li {
  display: flex;
  align-items: center;
  column-gap: 12px;
  row-gap: 3px;
  padding: 8px 8px;
  border-bottom: 1px dashed #ccc;
}
.member__detail__contents__area li:last-child {
  border: none;
}
.member__detail__contents__area .member__detail__setumon__wrap {
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
}
.member__detail__contents__area .member__detail__setumon__wrap:last-child {
  border: none;
}
.member__detail__contents__area .member__detail__setumon__wrap .member__detail__setumon__answer {
  padding: 8px 1em 0;
}
.member__detail__contents__area .member__detail__setumon__wrap .member__detail__setumon__question {
  padding: 0;
}

.member__detail__photo__area {
  text-align: center;
}

.member__detail__name {
  display: inline-block;
  margin: 8px auto 0;
}

.member__detail__photo {
  width: 180px;
}
.member__detail__photo a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--back);
  width: 180px;
  height: 240px;
}
.member__detail__photo .no__img {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f2f1;
  width: 100%;
  aspect-ratio: 175/233;
  font-size: 11px;
  text-decoration: none;
}
.member__detail__photo .no__img .material-symbols-outlined {
  font-size: 100px;
  color: #ccc;
  user-select: none;
  text-decoration: none;
}

/* ボイス
------------------------------------------------------------------*/
.new__nice__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125rem;
  border: 1px solid var(--submit);
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 8px 12px;
  font-weight: bold;
  color: var(--submit);
}

.voice__comment__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.thread__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.thread__container .member__photo__img {
  width: 60px;
  height: 80px;
}
.thread__container .member__photo__img .material-symbols-outlined {
  font-size: 40px;
}
.thread__container .member__photo__img img {
  max-width: 60px;
  max-height: 80px;
}

.voice__thread__box {
  display: flex;
  flex-direction: row;
  gap: 15px;
  box-shadow: var(--shadow-sm);
  border-top: 5px solid var(--main500);
  padding: 12px 15px;
}

/* ボイスへのコメント */
.voice__container {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 12px 15px;
  margin-left: 40px;
  width: calc(100% - 40px);
  box-shadow: var(--shadow-sm);
  gap: 15px;
}

.voice__comment__box {
  flex: 1;
  position: relative;
}

.comment__inner__photo {
  margin-right: 15px;
  max-width: 64px;
  max-height: 80px;
  flex-shrink: 0;
}
.comment__inner__photo img {
  width: 100%;
  max-height: 80px;
  object-fit: contain;
}

.voice__member__name {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.voice__member__name a {
  text-decoration: underline;
  font-weight: bold;
  color: #333;
}

.voice__member__date {
  font-size: 12px;
  white-space: nowrap;
}

.voice__comment {
  display: flex;
  flex-direction: row;
  background: #fff;
  padding: 10px;
}

.voice__comment__cont {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: 5px;
  flex: 1;
}
.voice__comment__cont .comment__btn__wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.voice__comment__cont .comment__nice__wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}
.voice__comment__cont .comment__nice__wrap .material-symbols-outlined {
  width: 16px;
  min-width: 16px;
  height: 16px;
  overflow: hidden;
  font-size: 16px;
}
.voice__comment__cont .comment__edit,
.voice__comment__cont .comment__delete,
.voice__comment__cont .comment__nice,
.voice__comment__cont .comment__text {
  font-size: 11px;
  font-weight: normal;
  flex-shrink: 0;
}
.voice__comment__cont .comment__edit,
.voice__comment__cont .comment__delete {
  position: relative;
  background: #f3f2f1;
  box-shadow: var(--shadow-xs);
  border: none;
  border-radius: 3px;
  padding: 3px 5px 3px 22px;
  text-decoration: none;
  color: #000;
  cursor: pointer;
  transition: 0.2s;
}
.voice__comment__cont .comment__edit::before,
.voice__comment__cont .comment__delete::before {
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: absolute;
  width: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}
.voice__comment__cont .comment__edit:hover,
.voice__comment__cont .comment__delete:hover {
  background: #555;
  color: #fff;
}
.voice__comment__cont .comment__edit::before {
  font-family: "Material Symbols Outlined";
  content: "\e3c9";
}
.voice__comment__cont .comment__delete::before {
  font-family: "Material Symbols Outlined";
  content: "\e872";
}
.voice__comment__cont .comment__nice,
.voice__comment__cont .comment__text {
  width: 20px;
}

.voice__comment__btn__wrap {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}

.voice__comment__btn {
  text-align: right;
}
.voice__comment__btn a {
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px;
  text-align: center;
}
.voice__comment__btn .readmore {
  background: #f3f2f1;
  box-shadow: var(--shadow-xs);
  color: #333;
}
.voice__comment__btn .readmore:hover {
  background: #555;
  color: #fff;
}

/* ボイス（自分のボイス） */
.comment__input__item__wrap {
  border-bottom: 1px solid #ccc;
  padding: 12px 15px 25px;
}

.comment__input__item {
  display: flex;
  align-items: flex-start;
}
.comment__input__item + .comment__input__item {
  margin-top: 25px;
}

.comment__input__main input {
  width: 100%;
}

.comment__input__item__title {
  width: 80px;
  margin-bottom: 5px;
  font-weight: bold;
}

.comment__input__item__box {
  width: calc(100% - 80px);
}
.comment__input__item__box input[type=file] {
  border: none;
  padding: 0;
}

.Emj__box {
  width: 90%;
}
.Emj__box summary {
  display: flex;
  align-items: center;
  gap: 1px;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
}
.Emj__box .inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: 20px;
  margin-top: 5px;
  font-size: 12px;
  cursor: pointer;
}

.jsAxolEmj_dialog {
  padding-left: 20px;
}

/* ボイス（自分のコメント） */
.voice__my__comment__area {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.voice__my__comment__line {
  width: 100%;
  box-shadow: var(--shadow-sm);
}

.voice__my__comment__title {
  padding: 12px 15px;
  background: #eee;
}

.voice__my__comment__wrap {
  display: flex;
  gap: 10px;
  padding: 12px;
}

.voice__my__comment {
  display: flex;
  flex: 1;
  justify-content: space-between;
  background: #fff;
  gap: 15px;
}
.voice__my__comment .comment__inner__txt {
  flex: 1;
}

.diary_comment_photo {
  max-width: 100px;
  margin-right: 15px;
}
.diary_comment_photo img {
  width: 100%;
  max-height: 100px;
  object-fit: contain;
}
.diary_comment_photo a {
  width: 100%;
  height: 100%;
}

.voice__my__comment__edit {
  width: 14px;
  height: 14px;
}
.voice__my__comment__edit .voice__my__comment__delete {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background: url(../../public/img/common_images/icons/icon_delete.svg) center center/10px no-repeat;
}

/*  自分のボイス （フォーム） */
.tab__bottom__member__wrap .form__wrap {
  width: 100%;
}

/* ボイス（ボイスのお知らせ） */
.voice__new {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.voice__new__container {
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.comment_line_box {
  display: flex;
  padding: 12px 15px;
}

.comment_line {
  padding: 12px 15px;
  background: #eee;
}
.comment_line .comment_line_date {
  font-weight: bold;
}

.nice_line {
  padding: 12px 15px;
}
.nice_line .nice__date {
  font-weight: bold;
  padding-right: 5px;
}

/*  自分のボイス （メールで投稿） */
.voice__mail__area {
  padding: 16px;
  margin-bottom: 15px;
  background: #f3f2f1;
}

.voice__mail__btn {
  width: 100%;
  border-radius: 3px;
  background-color: var(--action);
  box-shadow: var(--shadow-xs);
  text-align: center;
  margin-bottom: 10px;
}
.voice__mail__btn a {
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 5px 0;
}
.voice__mail__btn .material-symbols-outlined {
  font-size: 16px;
  height: 16px;
  width: 16px;
  overflow: hidden;
  margin-right: 3px;
}

/* 足あと
------------------------------------------------------------------*/
.footmark__cont {
  width: 100%;
}
.footmark__cont li {
  padding: 8px 0;
  border-bottom: 1px dashed #ccc;
}
.footmark__cont li:last-child {
  border-bottom: none;
}

/* bbs
------------------------------------------------------------------*/
.bbs__mode {
  font-size: 0;
  display: flex;
}
.bbs__mode li {
  background: #f3f2f1;
  padding: 10px 15px 9px;
  position: relative;
  font-size: 13px;
}

.bbs__list__wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bbs__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bbs__new__list {
  display: flex;
  flex-direction: column;
}

.bbs__list__item {
  font-size: 15px;
  padding: 10px;
}
.bbs__list__item + .bbs__list__item {
  border-top: 1px dashed #ccc;
}

/* bbs 新規投稿 */
.bbs__new__comment__area {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.bbs__tree {
  padding: 15px;
  box-shadow: var(--shadow-sm);
}
.bbs__tree .bbs__tree__inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bbs__tree .bbs__tree__inner li {
  /* ツリーにぶら下がるコメント */
}
.bbs__tree .bbs__tree__inner li:first-child {
  font-weight: bold;
  margin-left: 0;
}
.bbs__tree .bbs__tree__inner li + li {
  margin-left: 8px;
}
.bbs__tree .bbs__tree__inner .bbs__tree__now::before {
  content: "▶︎";
  font-size: 10px;
  color: var(--active);
}
.bbs__tree .bbs__tree__inner .bbs__tree__now a {
  font-weight: bold;
  color: var(--active);
}
.bbs__tree .bbs__tree__inner a {
  text-decoration: underline;
  color: #333;
}

/* このツリーの一括表示ボタン */
.bbs__all__tree {
  display: flex;
  justify-content: end;
  margin-top: 10px;
  text-wrap: nowrap;
}

/* bbs詳細 */
.bbs__detail__main {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  box-shadow: var(--shadow-sm);
  padding: 12px 15px;
}
.bbs__detail__main.deleted {
  background: var(--back);
}
.bbs__detail__main + .bbs__detail__main {
  margin: -10px 0 0 30px;
}
.bbs__detail__main + .bbs__tree {
  margin-top: 25px;
}
.bbs__detail__main + .action {
  margin-left: auto;
  margin-bottom: 20px;
}

.bbs__detail__photo__wrap {
  max-width: 75px;
  max-height: 100px;
  object-fit: contain;
}
.bbs__detail__photo__wrap .member__photo__img {
  width: 60px;
  height: 80px;
}
.bbs__detail__photo__wrap .member__photo__img .material-symbols-outlined {
  font-size: 40px;
}
.bbs__detail__photo__wrap .member__photo__img img {
  max-width: 60px;
  max-height: 80px;
}

.bbs__detail__text__wrap {
  width: 100%;
}

.bbs__comment__cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}
.bbs__comment__cont span {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.bbs__detail__name__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.bbs__detail__name__wrap a {
  color: #333;
  cursor: pointer;
}
.bbs__detail__name__wrap .bbs__detail__name {
  font-size: 14px;
}
.bbs__detail__name__wrap .bbs__detail__name .bbs__detail__photo__wrap {
  display: none;
}

.bbs__del {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  background: #f3f2f1;
  border-radius: 3px;
  box-shadow: var(--shadow-xs);
  border: none;
  color: #333;
  transition: 0.2s;
}
.bbs__del::before {
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  position: absolute;
  width: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}
.bbs__del:hover {
  background: #555;
  color: #fff;
}

.bbs__del {
  padding: 0;
}
.bbs__del::before {
  font-family: "Material Symbols Outlined";
  content: "\e872";
}
.bbs__del input {
  padding: 3px 5px 3px 22px;
  border: none;
  color: #333;
  background: transparent;
  font-weight: normal;
  box-shadow: none;
  margin: 0;
  font-size: 11px;
  box-shadow: none;
}
.bbs__del input:hover {
  color: #fff;
}

.bbs__detail__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 5px;
}
.bbs__detail__title a {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.bbs__detail__title span {
  vertical-align: bottom;
  font-size: 12px;
}

.bbs__detail__date {
  font-size: 12px;
}

.bbs__detail__text {
  border-top: 1px solid #ccc;
  padding: 10px 5px;
}

/* コミュニティー
------------------------------------------------------------------*/
/* 共通 */
.tab__bottom__community__wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tab__bottom__community__wrap .title__wrap {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.comm__topic {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.community__title__sub {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 12px;
  font-weight: bold;
}
.community__title__sub h3 {
  font-size: 16px;
}

.community__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 40px;
  column-gap: 30px;
  width: 100%;
  padding-bottom: 20px;
  /* リスト内容がない時グリッドを解除 */
}
.community__list:has(.list_no_comm) {
  display: block;
}
.community__list .community__item {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 5px;
}
.community__list .community__item > a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-decoration: none;
  color: #333;
}
.community__list .comm__img__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f3f2f1;
  width: 100%;
  min-height: 118px;
  aspect-ratio: 4/3;
  font-size: 11px;
  text-decoration: none;
}
.community__list .comm__img__wrap img {
  max-height: 118px;
  object-fit: contain;
}
.community__list .comm__img__wrap .material-symbols-outlined {
  font-size: 70px;
  color: #ccc;
  user-select: none;
  text-decoration: none;
}
.community__list .comm__list__item__name {
  margin-top: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.community__list .comm__list__item__date {
  text-align: center;
  font-size: 11px;
}
.community__list.type__member {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 40px;
  column-gap: 30px;
}

.comm__manage__btn__wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
  text-align: center;
}
.comm__manage__btn__wrap span {
  font-size: 12px;
}

/* コミュニティ・プロフィール編集フォーム */
.cls_f label:has(.img_show_wide) {
  display: block;
  align-items: normal;
}

.f__profile__input__wrap .add__form__wrap {
  margin-top: 10px;
}

/* コミュニティーの内容 */
.community__main__header {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.tab__head__comm {
  display: flex;
  width: 100%;
  border-radius: 5px;
  background: #f3f2f1;
}
.tab__head__comm li {
  flex-grow: 1;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
}

.comm__tab__item {
  position: relative;
  padding: 6px 0;
  color: var(--main500);
}
.comm__tab__item a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  color: #333;
}
.comm__tab__item.tab__item__selected {
  background: var(--main500);
  color: #fff;
}
.comm__tab__item.tab__item__selected a {
  color: #fff;
}

.community__main {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.community__main.top {
  flex-direction: row;
  gap: 30px;
}

.comm__info__wrap {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 290px;
}

.comm__base {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.comm__img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: var(--back);
  width: 100%;
  aspect-ratio: 4/3;
}
.comm__img a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.comm__img img {
  width: 100%;
  max-height: 217px;
  object-fit: contain;
}
.comm__img .material-symbols-outlined {
  font-size: 70px;
  color: #ccc;
  user-select: none;
  text-decoration: none;
}

.comm__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  font-size: 12px;
}
.comm__info > div {
  display: flex;
  gap: 5px;
}

.comm__main__contents {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: calc(100% - 310px);
}

.member__title__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f2f1;
  box-sizing: border-box;
  padding: 5px 12px;
}
.member__title__wrap .member__title {
  font-weight: bold;
}
.member__title__wrap .member__title__item a {
  font-size: 12px;
  text-decoration: underline;
  color: #333;
  cursor: pointer;
}

.comm__btn__area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px 12px;
  gap: 10px;
}
.comm__btn__area.type__join {
  background: #e9f4ff;
  border: 1px solid #b9cfe3;
}
.comm__btn__area.type__join .btn {
  white-space: nowrap;
}
.comm__btn__area.type__drop {
  background: #f3f2f1;
  border: 1px solid #ccc;
}
.comm__btn__area.type__drop .btn {
  white-space: nowrap;
}

.comm__contents__title {
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
  padding: 8px 3px;
  font-size: 14px;
  font-weight: bold;
}

table.comm__top__contents {
  width: 100%;
  border-spacing: 2px;
  border-collapse: separate;
}
table.comm__top__contents td,
table.comm__top__contents th {
  padding: 5px;
}
table.comm__top__contents th {
  background: #f3f2f1;
  text-wrap: nowrap;
}

.comm__top__contents__wrap > ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.comm__top__contents__wrap .comm__top__topic__date {
  font-size: 11px;
}

/* フォーム関連 */
.section__after {
  margin-top: 40px;
}

.f-contents__form__area {
  width: 100%;
}
.f-contents__form__area .title__line label:has([type=text]) {
  width: 100%;
}
.f-contents__form__area .title__line [name=title] {
  width: 100%;
}

.memo_preview {
  display: flex;
  align-items: center;
  justify-content: start;
}
.memo_preview img {
  max-width: 240px;
  max-height: 240px;
  margin-top: 5px;
}

/* 絵文字関連 */
.jsAxolEmj_item {
  background: transparent;
  box-shadow: none;
  border: none;
  width: 20px;
}
.jsAxolEmj_item img {
  display: inline;
  width: 14px;
  height: 14px;
  max-width: none;
}

.comment__inner__txt {
  background: transparent;
  box-shadow: none;
  border: none;
}
.comment__inner__txt img {
  display: inline;
  width: 14px;
  height: 14px;
  max-width: none;
}

/* トピック */
.comm__topic__box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 12px;
  box-shadow: var(--shadow-sm);
  gap: 10px;
}
.comm__topic__box a {
  color: #333;
}
.comm__topic__box.on__only {
  border-top: 5px solid var(--main500);
}

.comm__topic__title__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.comm__topic__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 0 12px 3px;
}
.comm__topic__title .topic__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
}

.comm__topic__title__item {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
}
.comm__topic__title__item .topic__edit,
.comm__topic__title__item .topic__delete {
  cursor: pointer;
  background: #f3f2f1;
  box-shadow: var(--shadow-xs);
  border-radius: 3px;
  position: relative;
  padding: 3px 5px 3px 22px;
  transition: 0.2s;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  color: #333;
}
.comm__topic__title__item .topic__edit::before,
.comm__topic__title__item .topic__delete::before {
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: absolute;
  width: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}
.comm__topic__title__item .topic__edit:hover,
.comm__topic__title__item .topic__delete:hover {
  background: #555;
  color: #fff;
}
.comm__topic__title__item .topic__edit::before {
  font-family: "Material Symbols Outlined";
  content: "\e3c9";
}
.comm__topic__title__item .topic__delete::before {
  font-family: "Material Symbols Outlined";
  content: "\e872";
}

.owner__mark {
  background: var(--important);
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-wrap: nowrap;
}

.comm__topic__owner,
.comm__topic__date {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}

.comm__topic__text {
  border-top: 1px solid #ccc;
  padding: 12px 0 0 3px;
}

/* トピックへのコメント */
.topic_comment__wrap {
  width: 100%;
}

.topic__container {
  position: relative;
  display: flex;
  align-items: start;
  box-shadow: var(--shadow-sm);
  gap: 15px;
  width: 100%;
  padding: 20px;
}
.topic__comment__inner .topic__container {
  padding: 15px 0;
}
.topic__comment__inner .topic__container .topic__member__photo {
  width: 42px;
}
.topic__comment__inner .topic__container .topic__member__photo img {
  width: 100%;
  max-height: 140px;
  object-fit: contain;
}

.topic__member__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
}
.topic__member__photo a {
  display: block;
  width: 100%;
  height: 100%;
}
.topic__member__photo img {
  width: 100%;
  max-height: 60px;
  object-fit: contain;
}
.topic__member__photo:has(.material-symbols-outlined) {
  background: var(--back);
  aspect-ratio: 3/4;
  max-height: 80px;
}
.topic__member__photo .material-symbols-outlined {
  font-size: 40px;
  color: #ccc;
  user-select: none;
  text-decoration: none;
}

.topic__comment__box {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.topic__comment__box.type__none div {
  padding: 12px 0 15px;
}
.topic__comment__inner .topic__comment__box {
  width: calc(100% - 57px);
}
.topic__comment__box .topic__delete {
  cursor: pointer;
  background: #f3f2f1;
  box-shadow: var(--shadow-xs);
  border-radius: 3px;
  position: relative;
  padding: 3px 5px 3px 22px;
  transition: 0.2s;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  color: #333;
}
.topic__comment__box .topic__delete::before {
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: absolute;
  width: 16px;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}
.topic__comment__box .topic__delete:hover {
  background: #555;
  color: #fff;
}
.topic__comment__box .topic__delete::before {
  font-family: "Material Symbols Outlined";
  content: "\e872";
}

.topic__member__name__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

.topic__member__name {
  display: flex;
  align-items: start;
}
.topic__member__name a {
  text-decoration: underline;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
.topic__member__name .owner__mark {
  margin: 0 8px 0 0;
}

.topic__comment__cont {
  display: flex;
  align-items: center;
  gap: 8px;
}

.topic__comment {
  display: flex;
}

.comment__inner__file {
  margin-top: 12px;
}
.comment__inner__file a {
  width: fit-content;
  word-break: break-all;
}

.topic__comment__inner {
  margin-top: 8px;
}

.topic__comment__btn {
  text-align: right;
}
.topic__comment__btn a {
  display: inline-block;
  background: var(--submit);
  border-radius: 3px;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
}

.topic__member__date {
  font-size: 12px;
}

/* イベント */
.comm__event__box {
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: var(--shadow-sm);
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
}

.comm__event__title__wrap {
  display: flex;
  align-items: start;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
}

.comm__event__title {
  display: flex;
  align-items: start;
  gap: 8px;
}

.event__status {
  border-radius: 3px;
  padding: 5px 8px;
  line-height: 1;
  font-size: 11px;
  white-space: nowrap;
}

.event__open {
  background: var(--success);
  border: 1px solid var(--success);
  font-weight: bold;
  color: #fff;
}

.event__close {
  background: #ccc;
  border: 1px solid #ccc;
  color: #333;
}

.event__end {
  border: 1px solid #666;
  color: #666;
}

.event__cancel {
  border: 1px solid #666;
  color: #666;
}

.comm__event__title__text {
  font-size: 15px;
  font-weight: bold;
}

.comm__event__title__cont {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}

.community_list_contents {
  display: flex;
  align-items: stretch;
  gap: 20px;
  width: 100%;
}
.community_list_contents form {
  width: 100%;
}
.community_list_contents table.event__info {
  border-collapse: collapse;
  border-spacing: 0;
  width: 50%;
}
.community_list_contents table.event__info th,
.community_list_contents table.event__info td {
  border: 1px solid #ccc;
  padding: 3px 8px;
  font-size: 13px;
}
.community_list_contents table.event__info .maker {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.community_list_contents table.event__info th {
  background: #f3f2f1;
  width: 140px;
  text-align: left;
  font-size: 12px;
}
.community_list_contents .event__comment {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: calc(100% - 330px);
}
.community_list_contents .my__status {
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 12px;
  font-size: inherit;
  cursor: default;
  text-decoration: none;
  white-space: pre-wrap;
}

.you__answer .answer__wrap {
  padding: 4px 8px;
}
.you__answer .best_day {
  background: #ffffcf;
}

.set_day {
  background: #ffffcf;
  font-weight: bold;
}

th.set_day {
  background: #f4f4b2;
}

.comm__event__text {
  padding: 0 15px 12px;
}
.comm__event__text .comm__event__notice {
  color: var(--submit);
}

.event__form__date__wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form__date__wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
  font-size: 13px;
}
.form__date__wrap input {
  width: 120px;
  margin-left: 3px;
}
.form__date__wrap .date__num {
  width: 20px;
  text-align: right;
}
.form__date__wrap .fb_ownAlertStrs {
  padding-left: 22px;
}

.comm__event__day__choice {
  margin: 5px 0 20px;
}
.comm__event__day__choice label,
.comm__event__day__choice .fb_freeze {
  display: block;
  background: #fff6cf;
  border: 1px solid #ffe678;
  border-radius: 3px;
  padding: 7px 12px;
  font-weight: bold;
}
.form__item__print .comm__event__day__choice {
  margin: 8px 0;
}

.form__item.lock__line .form__item__group, .form__item.del__line .form__item__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 8px;
}
.form__item.file__up .upload__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.form__item.file__up .upload__wrap [type=button] {
  margin: 0;
}
.form__item.upload_allows__line [name=upload_allows],
.form__item.upload_allows__line [name=ng_flags], .form__item.ng_flags__line [name=upload_allows],
.form__item.ng_flags__line [name=ng_flags] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.form__item [data-mode=lock] {
  display: inline-block;
  background: var(--submit);
  border: 1px solid var(--submit);
  border-radius: 3px;
  padding: 3px 8px;
  color: #fff;
  cursor: pointer;
}
.form__item [data-mode=unlock] {
  display: inline-block;
  background: var(--action);
  border: 1px solid var(--action);
  border-radius: 3px;
  padding: 3px 8px;
  color: #fff;
  cursor: pointer;
}

.confirm__text__block {
  display: block;
  width: 100%;
  font-weight: bold;
}

.event__yotei__wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  margin-top: 30px;
}
.event__yotei__wrap .community_list_contents {
  width: 100%;
}

.event__allyotei__block h3 {
  margin-bottom: 12px;
  font-size: 16px;
}
.event__allyotei__block .join__area__caption {
  width: 100%;
}

.event__myyotei__block h3 {
  margin-bottom: 12px;
  font-size: 16px;
}
.event__myyotei__block .community_list_contents {
  display: flex;
  flex-direction: column;
}

.join__area__wrap {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 15px;
  width: 100%;
}

.join__area__item {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
}
.join__area__item.yes__no .join__area__contents {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.join__area__item.day__list .join__area__contents {
  flex-direction: row;
}
.join__area__item .join__area__title {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.join__area__item label {
  font-size: 15px;
  font-weight: bold;
}
.join__area__date .join__area__title {
  margin-bottom: 5px;
}

.join__area__comment .join__area__title {
  margin-bottom: 5px;
}
.join__area__comment .join__area__contents {
  width: 100%;
}
.join__area__comment .join__area__contents textarea {
  max-width: 100%;
}

.join__area__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.join__area__table caption {
  margin-bottom: 5px;
  text-align: left;
}
.join__area__table thead {
  background: var(--back);
}
.join__area__table th,
.join__area__table td {
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 8px 12px;
}
.join__area__table td.commnet {
  font-size: 13px;
}
.join__area__table.my__answer th {
  width: 250px;
  text-align: left;
}
.join__area__table textarea {
  width: 100%;
  max-width: 100%;
  height: 200px;
}
.join__area__table .join__memb {
  width: 150px;
  text-align: left;
}
.join__area__table .yotei {
  width: 95px;
  font-size: 13px;
  text-align: center;
  word-break: auto-phrase;
}
.join__area__table .yotei span {
  font-size: 11px;
}
.join__area__table span.ok,
.join__area__table span.unknown,
.join__area__table span.no {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 80px;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: bold;
}
.join__area__table .ok {
  background: #d2e5ff;
  color: var(--active);
}
.join__area__table .unknown {
  background: #f3f2f1;
  color: #000;
}
.join__area__table .no {
  background: #ffdfdd;
  color: var(--important);
}
.join__area__table .comment {
  text-align: left;
}
.join__area__table .my_answer_check {
  text-align: left;
}
.join__area__table .my_answer_check div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 3px;
}
.join__area__table .my_answer_check div label {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  box-shadow: var(--shadow-xs);
  border-radius: 3px;
  padding: 5px 8px;
  font-weight: bold;
  font-size: 13px;
}
.join__area__table .my_answer_check div label span {
  line-height: 1;
}
.join__area__table .my_answer_check div label:has(:checked) {
  background: var(--active);
  border-color: var(--active);
  color: #fff;
}
.join__area__table tr.sum span.ok,
.join__area__table tr.sum span.unknown,
.join__area__table tr.sum span.no {
  display: inline-block;
  width: fit-content;
  padding: 1px 5px;
  font-size: 11px;
  font-weight: bold;
}

.join__area__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}

/* ファイル管理 */
.comm__files__block__wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  border-top: 1px solid #ccc;
}
.comm__files__block__wrap .comm__files__block {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-bottom: 1px solid #ccc;
  border-radius: 3px;
  padding: 12px 5px;
}
.comm__files__block__wrap .comm__files__block .info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5px;
}
.comm__files__block__wrap .comm__files__block .file {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px;
}
.comm__files__block__wrap .comm__files__block .date {
  font-size: 12px;
}

.join__area__pc__mode {
  display: block;
  width: 100%;
}

.join__area__sp__mode {
  display: none;
}

/* リファラル制度のご案内 */
.referral__box button {
  max-width: fit-content;
  text-wrap: wrap;
}

/* freshers CSS フレッシャーズ版 */
/* フレッシャーズ版に関するCSSを記述 */
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  /* タブ、パンくず（レスポンシブ） */
  /*-----------------------------------------------*/
  .tab__head {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    padding: 4px 0;
  }
  .tab__head .tab__head__item {
    background: #fff;
    text-align: center;
  }
  .tab__head .tab__head__item.tab__item__selected {
    background: var(--main500);
    color: #fff;
    font-weight: bold;
  }
  .tab__head .tab__head__item.tab__item__selected a {
    color: #fff;
  }
  .tab__head .tab__head__item.tab__item__selected::before {
    display: none;
  }
  /* TOP画面（レスポンシブ） */
  /*-----------------------------------------------*/
  .freTop_voice_wrap .jsSlideItem div,
  .Top_topics_wrap .jsSlideItem div {
    display: block;
  }
  .top__letter__contents__item,
  .top__letter__date,
  .top__letter__subject {
    display: block;
  }
  .fretop__selfbox {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
    padding: 0;
  }
  .fretop__selfbox .fretop__self__img img {
    aspect-ratio: auto;
  }
  .fretop__selfbox .fretop__self__info {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 8px;
    flex-shrink: 0;
    margin: 0;
    text-align: left;
  }
  .fretop__selfbox .fretop__self__info .btn {
    padding: 5px 8px;
    font-size: 12px;
  }
  .info__check {
    display: none;
  }
  .info__check:checked + .info__back {
    display: flex;
  }
  .info__btn {
    display: flex;
  }
  .info__back {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
  }
  .info__back .info__close {
    background: rgba(0, 0, 0, 0.2);
    width: 60px;
    height: 100vh;
  }
  .info__back .info__wrap {
    flex: 1;
    background: white;
    box-shadow: -3px 0 5px rgba(0, 0, 0, 0.15);
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    animation: infoOpen 0.1s 0.1s ease backwards;
  }
  .info__back:has(.info__wrap) .info__wrap {
    padding: 0;
  }
  .info__back:has(.info__wrap) .info__wrap .fretop__main__area {
    padding: 20px;
    max-height: calc(100vh + 1px);
    overflow-y: auto;
  }
  @keyframes infoOpen {
    from {
      opacity: 0;
      translate: 30px 0;
    }
    to {
      opacity: 1;
      translate: 0px 0;
    }
  }
  .fretop__wrapper {
    display: none;
  }
  .fretop__message__area {
    width: 100%;
  }
  .with__infobox .fretop__mainbox__wrap {
    padding-left: 0;
    width: 100%;
  }
  .fretop__mainbox {
    flex-direction: column;
  }
  #mypage_top .fretop__infobox {
    flex-direction: column;
  }
  #mypage_top .with__subbox .fretop__main__area {
    width: 100%;
    padding-right: 0;
  }
  #mypage_top .fretop__main__area {
    grid-template-columns: 1fr;
  }
  /* タブ（レスポンシブ） */
  /*-----------------------------------------------*/
  .tab__wrap {
    border: none;
  }
  .tab__wrap .tab__head {
    padding: 4px;
  }
  .tab__wrap .tab__bottom__area {
    padding: 15px 0;
  }
  /* メンバーリスト */
  /*-----------------------------------------------*/
  .member__list {
    grid-template-columns: repeat(auto-fit, 74px);
  }
  .member__list.mini {
    grid-template-columns: repeat(auto-fit, 74px);
  }
  .member__list.mini .member__photo__img {
    width: 60px;
    height: 80px;
  }
  .member__list.mini .member__photo__img img {
    max-width: 60px;
    max-height: 80px;
  }
  .member__photo__img {
    width: 70px;
    height: 94px;
  }
  .member__photo__img .material-symbols-outlined {
    font-size: 50px;
  }
  .member__photo__img img {
    max-width: none;
    max-height: 94px;
  }
  /* 内定者の皆さん（レスポンシブ） */
  /*-----------------------------------------------*/
  .member__detail__wrap {
    flex-direction: column;
  }
  .member__detail__wrap .member__detail__photo__area {
    width: 100%;
  }
  .member__detail__wrap .member__detail__photo__area img {
    width: 100%;
    height: auto;
    max-height: 100%;
    aspect-ratio: 3/4;
  }
  .member__detail__wrap .member__detail__photo {
    width: 100%;
  }
  .member__detail__wrap .member__detail__photo a {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
  }
  .member__photo__area {
    grid-template-columns: repeat(3, 1fr);
  }
  .member__detail__contents__area {
    width: 100%;
  }
  /* ボイス（レスポンシブ） */
  /*-----------------------------------------------*/
  .voice__member__photo {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 20px;
    text-align: center;
  }
  .voice__member__photo .member__photo__img {
    width: 30px;
    height: 30px;
  }
  .voice__member__photo .member__photo__img img {
    max-width: 30px;
    max-height: 30px;
  }
  .thread__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }
  .thread__container .member__photo__img {
    overflow: hidden;
    border-radius: 20px;
    width: 30px;
    height: 30px;
  }
  .thread__container .member__photo__img .material-symbols-outlined {
    font-size: 20px;
  }
  .thread__container .member__photo__img img {
    max-width: 30px;
    max-height: 30px;
  }
  .voice__container {
    gap: 10px;
    margin-left: 20px;
    width: calc(100% - 20px);
  }
  .voice__thread__box {
    gap: 10px;
  }
  .voice__member__name {
    flex-direction: column;
    gap: 10px;
    padding: 0;
  }
  .voice__comment {
    padding: 15px 0 0;
  }
  .voice__comment__cont {
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 5px;
  }
  .voice__comment__cont .comment__edit,
  .voice__comment__cont .comment__delete {
    flex-wrap: nowrap;
    margin: 0;
  }
  .voice__comment__cont .comment__nice,
  .voice__comment__cont .comment__text {
    padding: 0;
    margin: 0;
  }
  .voice__my__comment__wrap {
    gap: 3px;
  }
  .voice__comment {
    flex-direction: column;
  }
  .voice__my__comment {
    flex-direction: column;
    gap: 10px;
  }
  .comment_line_box {
    flex-direction: column;
  }
  .comment__inner__photo {
    margin-bottom: 8px;
    max-width: 160px;
    max-height: 160px;
  }
  .comment__inner__photo img {
    max-height: 160px;
  }
  .new__nice__box {
    flex-direction: column;
    justify-content: flex-start;
  }
  /* BBS（レスポンシブ） */
  /*-----------------------------------------------*/
  .bbs__detail__main {
    padding: 12px;
    gap: 10px;
  }
  .bbs__detail__main > .bbs__detail__photo__wrap {
    display: none;
  }
  .bbs__detail__main .member__photo__img {
    overflow: hidden;
    border-radius: 20px;
    width: 30px;
    height: 30px;
  }
  .bbs__detail__main .member__photo__img .material-symbols-outlined {
    font-size: 20px;
  }
  .bbs__detail__main .member__photo__img img {
    max-width: 30px;
    max-height: 30px;
  }
  .bbs__detail__name__wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }
  .bbs__detail__name__wrap .bbs__detail__photo__wrap + a {
    margin-top: 3px;
  }
  .bbs__detail__name__wrap .bbs__detail__name {
    display: flex;
    column-gap: 8px;
    width: 100%;
  }
  .bbs__detail__name__wrap .bbs__detail__name .bbs__detail__photo__wrap {
    display: block;
  }
  .bbs__detail__title,
  .bbs__detail__text {
    padding: 10px 0;
  }
  .bbs__detail__text__wrap {
    padding: 0;
  }
  .new__comment__bottom {
    flex-wrap: wrap;
  }
  /* コミュニティ（レスポンシブ） */
  /*-----------------------------------------------*/
  .tab__head__comm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    padding: 5px;
  }
  .tab__head__comm li {
    background: #fff;
  }
  .comm__btn__area {
    flex-direction: column;
  }
  .comm__btn__area .btn {
    width: 100%;
  }
  /* コミュニティ一覧 */
  .community__list {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    column-gap: 20px;
  }
  .community__list .comm__img__wrap img {
    max-height: 100%;
  }
  .community__list.type__member {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
    column-gap: 20px;
  }
  .topic__container {
    flex-direction: column;
    padding: 10px;
  }
  .topic__container .topic__comment__box {
    width: 100%;
    margin: 0;
  }
  /* コミュニティTOP（レスポンシブ） */
  .community__main {
    flex-direction: column;
  }
  .community__main.top {
    flex-direction: column;
  }
  .comm__main__contents {
    width: 100%;
  }
  .comm__info__wrap {
    width: 100%;
  }
  .comm__img {
    width: 100%;
  }
  .comm__img a {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  .comm__img img {
    aspect-ratio: 4/3;
    max-height: 408px;
  }
  .comm__member {
    width: 100%;
  }
  /* 最新情報（レスポンシブ）*/
  table.comm__top__contents {
    display: block;
  }
  table.comm__top__contents tbody, table.comm__top__contents tr, table.comm__top__contents td, table.comm__top__contents th {
    display: block;
  }
  table.comm__top__contents th {
    text-align: left;
  }
  table.comm__top__contents .type__event__list {
    padding-bottom: 10px;
  }
  /* トピックス（レスポンシブ） */
  .topic_comment__wrap {
    padding: 0;
  }
  .comm__topic__title {
    flex-wrap: wrap;
  }
  .comm__topic__title .topic__title + div {
    margin-left: auto;
  }
  .comm__manage__btn__wrap {
    gap: 5px;
    justify-content: center;
  }
  .topic__member__name__wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 10px 45px;
  }
  .topic__member__name__wrap .topic__member__name {
    align-items: flex-start;
    gap: 5px;
  }
  .topic__member__photo {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 50px;
    overflow: hidden;
    text-align: center;
    top: 10px;
    left: 10px;
    background: #eee;
  }
  .topic__member__photo:has(span) {
    width: 30px;
  }
  .topic__member__photo:has(span) .material-symbols-outlined {
    font-size: 20px;
  }
  .topic__member__photo img {
    height: 100%;
  }
  .topic__comment__cont {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    gap: 8px;
  }
  .topic__comment {
    padding: 15px 0;
    display: flex;
    flex-direction: column;
  }
  /* イベント（レスポンシブ） */
  .form__date__wrap .form__date__comment input {
    margin: 0;
  }
  .comm__event__text {
    padding: 0;
  }
  .community_list_contents {
    flex-direction: column;
    gap: 10px;
  }
  .community_list_contents table.event__info {
    width: 100%;
  }
  .community_list_contents table.event__info th,
  .community_list_contents table.event__info td {
    padding: 3px 5px;
  }
  .community_list_contents table.event__info th {
    width: 110px;
  }
  .community_list_contents .event__comment {
    width: 100%;
  }
  .join__area__date {
    width: 100%;
  }
  .join__area__wrap {
    padding: 0;
  }
  .join__area__date {
    margin: 0;
  }
  .comm__event__title__cont {
    align-items: end;
    width: 100%;
  }
  .comm__event__title__cont .my__status {
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
  }
  .comm__event__title__cont .go_detail,
  .comm__event__title__cont .go_yotei_button {
    width: 100%;
    margin-left: 0;
    padding: 9px 8px;
    text-align: center;
  }
  /* イベント状況詳細（レスポンシブ） */
  .join__area__comment {
    width: 100%;
  }
  .join__area__table .my_answer_check {
    width: auto;
  }
  .join__area__table {
    display: block;
  }
  .join__area__table caption {
    display: flex;
  }
  .join__area__table tbody,
  .join__area__table tr,
  .join__area__table th,
  .join__area__table td {
    display: block;
    border: none;
    width: 100%;
  }
  .join__area__table tr {
    padding: 0 0 10px 0;
  }
  .join__area__table th, .join__area__table td {
    padding: 5px 0 0 0;
  }
  .join__area__table .yotei {
    display: flex;
    gap: 5px;
    width: 100%;
  }
  .join__area__table .yotei.set_day {
    background: #ffffcf;
    padding: 3px 8px;
  }
  .join__area__table .yotei > br {
    display: none;
  }
  .join__area__table .yotei span.ok, .join__area__table .yotei span.unknown, .join__area__table .yotei span.no {
    width: fit-content;
  }
  .join__area__pc__mode {
    display: none;
  }
  .join__area__sp__mode {
    display: block;
  }
  .join__area__sp__mode .join__area__bottom__caption {
    padding-top: 10px;
  }
  .event__myyotei__block,
  .event__allyotei__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .event__myyotei__block h3,
  .event__allyotei__block h3 {
    margin: 5px 0 0 0;
  }
  /* ファイル管理（レスポンシブ） */
  .comm__files__block .btn {
    justify-content: flex-start;
    width: 100%;
    padding: 12px;
  }
}
/* bodyにマニュアルページ用固有タグ */
body#movie_manual {
  width: 100%;
  height: 100%;
  line-height: 1.5;
  font-size: 14px;
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  text-align: left;
  word-break: normal;
  white-space: normal;
  -webkit-font-smoothing: antialiased;
  /* base CSS 基礎設定 */
  /* ベースのリセット
  ------------------------------------------------------------------*/
  /* ボタンのベース
  ------------------------------------------------------------------*/
  /* フォームのベース
  ------------------------------------------------------------------*/
  /* テキストエリアベース
  ------------------------------------------------------------------*/
  /* ラジオボタンベース
  ------------------------------------------------------------------*/
  /* チェックボックスベース
  ------------------------------------------------------------------*/
  /* セレクトボックスベース
  ------------------------------------------------------------------*/
  /* ファイル選択
  ------------------------------------------------------------------*/
  /*---------------------------------------------------------------------------------*/
  /*
  /*    モーダル系のベース
  /*
  /*---------------------------------------------------------------------------------*/
  /* axol.modalDialog (モーダルダイアログ)
  ------------------------------------------------------------------*/
  /* 絶対位置 */
  /* 背景バックの色 */
  /* モーダル枠 */
  /* 閉じるボタン */
  /* モーダル内のアイテムベース
  ------------------------------------------------------------------*/
  /* 年月日・時間 （テキスト）*/
  /* 年月日・時間 （テキスト）*/
  /* ダイアログ下部のボタンなど */
  /* メール設定時のベース
  ------------------------------------------------------------------*/
  /* axol.axolModalTip (モーダルチップ)
  ------------------------------------------------------------------*/
  /* 絶対位置 */
  /* 背景バックの色 */
  /* チップ枠 */
  /* 三角矢印の色 */
  /* axol.loadingDialog (ローディングアニメーション)
  ------------------------------------------------------------------*/
  /* axolDateTimePicker (日付選択)
  ---------------------------------------------------------------------*/
  /* カレンダーアイコン & ボタン */
  /* カレンダー本体 */
  /* axolMonthPicker (日付複数選択)
  ---------------------------------------------------------------------*/
  /* header
  --------------------------------------------------*/
  /* contents
  --------------------------------------------------*/
  /* 説明部分
  --------------------------------------------------*/
}
body#movie_manual input, body#movie_manual textarea, body#movie_manual select {
  padding: 3px;
  padding-right: 18px;
  font-size: 1.2rem;
}
body#movie_manual ul, body#movie_manual ol, body#movie_manual dl {
  list-style: none;
}
body#movie_manual table {
  border-collapse: collapse;
  border-spacing: 0;
}
body#movie_manual th, body#movie_manual td {
  font-size: 1.2rem;
  line-height: 1.5;
}
body#movie_manual p, body#movie_manual h1, body#movie_manual h2, body#movie_manual h3, body#movie_manual h4, body#movie_manual h5, body#movie_manual h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  background: transparent;
}
body#movie_manual h1, body#movie_manual h2, body#movie_manual h3, body#movie_manual h4, body#movie_manual h5, body#movie_manual h6 {
  font-size: 100%;
}
body#movie_manual a {
  background: transparent;
  margin: 0;
  padding: 0;
  color: #1f70c1;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
}
body#movie_manual a :hover {
  color: #6c96c1;
  text-decoration: none;
}
body#movie_manual .txt_right {
  text-align: right;
}
body#movie_manual .txt_center {
  text-align: center;
}
body#movie_manual .txt_left {
  text-align: left;
}
body#movie_manual .pager_bar {
  text-align: center;
}
body#movie_manual :visited, body#movie_manual :link {
  color: #04c;
}
body#movie_manual a, body#movie_manual #header-wrap {
  -webkit-tap-highlight-color: transparent;
}
body#movie_manual .clearfix:after {
  overflow: hidden;
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body#movie_manual input[type=button],
body#movie_manual input[type=submit],
body#movie_manual .btn {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
}
body#movie_manual input[type=button] a,
body#movie_manual input[type=submit] a,
body#movie_manual .btn a {
  text-decoration: none;
}
body#movie_manual .btn__wrap {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1;
}
body#movie_manual input[type=text],
body#movie_manual input[type=password],
body#movie_manual select, body#movie_manual textarea,
body#movie_manual .radio__item-name,
body#movie_manual .form__item__title {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body#movie_manual input[type=text]:focus,
body#movie_manual input[type=password]:focus,
body#movie_manual select:focus, body#movie_manual textarea:focus {
  border: 1px solid rgba(90, 180, 255, 0.5);
  box-shadow: 0 0 3px rgba(90, 180, 255, 0.5);
}
body#movie_manual input[type=text],
body#movie_manual input[type=password],
body#movie_manual select {
  padding: 5px 18px 5px 8px;
}
body#movie_manual textarea {
  min-height: 65px;
  padding: 12px 15px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-family: inherit;
}
body#movie_manual input[type=radio] {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: text-top;
}
body#movie_manual .radio__wrap {
  width: 100%;
}
body#movie_manual .radio__item + .radio__item {
  border-top: inherit;
  border-radius: 0;
}
body#movie_manual .radio__item:last-child {
  border-top: none;
}
body#movie_manual .half .radio__item {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
body#movie_manual .half .radio__item:first-child {
  float: left;
}
body#movie_manual .half .radio__item:last-child {
  float: right;
  border-left: none;
}
body#movie_manual .input__item-name {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
}
body#movie_manual input[type=checkbox] {
  margin: 0 5px 0 0;
  vertical-align: text-top;
  -webkit-tap-highlight-color: transparent;
}
body#movie_manual .checkbox__wrap {
  width: 100%;
}
body#movie_manual .checkbox__item {
  width: 100%;
  box-sizing: border-box;
}
body#movie_manual .checkbox__item + .checkbox__item {
  border-top: inherit;
  border-radius: 0;
}
body#movie_manual .checkbox__item:last-child {
  border-top: none;
}
body#movie_manual select {
  vertical-align: middle;
}
body#movie_manual select::-ms-expand {
  display: none;
}
body#movie_manual .select_wrap {
  position: relative;
}
body#movie_manual .select_wrap + .select_wrap {
  border-radius: 0;
}
body#movie_manual input[type=file] {
  border: 1px solid transparent;
  margin-top: 5px;
}
body#movie_manual ._axol_modal_bind {
  /* position: fixed; : js側固定 */
  /* width: 100vw; : js側固定 */
  /* height: 100vh; : js側固定 */
  /* display: animate; : js側固定 */
  /* z-index:current-max; : js側固定 */
}
body#movie_manual ._axol_modal_back {
  /* width: 100%; : js側固定 */
  /* height: 100%; : js側固定 */
  background: rgba(0, 0, 0, 0.2);
}
body#movie_manual .axol_modal_dialog {
  /* position: absolute; : js側固定 */
  /* z-index:current-max; : js側固定 */
  background: #fff;
  max-width: 70%;
  max-height: 70%;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 13px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
body#movie_manual ._axol_modal_close_btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
  width: 14px;
  height: 14px;
  outline-style: none;
  top: 3px;
  right: 3px;
  cursor: pointer;
}
body#movie_manual ._axol_modal_close_btn:focus-visible {
  outline-style: auto;
}
body#movie_manual .sp__style ._axol_modal_close_btn:focus-visible {
  outline-style: none;
}
body#movie_manual ._axol_modal_close_btn::before {
  position: absolute;
  content: "×";
  font-size: 18px;
  color: #555;
}
body#movie_manual .dialog__title {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 18px;
  text-align: center;
  font-weight: bold;
}
body#movie_manual .axol_modal_dialog input[type=text],
body#movie_manual .axol_modal_dialog input[type=password],
body#movie_manual .axol_modal_dialog select,
body#movie_manual .axol_modal_dialog textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 100%;
  padding: 8px;
  font-size: 12px;
  font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
body#movie_manual .axol_modal_dialog input[type=text]:focus,
body#movie_manual .axol_modal_dialog input[type=password]:focus,
body#movie_manual .axol_modal_dialog select:focus,
body#movie_manual .axol_modal_dialog textarea:focus {
  border: 1px solid rgba(90, 180, 255, 0.5);
  box-shadow: 0 0 3px rgba(90, 180, 255, 0.5);
}
body#movie_manual .axol_modal_dialog textarea {
  min-width: 100%;
  max-width: 100%;
}
body#movie_manual .axol_modal_dialog .select_wrap {
  display: inline-block;
}
body#movie_manual .axol_modal_dialog select {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAABTCAYAAADjsjsAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEU4OUJCODQ1NEJFMTFFNzlCNjdDQzFFMTE2RUUzOTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEU4OUJCODM1NEJFMTFFNzlCNjdDQzFFMTE2RUUzOTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY1YTNkYjE2LTlkMjgtMTE3YS05YzM1LWE5MTAyZTQxM2U1YiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjY1YTNkYjE2LTlkMjgtMTE3YS05YzM1LWE5MTAyZTQxM2U1YiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl43CscAAAISSURBVHja7Ny9bcJAAIZhmyxAmTI9DSuwQVJQpCMTRJkkI5A2osgIrEBFmxUo08EdchIQGP/c32f7faWTsQXIeuQD20jk+/0+Iz+NIAATTDAJTDDBJDDBBBNMAhNMMAlMMMEEkxzKT1fm8/nULL7MeFqtVht4rmecxmaxNmNjnF4ujkzzhMfiCQ92WcBSOaT1WZj15Rmm2bAojshxsX0MaCXkb3+geQG5LHn9zowZU74U8rQPe2S+3ngPjtB6kLapxZzZD1JAnSCt32xkpvAOUHdI63j8AgLUHfLs1AhQN8iLKyBA20NevZwcMqgLZOm1+RBBXSFv3ugYEqgPyJuYQwH1BVmJ2XdQn5C1MPsK6huyNmbfQENANsLsC2ixX9++IRtjdh202J919n/f1htkK8yugoaGbI3ZNdAYkE6YXQGNBemMqQ4aE9ILpipobEhvmGqgKSC9YqqApoL0jpkaNCVkEMxUoKkhg2HGBlWADIoZC1QFMjhmaFAlyCiYoUDVIKNh+gZVhIyK6QtUFTI6piuoMmQSzLag6pC2PEtYzd9iLMybGe/KkMkxG4BWlRwy2TRvMeXlISUwHUFlIGUwW4JKQUphNgSVg5TDrAkqCSmJWQEqCymLWQIqDWm7y4Tbbrc/k8nk0zy8N+NZGfJ40s6fkQ5gmoMJJoEJJpgEJphgEphgggkmgQkmmARmuA4CDABz5uqUU9CnPAAAAABJRU5ErkJggg==) right 8px center/8px no-repeat;
  width: 100%;
  padding: 5px 30px 5px 8px;
  cursor: pointer;
}
body#movie_manual .axol_modal_dialog input[type=checkbox] {
  margin: 0 5px 0 0;
  vertical-align: text-top;
}
body#movie_manual .axol_modal_dialog span[name=repeat_weekdays] label {
  margin-right: 10px;
  white-space: nowrap;
}
body#movie_manual .axol_modal_dialog table {
  width: 100%;
}
body#movie_manual .axol_modal_dialog th {
  display: inline-block;
  width: 75px;
  margin: 10px 0;
  text-align: right;
  vertical-align: top;
}
body#movie_manual .axol_modal_dialog tr td .fb_textdateElement_Y,
body#movie_manual .axol_modal_dialog tr td .fb_textdateElement_m,
body#movie_manual .axol_modal_dialog tr td .fb_textdateElement_d,
body#movie_manual .axol_modal_dialog tr td .fb_timeElement_H,
body#movie_manual .axol_modal_dialog tr td .fb_timeElement_i {
  padding: 5px 5px;
  text-align: center;
  ime-mode: disabled;
}
body#movie_manual .axol_modal_dialog tr td .fb_textdateElement_Y {
  width: 48px;
  margin-right: 1px;
}
body#movie_manual .axol_modal_dialog tr td .fb_textdateElement_m {
  width: 30px;
  margin: 0 1px 0 3px;
}
body#movie_manual .axol_modal_dialog tr td .fb_textdateElement_d {
  width: 30px;
  margin: 0 1px 0 3px;
}
body#movie_manual .axol_modal_dialog tr td .fb_timeElement_H {
  width: 40px;
  margin-right: 3px;
}
body#movie_manual .axol_modal_dialog tr td .fb_timeElement_i {
  width: 40px;
  margin-left: 3px;
}
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_Y,
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_m,
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_d,
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_H,
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_i {
  padding: 5px 20px 5px 5px;
  ime-mode: disabled;
}
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_Y {
  width: 65px;
  margin-right: 1px;
}
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_m {
  width: 48px;
  margin: 0 1px 0 3px;
}
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_d {
  width: 48px;
  margin: 0 1px 0 3px;
}
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_H {
  width: 48px;
  margin: 0 1px 0 3px;
}
body#movie_manual .axol_modal_dialog tr td .fb_dateElement_i {
  width: 48px;
  margin: 0 1px 0 3px;
}
body#movie_manual .axol_modal_dialog ._axol_modal_body .dialog__textarea {
  width: 100%;
  margin: 0;
}
body#movie_manual .axol_modal_dialog ._axol_modal_body .dialog__footer__area {
  display: block;
  width: 100%;
  margin: 15px auto;
  text-align: center;
}
body#movie_manual .axol_modal_dialog .dialog__footer__area .submit_button {
  float: none;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 3px;
  min-width: 140px;
  width: auto;
  height: auto;
  margin: 0 8px;
  padding: 10px 18px;
  line-height: 1.5;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: 0.2s;
}
body#movie_manual .axol_modal_dialog .dialog__footer__area .submit_button:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
body#movie_manual .axol_modal_dialog .submit_button {
  box-sizing: content-box;
}
body#movie_manual .axol_modal_dialog.mailSender {
  width: 720px;
  min-width: 600px;
  font-size: 13px;
}
body#movie_manual .axol_modal_dialog.mailSender table {
  width: 100%;
}
body#movie_manual .axol_modal_dialog.mailSender tr {
  display: block;
  padding: 8px 0;
}
body#movie_manual .axol_modal_dialog.mailSender .edit__item__mail-title,
body#movie_manual .axol_modal_dialog.mailSender .edit__item__letter-title,
body#movie_manual .axol_modal_dialog.mailSender .edit__item__important {
  border-top: 1px solid #ccc;
  padding-top: 18px;
}
body#movie_manual .axol_modal_dialog.mailSender .edit__item__mail-address,
body#movie_manual .axol_modal_dialog.mailSender .edit__item__mail-body,
body#movie_manual .axol_modal_dialog.mailSender .edit__item__letter-body {
  padding-bottom: 18px;
}
body#movie_manual .axol_modal_dialog.mailSender th,
body#movie_manual .axol_modal_dialog.mailSender td {
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  vertical-align: top;
}
body#movie_manual .axol_modal_dialog.mailSender th {
  width: 130px;
}
body#movie_manual .axol_modal_dialog.mailSender td {
  width: calc(100% - 150px);
}
body#movie_manual .axol_modal_dialog.mailSender .set_edit_need {
  width: 15px;
  height: 20px;
  color: #f00;
}
body#movie_manual .axol_modal_dialog.mailSender span[name=user_omq_date],
body#movie_manual .axol_modal_dialog.mailSender span[name=user_is_direct] {
  display: inline-block;
}
body#movie_manual .axol_modal_dialog.mailSender span[name=user_is_direct] {
  margin-top: 5px;
}
body#movie_manual .axol_modal_dialog.mailSender span[name=user_is_direct] input {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
body#movie_manual .axolModalTip_parent {
  /* position: relative; : js側固定 */
  /* height: 0; : js側固定 */
  /* z-index:current-max; : js側固定 */
}
body#movie_manual .axolModalTip_backWrapper {
  /* position: fixed; : js側固定 */
  /* width: 100%; : js側固定 */
  /* height: 100%; : js側固定 */
  /* z-index:current-max; : js側固定 */
  background: rgba(0, 0, 0, 0.2);
}
body#movie_manual .axolModalTip_dialog {
  /* position:absolute; : js側固定 */
  /* top:**; : js側固定 */
  /* left:**; : js側固定 */
  /* z-index:current-max; : js側固定 */
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  min-width: 300px;
  max-width: 35%;
  padding: 15px 18px;
  box-sizing: border-box;
  font-size: 13px;
}
body#movie_manual .axolModalTip_triangle {
  /* positon:absolute; : js側固定 */
  /* top:**; : js側固定 */
  /* left:**; : js側固定 */
  /* width: 0; : js側固定 */
  /* height: 0; : js側固定 */
  /* z-index:current-max; : js側固定 */
  border-color: #fff;
  border-width: 8px;
}
body#movie_manual .axol_modal_dialog._axol_modal_loading {
  width: 150px;
  height: 90px;
}
body#movie_manual ._axol_modal_loading .loading__wrap {
  position: relative;
  text-align: center;
}
body#movie_manual ._axol_modal_loading .loading__wrap:before {
  position: absolute;
  content: "now loading...";
  width: 150px;
  font-size: 11px;
  bottom: -25px;
  left: calc(50% - 72px);
}
body#movie_manual ._axol_modal_loading .loading__items {
  display: inline-block;
  background: #333;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin: 0 3px;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
body#movie_manual ._axol_modal_loading .loading__items.loading__item1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
body#movie_manual ._axol_modal_loading .loading__items.loading__item2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
body#movie_manual .fb_datePicker {
  display: inline-block;
  /* カレンダーアイコンをbase64で埋め込み */
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTE1NjQ0Nzk0MjA0MTFFN0E1OUZBRUNDRDRCNzgyRkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTE1NjQ0N0E0MjA0MTFFN0E1OUZBRUNDRDRCNzgyRkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTU2NDQ3NzQyMDQxMUU3QTU5RkFFQ0NENEI3ODJGRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTU2NDQ3ODQyMDQxMUU3QTU5RkFFQ0NENEI3ODJGRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp+7TJ4AAANmSURBVHja7FtdSFRBFL6bWmBEP1KBRL8QQYjaDYyCIgwqgkosgiJ6SwrCjF6jKCgI+oEeIqJHhcgsey8fCiri9oM9BZqbPfQQGEQPGrl9hx1hvc7s7sidnG2/Ax+z93Du3HM/Zs7MuWc2lclkAspUSdneEIZhE5o7QD2QBjqiKHrk00vBxxY0N4AVwAegDT6+dkYMHrgAzSCwMEf9B2jEg/s9IaUOzTugIkc9AqyGjz+K7WeW5XObY6QEyoG9Hg2YlhgpgfK52aYTW2LmGfRVHhGzyNL3RIgpG6nEnNxvYb/BoF9n2Y9LWWPyHT4WHWNSMOZ6zalEYkgMiSExJIbEkBgSQ2JIDIXEkBgSQ2JIzIxLpUGfjqJoZTkQEIbhUJAts3DEcCqRGBIz48E36QC3Hs1iADE9+lnAdg6ajcAo8Bb24wXsl6CR/odg+7kkRgycng304udHoA8YxvXOAgR+Al4AbwTqxU32J9B8BZ4Bg7i+VipT6VQwua49H+hUo0In94DlOddS4LtiIGUVmlvB5PLwGeh3lQIxmzW6GmCt5kXFlyaN/RZD32JbodFvKgViBjS63zKl4koVS74U2Uc+fboUiLmuednzec6pdATZ8zYTIoH6nM4QfUgM6oypXwFd3q9KcP4bpoicvDqiplAfdM/z2PfAvkHFpTHgPnTDeR5xFOgG5B7Z2nfBfiwJ301FfeZK3Mpx50tiSIxPuRKCVY1aQhsByU0uIVAP5LGXjdhZlSs9Ba7CftRgK8dr24BWlSvdhW1vUr44GzFwpErlPO3AVuAY8BL6pQZ72dLL8nwA2AZc1Ow9cuUCcBvYAewBHqOPQ0n44noqbQfqYjoZCYcN9ieDqUddW+H8MoP9aY2uPSFfnBJjOitbbdDPLVavcqVqi2fa+uKUGIkRIzGdbOGfGOy7Nbp+9WlBlyv1aOwfJOSLO2JUjrM7yP5xYSJhO2j6HwH0D+VTAPAdyKjvJvugNx2hPS5pgEo0fwE3gctJ+MKUgCkBN3gkhsT8jymBClhWJQuX5RNvRoxNycJ1+cQbYqZRsnBWPvFtxNiWLFyWT7wixrZk4bJ84g8x0yhZOCuf+LgqFV2y+AflE2fCXIm5Ene+JIbEeLQq1SIovS8TDmptiJEtfz2nEoXEkBgS40b+CjAAvc9A48UnbdAAAAAASUVORK5CYII=) center center/15px no-repeat;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  padding: 3px 8px;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  transition: 0.2s;
}
body#movie_manual .fb_datePicker:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 5px 10px;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_header div {
  font-size: 12px;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_header div.jsAxolDateTimePicker_title {
  margin: 0 20px;
  font-size: 16px;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_prev,
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_next {
  border-bottom: 1px solid transparent;
  padding: 0 5px;
  cursor: pointer;
  transition: 0.1s;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_prev:hover,
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_next:hover {
  border-bottom: 1px solid #ffaa00;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_body {
  padding: 5px 0;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_body tr:first-child {
  margin-bottom: 5px;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_body th {
  font-size: 10px;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_body th,
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_body td {
  width: 45px;
  padding: 5px 0;
  text-align: center;
  transition: 0.1s;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_body td:hover {
  background: rgba(255, 170, 0, 0.1);
  cursor: pointer;
}
body#movie_manual .jsAxolDateTimePicker .week_0,
body#movie_manual .jsAxolDateTimePicker .sunday,
body#movie_manual .jsAxolDateTimePicker .holiday {
  color: #E0311D;
}
body#movie_manual .jsAxolDateTimePicker .today {
  font-weight: bold;
  background: #fff15a;
  color: #333;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_body td.today:hover {
  background: #ffdd51;
}
body#movie_manual .jsAxolDateTimePicker .week_6,
body#movie_manual .jsAxolDateTimePicker .saturday {
  color: #0277D1;
}
body#movie_manual .jsAxolDateTimePicker .outOfMonth,
body#movie_manual .jsAxolDateTimePicker .outOfDateSpan {
  color: #757575;
}
body#movie_manual .jsAxolDateTimePicker .selectDay {
  border: 1px solid #ffaa00;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_footer {
  text-align: center;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_today {
  display: block;
  border-bottom: 1px solid transparent;
  margin-top: 5px;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.1s;
}
body#movie_manual .jsAxolDateTimePicker .jsAxolDateTimePicker_today:hover {
  background: #fff15a;
}
body#movie_manual .jsAxolMonthPicker .jsAxolMonthPickerHeader {
  border: 1px solid #ccc;
  margin: 10px 5px;
  padding: 2px 10px;
  text-align: center;
  border-radius: 15px;
}
body#movie_manual .jsAxolMonthPicker .jsAxolMonthPickerCalendar {
  padding: 5px 0;
}
body#movie_manual .jsAxolMonthPicker .jsAxolMonthPickerCalendar tr:first-child {
  margin-bottom: 5px;
}
body#movie_manual .jsAxolMonthPicker .jsAxolMonthPickerCalendar th {
  font-size: 10px;
}
body#movie_manual .jsAxolMonthPicker .jsAxolMonthPickerCalendar th,
body#movie_manual .jsAxolMonthPicker .jsAxolMonthPickerCalendar td {
  display: table-cell;
  margin: 0;
  padding: 3px 0;
  text-align: center;
  font-size: 12px;
  transition: 0.1s;
}
body#movie_manual .jsAxolMonthPicker .sunday,
body#movie_manual .jsAxolMonthPicker .holiday {
  color: #E0311D;
}
body#movie_manual .jsAxolMonthPicker .saturday {
  color: #0277D1;
}
body#movie_manual .jsAxolMonthPicker .outOfMonth {
  color: #757575;
}
body#movie_manual .jsAxolMonthPicker .dates.AxolMonthPicker_Checked {
  background: #ffaa00;
  color: #fff;
}
body#movie_manual .jsAxolMonthPicker td:hover {
  background: rgba(255, 170, 0, 0.1);
  cursor: pointer;
}
body#movie_manual .android_only {
  /* androidアプリしか出ていない時期は、以下をactiveにしてください。 */
  /* iOS版用の文言がすべて消えます。 */
  /* display:none; */
  /* iOSアプリが出たら、必ずコメントアウトして、iOS版用の文言を表示してください。 */
}
body#movie_manual .header__area {
  display: flex;
  box-sizing: border-box;
  max-width: 980px;
  margin: 0 auto;
  padding: 10px 12px;
}
body#movie_manual .header__main {
  width: 100%;
}
body#movie_manual .header__logo {
  width: 120px;
  height: 33px;
}
body#movie_manual main {
  max-width: 980px;
  margin: 0 auto;
}
body#movie_manual .content＿head {
  background: #f3f2f1;
  box-sizing: border-box;
  padding: 30px 15px 25px;
}
body#movie_manual .content__title {
  border-bottom: 1px solid #ccc;
  margin-bottom: 22px;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}
body#movie_manual .content__title h1 span, body#movie_manual .content__title h2 span {
  display: flex;
  flex-direction: column;
}
body#movie_manual .content__title__sub {
  font-size: 11px;
  font-weight: normal;
}
body#movie_manual .content__box {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
body#movie_manual .content__img {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
body#movie_manual .content__info {
  width: calc(100% - 85px);
  font-size: 18px;
  margin: 0;
}
body#movie_manual .content__caption {
  font-size: 11px;
}
body#movie_manual .content__caution {
  background: #ffdf1c;
  border-radius: 3px;
  margin-top: 15px;
  padding: 12px 15px;
}
body#movie_manual .content__caution__title {
  font-weight: bold;
  margin-bottom: 8px;
}
body#movie_manual .notice label {
  font-size: 11px;
}
body#movie_manual .content＿body {
  box-sizing: border-box;
  padding: 40px 15px 25px;
}
body#movie_manual .type__how-to .step__box {
  margin-top: 40px;
}
body#movie_manual .type__how-to .step__title__wrap {
  box-sizing: border-box;
  margin-bottom: 12px;
  padding: 0;
  font-weight: bold;
}
body#movie_manual .type__how-to .step__title__wrap span {
  display: inline-block;
}
body#movie_manual .type__how-to .step__num {
  display: inline-block;
  border-bottom: 2px solid #027dbb;
  margin-bottom: 8px;
  padding: 0 2px 2px;
  font-size: 13px;
  color: #027dbb;
}
body#movie_manual .type__how-to .step__title {
  width: 100%;
  font-size: 16px;
}
body#movie_manual .type__how-to .step__main {
  margin-bottom: 25px;
}
body#movie_manual .type__how-to .step__main ul {
  margin: 0;
  padding: 0 0 20px;
  list-style: none;
}
body#movie_manual .type__how-to .step__main .notice {
  display: inline-block;
  margin-top: 5px;
  font-size: 12px;
}
body#movie_manual .type__how-to .step__main strong.notice {
  margin-top: 8px;
  font-size: 13px;
  font-weight: bold;
  color: #e2300d;
}
body#movie_manual .type__how-to .step__main:last-of-type {
  margin-bottom: 0;
}
body#movie_manual .type__how-to .step__text {
  margin: 15px 0;
}
body#movie_manual .type__how-to .step__img {
  margin: auto;
}
body#movie_manual .type__how-to .step__img__item {
  width: 100%;
}
body#movie_manual .type__how-to .step__img__item a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
body#movie_manual .type__how-to .step__img__item img {
  border: 1px solid #ccc;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
body#movie_manual .type__how-to .step__img__item + .step__img__item {
  margin-top: 12px;
}
body#movie_manual .type__how-to .step__sub {
  border-top: 1px dashed #ccc;
  margin-top: 20px;
  padding-top: 20px;
}
body#movie_manual .type__how-to .step__sub__title {
  width: 100%;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: bold;
}
body#movie_manual .type__how-to .step__need__list {
  margin-bottom: 20px;
}
body#movie_manual .step__1 .step__img {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 500px;
}
body#movie_manual .step__1 .step__img__item {
  width: auto;
}
body#movie_manual .step__1 .step__img__item img {
  border: none;
  width: auto;
  max-width: none;
  margin: 0;
  text-align: left;
}
body#movie_manual .step__1 .step__img__item .logo__googleplay,
body#movie_manual .step__1 .step__img__item .logo__appstore {
  max-width: 100%;
  margin: 0;
  text-align: left;
}
body#movie_manual .step__1 .step__img__item + .step__img__item {
  margin: 0 0 0 8px;
}
body#movie_manual .footer__area {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
}
body#movie_manual .footer__main {
  width: 100%;
  text-align: center;
}
body#movie_manual .copyright {
  width: 100%;
  font-size: 11px;
  color: #555;
  margin: 0 auto;
}


/* 登録フォーム関連
/*----------------------------------------------------*/
#entry_input .form__item:has(.entry__job) {
  grid-template-columns: 1fr;
}

.entry__job {
  padding: 16px;
  font-weight: bold;
}

.type__education [type=text] {
  width: 80%;
  max-width: 100%;
}
.type__education [name=c_school_shubetsu],
.type__education [name=c_school_to_kubun] {
  max-width: 100%;
}

.type__job [type=text],
.type__career [type=text] {
  width: 80%;
  max-width: 100%;
}
.type__job select,
.type__career select {
  width: 340px;
  max-width: 100%;
}
.type__job textarea,
.type__career textarea {
  width: 80%;
  max-width: 100%;
  height: 150px;
  resize: vertical;
}

.career__job__text {
  margin: 0 12px;
}

.career__job .career__job__wrap {
  position: relative;
  margin: 25px 0;
}
.career__job .form__item__print.career__job__wrap {
  margin: 0;
}
.career__job .career__job__title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  box-sizing: border-box;
  margin: 0;
  padding: 0 8px 5px;
  text-align: left;
  font-weight: bold;
}
.career__job .form__wrap {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px;
}
.career__job [name=c_job_from_1_Y],
.career__job [name=c_job_to_1_Y],
.career__job [name=c_job_from_2_Y],
.career__job [name=c_job_to_2_Y],
.career__job [name=c_job_from_3_Y],
.career__job [name=c_job_to_3_Y],
.career__job [name=c_job_from_4_Y],
.career__job [name=c_job_to_4_Y],
.career__job [name=c_job_from_5_Y],
.career__job [name=c_job_to_5_Y],
.career__job [name=c_job_from_6_Y],
.career__job [name=c_job_to_6_Y],
.career__job [name=c_job_from_7_Y],
.career__job [name=c_job_to_7_Y],
.career__job [name=c_job_from_8_Y],
.career__job [name=c_job_to_8_Y],
.career__job [name=c_job_from_9_Y],
.career__job [name=c_job_to_9_Y],
.career__job [name=c_job_from_10_Y],
.career__job [name=c_job_to_10_Y] {
  width: 100px;
}
.career__job [name=c_job_from_1_m],
.career__job [name=c_job_to_1_m],
.career__job [name=c_job_from_2_m],
.career__job [name=c_job_to_2_m],
.career__job [name=c_job_from_3_m],
.career__job [name=c_job_to_3_m],
.career__job [name=c_job_from_4_m],
.career__job [name=c_job_to_4_m],
.career__job [name=c_job_from_5_m],
.career__job [name=c_job_to_5_m],
.career__job [name=c_job_from_6_m],
.career__job [name=c_job_to_6_m],
.career__job [name=c_job_from_7_m],
.career__job [name=c_job_to_7_m],
.career__job [name=c_job_from_8_m],
.career__job [name=c_job_to_8_m],
.career__job [name=c_job_from_9_m],
.career__job [name=c_job_to_9_m],
.career__job [name=c_job_from_10_m],
.career__job [name=c_job_to_10_m] {
  width: 80px;
}

.add__button__area {
  display: flex;
  justify-content: center;
  margin: 15px 10px;
}

/* 登録フォーム確認画面
------------------------------------------------------------------*/
.form__item__print {
  background: var(--back);
}
.form__item__print.career__job__wrap .form__item__multi .need__item {
  display: none;
}

/* 職種メインイメージ
------------------------------------------------------------------*/
#job__main__img__area {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
#job__main__img__area img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* 職種検索
------------------------------------------------------------------*/
.search__box .freeword__sub {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 5px;
}
.search__box [name=setjob_2],
.search__box [name=areas] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 18px;
  row-gap: 5px;
}

.search__result {
  text-align: center;
}
.search__result .now__area,
.search__result .count {
  margin-right: 3px;
  font-size: 25px;
  font-weight: bold;
  color: var(--important);
}
.search__result .lang__en .count {
  font-size: 12px;
}

.job__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.job__list.category {
  gap: 3px;
}

.job__card {
  position: relative;
  border-top: 3px solid var(--main500);
  border: 5px solid #f3f2f1;
  border-radius: 5px;
}
.job__card .btn__area {
  padding: 0 15px;
  box-sizing: border-box;
}
.job__card .new__mark {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--important);
  box-shadow: var(--shadow-sm);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  top: -20px;
  left: -10px;
}

.job__title {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 22px 25px;
}
.job__title .inner {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.job__title h3 {
  max-width: 680px;
  font-size: 20px;
  font-weight: bold;
  color: var(--main700);
}

.job__entry__entried {
  border: 1px solid var(--important);
  border-radius: 3px;
  width: fit-content;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  color: var(--important);
}

.job__entry__disable {
  font-size: 12px;
}

.job__offer__detail {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0;
}

@media screen and (min-width: 600px) {
  .job__offer__detail .swiper-container {
    display: none;
  }
}
.job__main__photo,
.job__sub__photo {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 25px;
}
.job__main__photo a,
.job__sub__photo a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-height: 500px;
  transition: 0.2s;
}
.job__main__photo a:hover,
.job__sub__photo a:hover {
  opacity: 80%;
}
.job__main__photo img,
.job__sub__photo img {
  display: block;
  max-width: 100%;
  max-height: 495px;
}

.job__sub__photo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: auto;
  padding: 0 25px;
}
.job__sub__photo a {
  border: 1px solid #ccc;
  width: 240px;
  height: 180px;
}
.job__sub__photo img {
  display: block;
  max-width: 240px;
  max-height: 180px;
}

.job__forward {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: auto;
  padding: 0 25px;
}
.job__forward .forward__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.job__forward .forward__item h4 {
  border-bottom: 1px solid var(--main300);
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
}
.job__forward .forward__item > div {
  width: 100%;
  white-space: pre-wrap;
  line-height: 1.75;
}

.job__info {
  border-top: 2px solid #f3f2f1;
  border-bottom: 2px solid #f3f2f1;
  margin: 0 0;
}
.job__info .info__item {
  display: flex;
}
.job__info .info__item + .info__item {
  border-top: 2px solid #f3f2f1;
}
.job__info .info__title {
  background: #f3f2f1;
  width: 150px;
  min-width: 150px;
  padding: 12px 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.75;
}
.job__info .info__text {
  flex: 1;
  padding: 12px 20px;
  line-height: 1.75;
}
.job__info .info__text:has(.tip__btn) {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.job__info .info__text .tip__btn {
  background: #f3f2f1;
  border-radius: 20px;
  padding: 5px 10px;
  color: #000;
}

.jsAxolJob_jusho_switch {
  text-decoration: underline;
  color: #00f;
  cursor: pointer;
}

.job__place {
  font-size: 14px;
}
.job__place .title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}
.job__place .inner {
  padding: 8px 0 0;
}
.job__place .inner p {
  display: flex;
  align-items: start;
  gap: 3px;
  padding: 3px 0;
}
.job__place .inner p .material-symbols-outlined {
  font-size: 20px;
}

.job__mail__address input {
  display: inline-block;
  vertical-align: middle;
}
.job__mail__address .job__mail__address__input {
  width: 70%;
}

.jobsearch__hit {
  background-color: yellow;
}

#job_detail .jsAxolJob_mail {
  padding: 12px 15px;
  margin-right: 8px;
}

.job__box {
  border: 1px solid var(--main500);
  border-radius: 3px;
  padding: 20px 25px 10px;
}
.job__box .job__offer__detail {
  padding: 0;
}

.entry__button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 15px 0 20px;
  text-align: center;
}

/* 職種一覧・職種カテゴリ一覧
------------------------------------------------------------------*/
.job__category__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.job__category__list h2 {
  font-weight: bold;
  margin-bottom: 3px;
  padding: 0 3px;
}

.job__category {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.job__category .category {
  display: flex;
  align-items: start;
  gap: 5px;
  width: 100%;
}
.job__category .new__mark__small {
  display: inline-block;
  background: var(--important);
  box-shadow: var(--shadow-sm);
  border-radius: 3px;
  padding: 2px 4px;
  white-space: nowrap;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}
.job__category a {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  flex: 1;
  background: var(--back);
  padding: 8px 12px;
  text-decoration: none;
  color: #000;
  transition: 0.15s;
}
.job__category a:hover {
  opacity: 0.7;
}

/* 職種検索（都道府県）※日本地図
------------------------------------------------------------------*/
@media screen and (min-width: 600px) {
  .japan__map__wrap.pc {
    position: relative;
    background: url(../img/common_images/map_item/japan.svg) left top/5040px no-repeat;
    width: 100%;
    max-width: 720px;
    height: 510px;
    margin: 0 auto;
  }
  .map__check__area {
    position: absolute;
    width: 100%;
    height: 510px;
    top: 0;
    left: 0;
  }
  .check__1 {
    background: url(../img/common_images/map_item/japan.svg) -720px top/5040px no-repeat;
  }
  .check__2 {
    background: url(../img/common_images/map_item/japan.svg) -1440px top/5040px no-repeat;
  }
  .check__3 {
    background: url(../img/common_images/map_item/japan.svg) -2160px top/5040px no-repeat;
  }
  .check__4 {
    background: url(../img/common_images/map_item/japan.svg) -2880px top/5040px no-repeat;
  }
  .check__5 {
    background: url(../img/common_images/map_item/japan.svg) -3600px top/5040px no-repeat;
  }
  .check__6 {
    background: url(../img/common_images/map_item/japan.svg) -4320px top/5040px no-repeat;
  }
  .check__7 {
    background: url(../img/common_images/map_item/japan.svg) left -450px/5040px no-repeat;
  }
  .check__8 {
    background: url(../img/common_images/map_item/japan.svg) -720px -450px/5040px no-repeat;
  }
  .check__9 {
    background: url(../img/common_images/map_item/japan.svg) -1440px -450px/5040px no-repeat;
  }
  .check__10 {
    background: url(../img/common_images/map_item/japan.svg) -2160px -450px/5040px no-repeat;
  }
  .check__11 {
    background: url(../img/common_images/map_item/japan.svg) -2880px -450px/5040px no-repeat;
  }
  .check__12 {
    background: url(../img/common_images/map_item/japan.svg) -3600px -450px/5040px no-repeat;
  }
  .check__13 {
    background: url(../img/common_images/map_item/japan.svg) -4320px -450px/5040px no-repeat;
  }
  .check__14 {
    background: url(../img/common_images/map_item/japan.svg) left -900px/5040px no-repeat;
  }
  .check__15 {
    background: url(../img/common_images/map_item/japan.svg) -720px -900px/5040px no-repeat;
  }
  .check__16 {
    background: url(../img/common_images/map_item/japan.svg) -1440px -900px/5040px no-repeat;
  }
  .check__17 {
    background: url(../img/common_images/map_item/japan.svg) -2160px -900px/5040px no-repeat;
  }
  .check__18 {
    background: url(../img/common_images/map_item/japan.svg) -2880px -900px/5040px no-repeat;
  }
  .check__19 {
    background: url(../img/common_images/map_item/japan.svg) -3600px -900px/5040px no-repeat;
  }
  .check__20 {
    background: url(../img/common_images/map_item/japan.svg) -4320px -900px/5040px no-repeat;
  }
  .check__21 {
    background: url(../img/common_images/map_item/japan.svg) left -1350px/5040px no-repeat;
  }
  .check__22 {
    background: url(../img/common_images/map_item/japan.svg) -720px -1350px/5040px no-repeat;
  }
  .check__23 {
    background: url(../img/common_images/map_item/japan.svg) -1440px -1350px/5040px no-repeat;
  }
  .check__24 {
    background: url(../img/common_images/map_item/japan.svg) -2160px -1350px/5040px no-repeat;
  }
  .check__25 {
    background: url(../img/common_images/map_item/japan.svg) -2880px -1350px/5040px no-repeat;
  }
  .check__26 {
    background: url(../img/common_images/map_item/japan.svg) -3600px -1350px/5040px no-repeat;
  }
  .check__27 {
    background: url(../img/common_images/map_item/japan.svg) -4320px -1350px/5040px no-repeat;
  }
  .check__28 {
    background: url(../img/common_images/map_item/japan.svg) left -1800px/5040px no-repeat;
  }
  .check__29 {
    background: url(../img/common_images/map_item/japan.svg) -720px -1800px/5040px no-repeat;
  }
  .check__30 {
    background: url(../img/common_images/map_item/japan.svg) -1440px -1800px/5040px no-repeat;
  }
  .check__31 {
    background: url(../img/common_images/map_item/japan.svg) -2160px -1800px/5040px no-repeat;
  }
  .check__32 {
    background: url(../img/common_images/map_item/japan.svg) -2880px -1800px/5040px no-repeat;
  }
  .check__33 {
    background: url(../img/common_images/map_item/japan.svg) -3600px -1800px/5040px no-repeat;
  }
  .check__34 {
    background: url(../img/common_images/map_item/japan.svg) -4320px -1800px/5040px no-repeat;
  }
  .check__35 {
    background: url(../img/common_images/map_item/japan.svg) left -2250px/5040px no-repeat;
  }
  .check__36 {
    background: url(../img/common_images/map_item/japan.svg) -720px -2250px/5040px no-repeat;
  }
  .check__37 {
    background: url(../img/common_images/map_item/japan.svg) -1440px -2250px/5040px no-repeat;
  }
  .check__38 {
    background: url(../img/common_images/map_item/japan.svg) -2160px -2250px/5040px no-repeat;
  }
  .check__39 {
    background: url(../img/common_images/map_item/japan.svg) -2880px -2250px/5040px no-repeat;
  }
  .check__40 {
    background: url(../img/common_images/map_item/japan.svg) -3600px -2250px/5040px no-repeat;
  }
  .check__41 {
    background: url(../img/common_images/map_item/japan.svg) -4320px -2250px/5040px no-repeat;
  }
  .check__42 {
    background: url(../img/common_images/map_item/japan.svg) left -2700px/5040px no-repeat;
  }
  .check__43 {
    background: url(../img/common_images/map_item/japan.svg) -720px -2700px/5040px no-repeat;
  }
  .check__44 {
    background: url(../img/common_images/map_item/japan.svg) -1440px -2700px/5040px no-repeat;
  }
  .check__45 {
    background: url(../img/common_images/map_item/japan.svg) -2160px -2700px/5040px no-repeat;
  }
  .check__46 {
    background: url(../img/common_images/map_item/japan.svg) -2880px -2700px/5040px no-repeat;
  }
  .check__47 {
    background: url(../img/common_images/map_item/japan.svg) -3600px -2700px/5040px no-repeat;
  }
  /* 各エリア別 都道府県ボタン
  ------------------------------------------------------------------*/
  .area__card {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 3px;
    width: 75px;
    height: fit-content;
    padding: 8px 8px;
  }
  .area__item__base {
    position: relative;
    display: inline-block;
    background: linear-gradient(to bottom, #fff 0%, #f3f2f1 100%);
    border: 1px solid #ccc;
    width: 70px;
    padding: 3px 5px;
    text-align: center;
    color: #333;
    cursor: pointer;
  }
  .area__item__base:hover {
    opacity: 70%;
  }
  .area__item__base:disabled {
    opacity: 30%;
  }
  .area__item__base:disabled:hover {
    opacity: 30%;
  }
  .area__item__base.selected {
    background: var(--active);
    border: 1px solid var(--active);
    color: #fff;
  }
  .area__hokkaido__tohoku {
    border: 1px solid #E1A3A3;
    width: 160px;
    top: 169px;
    left: 550px;
  }
  .area__hokuriku {
    border: 1px solid #EEB8AD;
    width: 302px;
    top: 35px;
    left: 170px;
  }
  .area__chubu {
    border: 1px solid #EEB8AD;
    width: 160px;
    top: 385px;
    left: 292px;
  }
  .area__kanto {
    border: 1px solid #F2D1A9;
    width: 160px;
    top: 330px;
    left: 475px;
  }
  .area__kansai {
    border: 1px solid #D7DEB0;
    width: 160px;
    top: 100px;
    left: 218px;
  }
  .area__chugoku {
    border: 1px solid #BBD3BB;
    width: 160px;
    top: 100px;
    left: 34px;
  }
  .area__shikoku {
    border: 1px solid #A1C9C5;
    width: 160px;
    top: 415px;
    left: 110px;
  }
  .area__kyushu__okinawa {
    border: 1px solid #A0BBC6;
    width: 88px;
    top: 230px;
    left: 0;
  }
  .area__foreign {
    border: 1px solid #aaa;
    width: 88px;
    top: 20px;
    left: 0;
  }
  .japan__map__wrap.sp {
    display: none;
  }
}
.japan__map__wrap + .now__text {
  margin-top: 12px;
}

/* エージェントログイン画面
------------------------------------------------------------------*/
#login_box.agent__login {
  width: auto;
}
#login_box.agent__login #login_main {
  justify-content: center;
}

/* 登録フォーム関連
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .search__box .freeword__sub,
  .search__box [name=areas] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    width: 100%;
  }
  .search__box .freeword__sub label,
  .search__box [name=areas] label {
    flex-wrap: nowrap;
    flex: 1 0 30%;
    white-space: nowrap;
  }
  .search__box .freeword__sub label,
  .search__box .freeword__sub label + .material-symbols-outlined,
  .search__box [name=areas] label,
  .search__box [name=areas] label + .material-symbols-outlined {
    gap: 3px;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 36px;
    padding: 8px 12px;
    background: white;
    width: 100%;
    color: #555;
  }
  .job__list {
    gap: 22px;
  }
  .job__offer__detail {
    max-width: 100%;
  }
  .job__offer__detail .job__main__photo {
    display: none;
  }
  .job__offer__detail .swiper-container {
    background: #f3f2f1;
    width: 100%;
    max-width: 100%;
  }
  .job__offer__detail .swiper-wrapper {
    display: flex;
    align-items: center;
  }
  .job__offer__detail .swiper-slide {
    background: #f3f2f1;
    width: 100%;
    max-width: 100%;
    margin: 0;
    top: 0;
  }
  .job__offer__detail .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .job__offer__detail .swiper-button-prev,
  .job__offer__detail .swiper-container-rtl .swiper-button-next {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    left: 0;
  }
  .job__offer__detail .swiper-button-next,
  .job__offer__detail .swiper-container-rtl .swiper-button-prev {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    right: 0;
  }
  .job__offer__detail .swiper-button-next,
  .job__offer__detail .swiper-button-prev {
    background: rgba(0, 0, 0, 0.6);
    border: none;
    width: 25px;
    height: 50%;
    margin-top: 0;
    top: 25%;
    transition: 0.2s;
    cursor: pointer;
  }
  .job__offer__detail .swiper-button-next:hover,
  .job__offer__detail .swiper-button-prev:hover {
    opacity: 50%;
  }
  .job__offer__detail .swiper-button-next:after,
  .job__offer__detail .swiper-button-prev:after {
    font-size: 15px;
    font-weight: bold;
    color: white;
  }
  .job__offer__detail .swiper-pagination {
    width: 100%;
  }
  .job__offer__detail .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .job__offer__detail .swiper-pagination .swiper-pagination-bullet-active {
    border: 2px solid white;
    outline: 2px solid var(--active);
  }
  .job__offer__detail .swiper__start,
  .job__offer__detail .swiper__stop {
    position: absolute;
    background: white;
    border: none;
    font-size: 12px;
    color: #555;
    top: 5px;
    z-index: 1;
  }
  .job__offer__detail .swiper__start.active,
  .job__offer__detail .swiper__stop.active {
    background: var(--active);
    color: white;
  }
  .job__offer__detail .swiper__start {
    right: 44px;
  }
  .job__offer__detail .swiper__stop {
    right: 5px;
  }
  .job__offer__detail .job__sub__photo {
    display: none;
  }
  .type__education [type=text] {
    width: 80%;
  }
  .type__job [type=text],
  .type__career [type=text] {
    width: 100%;
  }
  .type__job select,
  .type__career select {
    width: auto;
  }
  .type__job textarea,
  .type__career textarea {
    width: 100%;
  }
  .career__job textarea {
    max-width: 100%;
    min-width: 100%;
  }
  .japan__map__wrap.pc {
    display: none;
  }
  .japan__map__wrap.sp {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: none;
    width: 100%;
    max-width: none;
    height: auto;
    margin-top: 5px;
  }
  .japan__map__wrap.sp details {
    pointer-events: none;
    background: var(--back);
    box-shadow: var(--shadow-xs);
    border-radius: 3px;
    height: fit-content;
    color: #aaa;
  }
  .japan__map__wrap.sp details:has(.jsAxolJobPrefItem) {
    background: #fff;
    border: none;
    cursor: pointer;
    color: #000;
    pointer-events: all;
  }
  .japan__map__wrap.sp details:has(.selected) {
    background: #fff;
    border: 1px solid var(--active);
    cursor: pointer;
    color: #000;
    pointer-events: all;
  }
  .japan__map__wrap.sp details summary {
    padding: 8px 10px;
    font-weight: bold;
  }
  .japan__map__wrap.sp details > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    padding-top: 0;
  }
  .japan__map__wrap.sp button {
    display: flex;
    justify-content: start;
    background: #fff;
    box-shadow: var(--shadow-sm);
    border: 1px solid #fff;
    border-radius: 3px;
    width: 100%;
    padding: 8px 10px;
    text-align: left;
    color: #333;
    cursor: pointer;
  }
  .japan__map__wrap.sp button.disabled {
    background: inherit;
    box-shadow: none;
    color: #aaa;
    top: 0;
    cursor: default;
  }
  .japan__map__wrap.sp button.jsAxolJobPrefItem {
    border: 1px solid #ccc;
  }
  .japan__map__wrap.sp button.selected {
    background: var(--active);
    border: 1px solid var(--active);
    color: #fff;
  }
  .japan__map {
    position: relative;
    background: url(../img/common_images/map_item/japan.svg) left -60px top/2520px no-repeat;
    width: 280px;
    max-width: 100%;
    height: 225px;
    margin: 0 auto;
  }
  .map__check__area {
    position: absolute;
    width: 280px;
    height: 225px;
    top: 0;
    left: 0;
  }
  .check__1 {
    background: url(../img/common_images/map_item/japan.svg) -420px top/2520px no-repeat;
  }
  .check__2 {
    background: url(../img/common_images/map_item/japan.svg) -780px top/2520px no-repeat;
  }
  .check__3 {
    background: url(../img/common_images/map_item/japan.svg) -1140px top/2520px no-repeat;
  }
  .check__4 {
    background: url(../img/common_images/map_item/japan.svg) -1500px top/2520px no-repeat;
  }
  .check__5 {
    background: url(../img/common_images/map_item/japan.svg) -1860px top/2520px no-repeat;
  }
  .check__6 {
    background: url(../img/common_images/map_item/japan.svg) -2220px top/2520px no-repeat;
  }
  .check__7 {
    background: url(../img/common_images/map_item/japan.svg) left -60px top -225px/2520px no-repeat;
  }
  .check__8 {
    background: url(../img/common_images/map_item/japan.svg) -420px -225px/2520px no-repeat;
  }
  .check__9 {
    background: url(../img/common_images/map_item/japan.svg) -780px -225px/2520px no-repeat;
  }
  .check__10 {
    background: url(../img/common_images/map_item/japan.svg) -1140px -225px/2520px no-repeat;
  }
  .check__11 {
    background: url(../img/common_images/map_item/japan.svg) -1500px -225px/2520px no-repeat;
  }
  .check__12 {
    background: url(../img/common_images/map_item/japan.svg) -1860px -225px/2520px no-repeat;
  }
  .check__13 {
    background: url(../img/common_images/map_item/japan.svg) -2220px -225px/2520px no-repeat;
  }
  .check__14 {
    background: url(../img/common_images/map_item/japan.svg) left -60px top -450px/2520px no-repeat;
  }
  .check__15 {
    background: url(../img/common_images/map_item/japan.svg) -420px -450px/2520px no-repeat;
  }
  .check__16 {
    background: url(../img/common_images/map_item/japan.svg) -780px -450px/2520px no-repeat;
  }
  .check__17 {
    background: url(../img/common_images/map_item/japan.svg) -1140px -450px/2520px no-repeat;
  }
  .check__18 {
    background: url(../img/common_images/map_item/japan.svg) -1500px -450px/2520px no-repeat;
  }
  .check__19 {
    background: url(../img/common_images/map_item/japan.svg) -1860px -450px/2520px no-repeat;
  }
  .check__20 {
    background: url(../img/common_images/map_item/japan.svg) -2220px -450px/2520px no-repeat;
  }
  .check__21 {
    background: url(../img/common_images/map_item/japan.svg) left -60px top -675px/2520px no-repeat;
  }
  .check__22 {
    background: url(../img/common_images/map_item/japan.svg) -420px -675px/2520px no-repeat;
  }
  .check__23 {
    background: url(../img/common_images/map_item/japan.svg) -780px -675px/2520px no-repeat;
  }
  .check__24 {
    background: url(../img/common_images/map_item/japan.svg) -1140px -675px/2520px no-repeat;
  }
  .check__25 {
    background: url(../img/common_images/map_item/japan.svg) -1500px -675px/2520px no-repeat;
  }
  .check__26 {
    background: url(../img/common_images/map_item/japan.svg) -1860px -675px/2520px no-repeat;
  }
  .check__27 {
    background: url(../img/common_images/map_item/japan.svg) -2220px -675px/2520px no-repeat;
  }
  .check__28 {
    background: url(../img/common_images/map_item/japan.svg) left -60px top -900px/2520px no-repeat;
  }
  .check__29 {
    background: url(../img/common_images/map_item/japan.svg) -420px -900px/2520px no-repeat;
  }
  .check__30 {
    background: url(../img/common_images/map_item/japan.svg) -780px -900px/2520px no-repeat;
  }
  .check__31 {
    background: url(../img/common_images/map_item/japan.svg) -1140px -900px/2520px no-repeat;
  }
  .check__32 {
    background: url(../img/common_images/map_item/japan.svg) -1500px -900px/2520px no-repeat;
  }
  .check__33 {
    background: url(../img/common_images/map_item/japan.svg) -1860px -900px/2520px no-repeat;
  }
  .check__34 {
    background: url(../img/common_images/map_item/japan.svg) -2220px -900px/2520px no-repeat;
  }
  .check__35 {
    background: url(../img/common_images/map_item/japan.svg) left -60px top -1125px/2520px no-repeat;
  }
  .check__36 {
    background: url(../img/common_images/map_item/japan.svg) -420px -1125px/2520px no-repeat;
  }
  .check__37 {
    background: url(../img/common_images/map_item/japan.svg) -780px -1125px/2520px no-repeat;
  }
  .check__38 {
    background: url(../img/common_images/map_item/japan.svg) -1140px -1125px/2520px no-repeat;
  }
  .check__39 {
    background: url(../img/common_images/map_item/japan.svg) -1500px -1125px/2520px no-repeat;
  }
  .check__40 {
    background: url(../img/common_images/map_item/japan.svg) -1860px -1125px/2520px no-repeat;
  }
  .check__41 {
    background: url(../img/common_images/map_item/japan.svg) -2220px -1125px/2520px no-repeat;
  }
  .check__42 {
    background: url(../img/common_images/map_item/japan.svg) left -60px top -1350px/2520px no-repeat;
  }
  .check__43 {
    background: url(../img/common_images/map_item/japan.svg) -420px -1350px/2520px no-repeat;
  }
  .check__44 {
    background: url(../img/common_images/map_item/japan.svg) -780px -1350px/2520px no-repeat;
  }
  .check__45 {
    background: url(../img/common_images/map_item/japan.svg) -1140px -1350px/2520px no-repeat;
  }
  .check__46 {
    background: url(../img/common_images/map_item/japan.svg) -1500px -1350px/2520px no-repeat;
  }
  .check__47 {
    background: url(../img/common_images/map_item/japan.svg) -1860px -1350px/2520px no-repeat;
  }
  .job__main__photo,
  .job__forward {
    padding: 0 18px;
  }
  .job__title {
    flex-wrap: wrap;
    row-gap: 4px;
    padding: 20px 18px;
  }
  .job__title .btn {
    margin-left: auto;
  }
  .job__info .info__item {
    flex-direction: column;
  }
  .job__info .info__title {
    width: 100%;
    padding: 5px 12px;
    box-sizing: border-box;
  }
  .job__info .info__text {
    padding: 12px 18px;
  }
}
#mypage_pcentry .entry__caption {
  margin: 0 0 20px;
}
#mypage_pcentry .pc__caution__wrap {
  background: #f3f2f1;
  border: 1px solid #ccc;
  padding: 10px 12px 10px;
  text-align: center;
  border-radius: 3px;
}
#mypage_pcentry .pc__caution__switch {
  display: flex;
  gap: 8px;
  font-weight: bold;
  font-size: 13px;
}
#mypage_pcentry .pc__caution__switch::before {
  content: "";
  display: block;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  width: 5px;
  height: 5px;
  margin: 4px;
  transform: rotate(135deg);
}
#mypage_pcentry .pc__caution__content {
  margin-top: 8px;
  padding: 0 3px 5px;
  text-align: justify;
  font-size: 12px;
}
#mypage_pcentry .child__list {
  border-top: 1px solid #ccc;
  margin: 10px 0;
}
#mypage_pcentry .child__div {
  border-bottom: 1px solid #ccc;
  padding: 15px 0 15px 10px;
}
#mypage_pcentry .child__name {
  font-size: 15px;
  font-weight: bold;
}
#mypage_pcentry .button__shuryo,
#mypage_pcentry .button__kaisimae {
  box-shadow: none;
  padding: 12px 15px;
  color: #888;
  cursor: default;
}
#mypage_pcentry .button__shuryo:active,
#mypage_pcentry .button__kaisimae:active {
  top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 0;
  margin-inline: 0px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 14px;
}

.login__cover {
  display: none;
}

.contents {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

.kiyaku {
  white-space: pre-line;
}

/* ページャー */
.contents__pager {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 0 auto;
  text-align: right;
}
.contents__pager .axol_pager {
  margin: 0 0 0 auto;
}
.contents__pager.center {
  justify-content: center;
  text-align: center;
}
.contents__pager.center .axol_pager {
  margin: 0 auto;
}
.contents__pager.top {
  margin-bottom: 12px;
}
.contents__pager.bottom {
  margin-top: 12px;
}

.axol_pager {
  display: flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
}
.axol_pager a {
  background: #f3f2f1;
  box-shadow: var(--shadow-xs);
  border-radius: 3px;
  padding: 5px 8px;
  text-decoration: none;
  font-size: 12px;
  color: #333;
}
.axol_pager a span {
  white-space: nowrap;
}
.axol_pager .axol_pager_page_now {
  margin: 0 5px;
  font-weight: bold;
}
.axol_pager .axol_pager_pre,
.axol_pager .axol_pager_post {
  position: relative;
}
.axol_pager .axol_pager_pre::before,
.axol_pager .axol_pager_post::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.0666666667);
  width: 12px;
  height: 100%;
  top: 0;
}
.axol_pager .axol_pager_pre::after,
.axol_pager .axol_pager_post::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: calc(50% - 3.5px);
}
.axol_pager .axol_pager_pre {
  padding-left: 18px;
}
.axol_pager .axol_pager_pre::before {
  border-radius: 3px 0 0 3px;
  left: 0;
}
.axol_pager .axol_pager_pre::after {
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  left: 5px;
  transform: rotate(-45deg);
}
.axol_pager .axol_pager_post {
  padding-right: 18px;
}
.axol_pager .axol_pager_post::before {
  border-radius: 0 3px 3px 0;
  right: 0;
}
.axol_pager .axol_pager_post::after {
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  right: 5px;
  transform: rotate(45deg);
}

.common__message {
  white-space: pre-line;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

#entry_error ul,
#saiyotop_error ul,
#mypage_error ul,
#saiyotop_error ul,
#mypage_logout ul,
#saiyotop_logout ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#entry_error ul li,
#saiyotop_error ul li,
#mypage_error ul li,
#saiyotop_error ul li,
#mypage_logout ul li,
#saiyotop_logout ul li {
  font-weight: bold;
}

#mypage_pass .menu,
#saiyotop_pass .menu {
  display: none;
}

.original__header {
  width: 100%;
}

.footer {
  width: 100%;
  text-align: center;
}

/* カレンダーアイコン & ボタン */
.fb_datePicker {
  display: inline-block;
  /* カレンダーアイコンをbase64で埋め込み */
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTE1NjQ0Nzk0MjA0MTFFN0E1OUZBRUNDRDRCNzgyRkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTE1NjQ0N0E0MjA0MTFFN0E1OUZBRUNDRDRCNzgyRkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTU2NDQ3NzQyMDQxMUU3QTU5RkFFQ0NENEI3ODJGRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTU2NDQ3ODQyMDQxMUU3QTU5RkFFQ0NENEI3ODJGRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp+7TJ4AAANmSURBVHja7FtdSFRBFL6bWmBEP1KBRL8QQYjaDYyCIgwqgkosgiJ6SwrCjF6jKCgI+oEeIqJHhcgsey8fCiri9oM9BZqbPfQQGEQPGrl9hx1hvc7s7sidnG2/Ax+z93Du3HM/Zs7MuWc2lclkAspUSdneEIZhE5o7QD2QBjqiKHrk00vBxxY0N4AVwAegDT6+dkYMHrgAzSCwMEf9B2jEg/s9IaUOzTugIkc9AqyGjz+K7WeW5XObY6QEyoG9Hg2YlhgpgfK52aYTW2LmGfRVHhGzyNL3RIgpG6nEnNxvYb/BoF9n2Y9LWWPyHT4WHWNSMOZ6zalEYkgMiSExJIbEkBgSQ2JIDIXEkBgSQ2JIzIxLpUGfjqJoZTkQEIbhUJAts3DEcCqRGBIz48E36QC3Hs1iADE9+lnAdg6ajcAo8Bb24wXsl6CR/odg+7kkRgycng304udHoA8YxvXOAgR+Al4AbwTqxU32J9B8BZ4Bg7i+VipT6VQwua49H+hUo0In94DlOddS4LtiIGUVmlvB5PLwGeh3lQIxmzW6GmCt5kXFlyaN/RZD32JbodFvKgViBjS63zKl4koVS74U2Uc+fboUiLmuednzec6pdATZ8zYTIoH6nM4QfUgM6oypXwFd3q9KcP4bpoicvDqiplAfdM/z2PfAvkHFpTHgPnTDeR5xFOgG5B7Z2nfBfiwJ301FfeZK3Mpx50tiSIxPuRKCVY1aQhsByU0uIVAP5LGXjdhZlSs9Ba7CftRgK8dr24BWlSvdhW1vUr44GzFwpErlPO3AVuAY8BL6pQZ72dLL8nwA2AZc1Ow9cuUCcBvYAewBHqOPQ0n44noqbQfqYjoZCYcN9ieDqUddW+H8MoP9aY2uPSFfnBJjOitbbdDPLVavcqVqi2fa+uKUGIkRIzGdbOGfGOy7Nbp+9WlBlyv1aOwfJOSLO2JUjrM7yP5xYSJhO2j6HwH0D+VTAPAdyKjvJvugNx2hPS5pgEo0fwE3gctJ+MKUgCkBN3gkhsT8jymBClhWJQuX5RNvRoxNycJ1+cQbYqZRsnBWPvFtxNiWLFyWT7wixrZk4bJ84g8x0yhZOCuf+LgqFV2y+AflE2fCXIm5Ene+JIbEeLQq1SIovS8TDmptiJEtfz2nEoXEkBgS40b+CjAAvc9A48UnbdAAAAAASUVORK5CYII=) center center/20px no-repeat;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  width: 36px;
  height: 36px;
  margin-right: 5px;
  padding: 3px 8px;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  transition: 0.2s;
}

.fb_datePicker:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* カレンダー本体 */
.jsAxolDateTimePicker .jsAxolDateTimePicker_header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 5px 10px;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_header div {
  font-size: 12px;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_header div.jsAxolDateTimePicker_title {
  margin: 0 20px;
  font-size: 16px;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_prev,
.jsAxolDateTimePicker .jsAxolDateTimePicker_next {
  border-bottom: 1px solid transparent;
  padding: 0 5px;
  cursor: pointer;
  transition: 0.1s;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_prev:hover,
.jsAxolDateTimePicker .jsAxolDateTimePicker_next:hover {
  border-bottom: 1px solid #ffaa00;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_body {
  padding: 5px 0;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_body tr:first-child {
  margin-bottom: 5px;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_body th {
  font-size: 10px;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_body th,
.jsAxolDateTimePicker .jsAxolDateTimePicker_body td {
  width: 45px;
  padding: 5px 0;
  text-align: center;
  transition: 0.1s;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_body td:hover {
  background: rgba(255, 170, 0, 0.1);
  cursor: pointer;
}

.jsAxolDateTimePicker .week_0,
.jsAxolDateTimePicker .sunday,
.jsAxolDateTimePicker .holiday {
  color: #E0311D;
}

.jsAxolDateTimePicker .today {
  font-weight: bold;
  background: #fff15a;
  color: #333;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_body td.today:hover {
  background: #ffdd51;
}

.jsAxolDateTimePicker .week_6,
.jsAxolDateTimePicker .saturday {
  color: #0277D1;
}

.jsAxolDateTimePicker .outOfMonth,
.jsAxolDateTimePicker .outOfDateSpan {
  color: #757575;
}

.jsAxolDateTimePicker .selectDay {
  border: 1px solid #ffaa00;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_footer {
  text-align: center;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_today {
  display: block;
  border-bottom: 1px solid transparent;
  margin-top: 5px;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.1s;
}

.jsAxolDateTimePicker .jsAxolDateTimePicker_today:hover {
  background: #fff15a;
}

/* axolMonthPicker (日付複数選択)
---------------------------------------------------------------------*/
.jsAxolMonthPicker .jsAxolMonthPickerHeader {
  border: 1px solid #ccc;
  margin: 10px 5px;
  padding: 2px 10px;
  text-align: center;
  border-radius: 15px;
}

.jsAxolMonthPicker .jsAxolMonthPickerCalendar {
  padding: 5px 0;
}

.jsAxolMonthPicker .jsAxolMonthPickerCalendar tr:first-child {
  margin-bottom: 5px;
}

.jsAxolMonthPicker .jsAxolMonthPickerCalendar th {
  font-size: 10px;
}

.jsAxolMonthPicker .jsAxolMonthPickerCalendar th,
.jsAxolMonthPicker .jsAxolMonthPickerCalendar td {
  display: table-cell;
  margin: 0;
  padding: 3px 0;
  text-align: center;
  font-size: 12px;
  transition: 0.1s;
}

.jsAxolMonthPicker .sunday,
.jsAxolMonthPicker .holiday {
  color: #E0311D;
}

.jsAxolMonthPicker .saturday {
  color: #0277D1;
}

.jsAxolMonthPicker .outOfMonth {
  color: #757575;
}

.jsAxolMonthPicker .dates.AxolMonthPicker_Checked {
  background: #ffaa00;
  color: #fff;
}

.jsAxolMonthPicker td:hover {
  background: rgba(255, 170, 0, 0.1);
  cursor: pointer;
}

html:has(.site__contents .pickup__wrap) {
  container-type: inline-size;
}
html:has(.site__contents .pickup__wrap) .site__contents .main__area__wrap {
  --w: 980px;
  /* the max-width */
  --m: 1em;
  /* margin on small screen */
  margin-inline: max(var(--m), 50cqw - var(--w) / 2);
  padding: 0;
}

:where(.site__contents) .pickup__wrap span, :where(.site__contents) .pickup__wrap a {
  line-height: inherit;
}
:where(.site__contents) .pickup__wrap :where(.ul__wrapper) ul {
  list-style: inherit;
}
:where(.site__contents) .pickup__wrap :where(.ul__wrapper) ul,
:where(.site__contents) .pickup__wrap :where(.ol__wrapper) ol {
  padding-left: 1.3em;
}
:where(.site__contents) .pickup__wrap :where(table) {
  width: stretch;
}
:where(.site__contents) .pickup__wrap :where(table) th,
:where(.site__contents) .pickup__wrap :where(table) td {
  border: 1px solid #ccc;
  padding: 10px 12px;
}
:where(.site__contents) .pickup__wrap :where(table) th {
  background: #f3f2f1;
}

:where(.pickup__wrap) :where(.text__style.set__font__family) i.mark {
  font-family: inherit;
}
:where(.pickup__wrap) :where(.ul__wrapper) ul {
  list-style: inherit;
}
:where(.pickup__wrap) :where(.ul__wrapper) ul,
:where(.pickup__wrap) :where(.ol__wrapper) ol {
  padding-left: 1.3em;
}
:where(.pickup__wrap) :where(hr) {
  border: none;
  border-top: 1px solid #e3e2e1;
}
:where(.pickup__wrap) .link__button {
  display: inline-block;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: 0.15s;
}
:where(.pickup__wrap) .link__button:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  opacity: 0.8;
}
:where(.pickup__wrap) span:has(> .wysiwyg__icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: sub;
}
:where(.pickup__wrap) .msymbol,
:where(.pickup__wrap) .micon {
  display: inline-block;
  font-family: "Material Symbols Outlined";
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align: text-bottom;
}
:where(.pickup__wrap) :where(table) {
  width: stretch;
}
:where(.pickup__wrap) :where(table) th,
:where(.pickup__wrap) :where(table) td {
  border: 1px solid #ccc;
  padding: 10px 12px;
}
:where(.pickup__wrap) :where(table) th {
  background: #f3f2f1;
}
:where(.pickup__wrap) :where(a.block__wrapper) {
  display: block;
  text-decoration: none;
  color: #000;
  transition: 0.15s;
}
:where(.pickup__wrap) :where(a.block__wrapper):hover {
  opacity: 0.75;
}
:where(.pickup__wrap) :where(.block__wrapper__link) {
  text-decoration: none;
  color: inherit;
  transition: 0.15s;
}
:where(.pickup__wrap) :where(.block__wrapper__link):hover {
  opacity: 0.8;
}
:where(.pickup__wrap) :where(.grid__container) {
  width: 100%;
}
:where(.pickup__wrap) :where(.grid__container) :where(.grid__inner) {
  display: grid;
  width: 100%;
  overflow: auto;
  grid-template-columns: var(--grid-template-columns);
  grid-template-rows: var(--grid-template-rows);
  gap: var(--gap);
}
:where(.pickup__wrap) :where(.table__wrapper) {
  width: 100%;
}
:where(.pickup__wrap) :where(.table__wrapper) :where(.table__inner) {
  width: 100%;
  overflow: auto;
}
:where(.pickup__wrap) .img__box__out_l,
:where(.pickup__wrap) .img__box__out_c,
:where(.pickup__wrap) .img__box__out_r {
  padding: 0;
}

.link__button__inner .text__style {
  display: inline-block;
  vertical-align: inherit;
}
.link__button__inner .text__style .msymbol,
.link__button__inner .text__style .micon {
  vertical-align: inherit;
}

.site__contents :where(.pickup__wrap) .block__wrapper.full__bleed {
  display: block;
  box-sizing: border-box;
  width: 100cqw;
  min-width: 980px;
  margin-inline: min(-1 * var(--m), var(--w) / 2 - 50cqw);
}
.site__contents :where(.pickup__wrap) .block__wrapper.full__bleed > * {
  width: var(--wide);
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 599px) {
  :where(.pickup__wrap) :where(.link__button) {
    width: 100%;
    box-sizing: border-box;
  }
  :where(.pickup__wrap) :where(.grid__inner) {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  :where(.pickup__wrap) :where(.grid__inner) .grid__cell:has(> p:empty:only-child) {
    display: none;
  }
  :where(.pickup__wrap) .grid__inner:has(.img__size__SS),
  :where(.pickup__wrap) .grid__inner:has(.img__size__S) {
    grid-template-columns: fit-content(100%) 1fr;
    gap: 15px;
  }
  :where(.pickup__wrap) .grid__inner:has(> .grid__cell:nth-child(2)) {
    gap: 15px;
  }
  html:has(.pickup__wrap) .site__contents .main__area__wrap {
    width: calc(100cqw - 2em);
  }
  .site__contents :where(.pickup__wrap) .block__wrapper.full__bleed {
    min-width: 100%;
    padding: 0 1em;
  }
  .site__contents :where(.pickup__wrap) .block__wrapper.full__bleed > * {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 600px) {
  .nomenu .menu {
    display: none;
  }
  .nomenu .header {
    position: static;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .page__all {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .page__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .header__img + header {
    margin-top: 0;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .header,
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .main {
    width: 100%;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .main {
    margin-top: 0;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    width: 100%;
    top: 0;
    margin: 0;
    padding: 0;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) .form__item {
    grid-template-columns: 200px 30px 1fr;
  }
  .nomenu:not(.nomenu:has(.menu__wrap > .info)) fieldset.form__item {
    display: grid;
    grid-template-columns: 200px 30px 1fr;
    gap: 0;
  }
}
@media screen and (min-width: 600px) {
  #login__sns__links {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  #login__sns__links {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 20px;
  }
  #login__sns__links a {
    box-shadow: none;
    border: none;
    border-radius: 3px;
    margin: 0 8px;
    padding: 0;
    width: 36px;
    height: 36px;
    font-size: 12.5px;
    font-weight: bold;
    color: #555;
  }
  #login__sns__links a:hover {
    border: none;
    opacity: 0.75;
  }
  #login__sns__links .sp__login__facebook {
    display: inline-block;
    background: url(../img/common_images/outersite/facebook_logo.png) center center/36px no-repeat;
    width: 36px;
    height: 36px;
  }
  #login__sns__links .sp__login__twitter {
    display: inline-block;
    background: url(../img/common_images/outersite/X_logo.png) center center/36px no-repeat;
    width: 36px;
    height: 36px;
  }
  .page__all:has(.login__cover) #login__sns__links {
    display: none;
  }
  .axol_pager a {
    padding: 12px 10px;
  }
}/*# sourceMappingURL=pages.css.map */