@charset "UTF-8";

.block-nameroom-edit-modal {
  display: none;
}

:root {
  --min-width: 1280px;
  --max-width: 1440px;
  --max-right-width: calc(1440px - 410px);
  --cl-dgr: #049ba9;
  --cl-lgr: #049baa;
  --cl-bg-gr: #049ba9;
  --cl-bg-rd: #f4b1b1;
  --cl-bg-main-gr: #f2fafb;
  --cl-bg-twt: rgba(255, 255, 255, 0.5);
  --cl-bg-tbk: rgba(0, 0, 0, 0.5);
  --cl-bg-tbl: #f2f5f6;
  --cl-btn-dgr: #049baa;
  --cl-btn-lgr: #eef7f9;
  --cl-btn-gy: #8d8e96;
  --cl-bdr: #e1e6e6;
  --cl-balloon: #025b63;
  --drop-shdow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  --icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC4yNTIiIGhlaWdodD0iMTQuMjUyIj48ZyBmaWxsPSIjOGQ4ZTk2Ij48cGF0aCBkPSJtMS41MjcuMDAxIDEyLjcyNCAxMi43MjQtMS41MjYgMS41MjdMMCAxLjUyOHoiLz48cGF0aCBkPSJNMTQuMjUyIDEuNTI3IDEuNTI4IDE0LjI1MSAwIDEyLjcyNSAxMi43MjUgMHoiLz48L2c+PC9zdmc+");
  --arw-s: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjEzNiIgaGVpZ2h0PSIxMS40MTUiPjxwYXRoIGQ9Im02LjQxNS42OTMtNSA1LjIwNSA1IDQuNzk1IiBmaWxsPSJub25lIiBzdHJva2U9IiM4ZDhlOTYiIHN0cm9rZS13aWR0aD0iMiIgb3BhY2l0eT0iLjUiLz48L3N2Zz4=");
  --svg-sample: url("data:image/svg+xml;base64,");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  min-width: var(--min-width);
  margin: 0;
  color: #000000;
  background: #fff;
  font-family: "Mulish", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.cl-gr {
  color: var(--cl-lgr);
}

.cl-gy {
  color: var(--cl-btn-gy);
}

a,
a:link {
  color: #000000;
  text-decoration: underline;
  transition: opacity 0.2s;
}

a:hover {
  text-decoration: none;
}

button {
  cursor: pointer;
  transition: opacity 0.2s;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="data"],
textarea,
select,
button {
  max-width: 100%;
  font-family: "Mulish", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.054em;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
textarea,
select {
  border: 1px solid var(--cl-bdr);
  border-radius: 8px;
  background-color: #ffffff;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
select {
  height: 50px;
  padding: 0 15px;
}

textarea {
  padding: 12px 15px;
}

select {
  padding: 0 40px 0 15px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS40MTUiIGhlaWdodD0iNy4xMzYiPjxwYXRoIGQ9Im0xMC43MjIuNzIxLTUuMjA1IDUtNC43OTUtNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGQ4ZTk2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9Ii41Ii8+PC9zdmc+");
  background-position: center right 14px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

input[type="date"] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxNnYxNkgweiIvPjxwYXRoIGQ9Ik0yIDV2OWgxMlY1Wm0xMS0zaDJhLjk0NS45NDUgMCAwIDEgMSAxdjEyYS45NDUuOTQ1IDAgMCAxLTEgMUgxYS45NDUuOTQ1IDAgMCAxLTEtMVYzYS45NDUuOTQ1IDAgMCAxIDEtMWgyVjFhLjk0NS45NDUgMCAwIDEgMS0xIC45NDUuOTQ1IDAgMCAxIDEgMXYxaDZWMWExIDEgMCAwIDEgMiAwWm0tMSAxMGgtMnYtMmgyWm0tMyAwSDd2LTJoMlptMy0zaC0yVjdoMlpNOSA5SDdWN2gyWm0tMyAzSDR2LTJoMloiIGZpbGw9IiMzMzliYWEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  background-position: center right 16px;
  background-repeat: no-repeat;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}

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

input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  margin: 0;
  padding-left: 28px;
  cursor: pointer;
}

input[type="checkbox"] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 1px solid var(--cl-bdr);
  border-radius: 4px;
  background-color: #ffffff;
}

input[type="checkbox"]:checked + label::before {
  border-color: var(--cl-lgr);
  background-color: var(--cl-lgr);
}

input[type="checkbox"] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 12px;
  height: 7px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
  opacity: 0;
}

input[type="checkbox"]:checked + label::after {
  opacity: 1;
}

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

input[type="radio"] + label {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 1.6rem;
  cursor: pointer;
}

input[type="radio"] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-top: -10px;
  border: 2px solid #c6e3eb;
  background-color: #e2f0f4;
  transition: border-color 0.16s, background-color 0.16s;
}

input[type="radio"]:checked + label::before {
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 6px solid var(--cl-dgr);
  border-radius: 20px;
  background-color: #ffffff;
}

img {
  max-width: 100%;
}

/* ボタン */

.btn-gr,
.btn-gy,
.btn-gy-no-hover,
.btn-bdr-gr,
a.btn-gr,
a.btn-gy,
a.btn-bdr-gr,
a.btn-gr:link,
a.btn-gy:link,
a.btn-bdr-gr:link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: var(--cl-lgr);
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.btn-gy,
.btn-gy-no-hover,
a.btn-gy,
a:link.btn-gy {
  background-color: var(--cl-btn-gy);
}

.btn-bdr-gr {
  border: 1px solid var(--cl-dgr);
  background-color: #ffffff;
  color: var(--cl-lgr);
}

.btn-gr:hover,
.btn-gy:hover,
.btn-bdr-gr:hover {
  opacity: 0.65;
}

.btn-edit {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 40px;
  border: none;
  border-radius: 8px;
  background-color: var(--cl-btn-lgr);
  color: var(--cl-lgr);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.2em;
}

.btn-edit:hover {
  opacity: 0.65;
}

/* スクロールバー */

.block-nameroom-wrapperbody .mCSB_scrollTools {
  width: 5px;
}

.block-nameroom-wrapper .mCSB_scrollTools .mCSB_draggerContainer {
  background-color: transparent;
}

.block-nameroom-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  background-color: #9eb9bf;
}

/* モーダル */

.block-nameroom-common-modal,
.block-nameroom-img-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.block-nameroom-common-modal-inner,
.block-nameroom-img-modal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.block-nameroom-common-modal-bg,
.block-nameroom-img-modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--cl-bg-tbk);
}

.block-nameroom-img-modal-body {
  position: relative;
  max-width: 1200px;
  padding: 70px;
  border-radius: 8px;
  background-color: #ffffff;
}

.block-nameroom-img-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
  cursor: pointer;
}

.block-nameroom-img-modal-img img {
  display: block;
}

/* フッター */

.block-nameroom-footer {
  padding: 40px;
  min-width: var(--min-width);
}

.block-nameroom-footer-body {
  display: flex;
  align-items: center;
}

.block-nameroom-footer-logo a,
.block-nameroom-footer-logo img {
  display: block;
}

.block-nameroom-footer-logo a:hover {
  opacity: 0.65;
}

.block-nameroom-footer-nav {
  margin-left: 40px;
}

.block-nameroom-footer-nav ul {
  display: flex;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}

.block-nameroom-footer-nav li + li {
  position: relative;
  margin-left: 33px;
}

.block-nameroom-footer-nav li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #ffffff;
}

.block-nameroom-footer-nav a {
  color: #ffffff;
  text-decoration: none;
}

.block-nameroom-footer-nav a:hover {
  text-decoration: underline;
}

.block-nameroom-footer-copyright {
  margin-left: auto;
  color: #ffffff;
  font-size: 1rem;
  letter-spacing: 0.1em;
}

/* 共通 */

.block-nameroom-wrapper {
  min-width: 1246px;
  padding: 0 10px 0 0;
}

.block-nameroom-wrapper.bg-green {
  background-color: var(--cl-bg-gr);
}

.block-nameroom-wrapper.bg-red {
  background-color: var(--cl-bg-rd);
}

.block-nameroom-wrapper.has-float_btn {
  padding-bottom: 70px;
}

.block-nameroom-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

.block-nameroom-content-left {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  left: 0;
  width: 320px;
  color: #ffffff;
}

.block-nameroom-content-left-inner {
  padding: 0 0 24px 24px;
}

.block-nameroom-content-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  left: 0;
  width: 320px;
  padding: 34px 20px 13px 0;
  background-color: var(--cl-bg-gr);
  z-index: 99;
}

.block-nameroom-content-logo a,
.block-nameroom-content-logo img {
  display: block;
}

.block-nameroom-content-logo a:hover {
  opacity: 0.65;
}

.block-nameroom-content-left-scroll {
  max-height: calc(100vh - 89px);
  margin-top: 0;
  padding: 4px 0 0;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.has-float_btn .block-nameroom-content-left-scroll {
  padding-bottom: 80px;
}

.block-nameroom-content-left-scroll::-webkit-scrollbar {
  display: none;
}

.block-nameroom-content-user {
  display: flex;
  align-items: center;
  min-height: 100px;
  padding: 6px 24px 6px 0;
}

.block-nameroom-content-user .item-img {
  background-color: #fff;
  border-radius: 60px;
}

.block-nameroom-content-user .item-img img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  object-fit: cover;
}

.block-nameroom-content-user .item-info {
  width: calc(100% - 125px);
  padding: 0 10px 0 16px;
}

.block-nameroom-content-user .item-info-name {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
}

.block-nameroom-content-user .item-info-name b {
  font-size: 1.8rem;
}

.block-nameroom-content-user .item-info-mypage a {
  margin-top: 5px;
}

.block-nameroom-content-user .item-info-mypage a {
  color: #ffffff;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
}

.block-nameroom-content-user .item-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 65px;
}

.block-nameroom-content-user .item-icon button {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.block-nameroom-content-user .item-icon button:hover {
  opacity: 0.65;
}

.block-nameroom-content-user .item-icon button img {
  display: block;
}

.block-nameroom-icon-copy-balloon {
  display: none;
  position: fixed;
  top: -52px;
  left: 50%;
  margin-left: -65px;
  z-index: 999;
}

.block-nameroom-icon-copy-balloon p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 35px;
  background-color: var(--cl-balloon);
  color: #ffffff;
  font-size: 1.4rem;
  letter-spacing: 0.054em;
  border-radius: 4px;
}

.block-nameroom-icon-copy-balloon p::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 14px;
  margin-left: -7px;
  height: calc(14px / 2);
  background-color: var(--cl-balloon);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.block-nameroom-content-nav {
  margin-top: 10px;
  letter-spacing: 0.1em;
}

.block-nameroom-content-nav .list-ttl-1 > a {
  display: flex;
  align-items: center;
  position: relative;
  height: 64px;
  border-top-left-radius: 64px;
  border-bottom-left-radius: 64px;
  color: #ffffff;
  text-decoration: none;
}

.block-nameroom-content-nav .list-ttl-1.is-active > a {
  background-color: var(--cl-bg-main-gr);
  color: var(--cl-lgr);
}

.block-nameroom-content-nav div:not(.is-active) > a:hover {
  opacity: 0.65;
}

.block-nameroom-content-nav .list-ttl-1,
.block-nameroom-content-nav .list-ttl-2,
.block-nameroom-content-nav .list-ttl-3 {
  position: relative;
}

.block-nameroom-content-nav .list-ttl-1.is-active::before,
.block-nameroom-content-nav .list-ttl-1.is-active::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZjJmYWZiIiBkPSJNMCAwaDQwdjQwSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMCA0MGg0MFYwQTQwIDQwIDAgMCAxIDAgNDAiIGZpbGw9IiNmMmZhZmIiLz48L2c+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-content-nav .list-ttl-1.is-active::before {
  top: -40px;
}

.block-nameroom-content-nav .list-ttl-1.is-active::after {
  bottom: -40px;
  transform: scale(1, -1);
}

.block-nameroom-content-nav .list-ttl-1 a {
  padding-left: 64px;
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-content-nav .list-ttl-1 a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 26px;
  width: 22px;
  height: 16px;
  margin-top: -8px;
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-content-nav .list-ttl-1 a.icon-edit::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCAyNDJoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIC0yNDIpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGZpbGw9IiM3QkVFRjgiPjxwYXRoIGQ9Ik01NCAyNThjMC0zLjIxMyAzLjMzMi01LjgxOCA2LjU0NS01LjgxOCAzLjYzNyAwIDYuNTQ2IDIuNiA2LjU0NiA1LjgxOFpNNjQuMTgyIDI0NS42MzZBMy42MzcgMy42MzcgMCAxIDEgNjAuNTQ2IDI0MmEzLjYzNiAzLjYzNiAwIDAgMSAzLjYzNiAzLjYzNloiLz48L2c+PC9nPjwvc3ZnPg==");
}

.block-nameroom-content-nav .list-ttl-1.is-active a.icon-edit::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCAyNDJoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIC0yNDIpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGZpbGw9IiMwNDliYWEiPjxwYXRoIGQ9Ik01NCAyNThjMC0zLjIxMyAzLjMzMi01LjgxOCA2LjU0NS01LjgxOCAzLjYzNyAwIDYuNTQ2IDIuNiA2LjU0NiA1LjgxOFpNNjQuMTgyIDI0NS42MzZBMy42MzcgMy42MzcgMCAxIDEgNjAuNTQ2IDI0MmEzLjYzNiAzLjYzNiAwIDAgMSAzLjYzNiAzLjYzNloiLz48L2c+PC9nPjwvc3ZnPg==");
}

.block-nameroom-content-nav .list-ttl-1 a.icon-member::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCAzMDZoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiM3YmVlZjgiIGQ9Ik0wIDBoMjJ2MTQuMjM1SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIC0zMDYpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSIgZmlsbD0iIzdiZWVmOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAgMzA3KSI+PHBhdGggZD0iTTUuMTc2IDE0LjIzNWMwLTIuODU5IDIuOTY1LTUuMTc2IDUuODI0LTUuMTc2IDMuMjM1IDAgNS44MjMgMi4zMTcgNS44MjMgNS4xNzZaTTE0LjIzNSAzLjIzNUEzLjIzNSAzLjIzNSAwIDEgMSAxMSAwYTMuMjM1IDMuMjM1IDAgMCAxIDMuMjM1IDMuMjM1TTE5LjI0OCA2LjEwOGExLjk0MSAxLjk0MSAwIDEgMSAuNDQ3LTIuNzA4IDEuOTQzIDEuOTQzIDAgMCAxLS40NDcgMi43MDlNMTguMDA2IDEyLjI5NEgyMmE0LjEzMyA0LjEzMyAwIDAgMC0zLjg4My0zLjg4MiA0LjUgNC41IDAgMCAwLTIuNDQyLjY4OSA2LjY5MiA2LjY5MiAwIDAgMSAyLjMzMSAzLjE5M002LjQgOS4xNDRhNC41MSA0LjUxIDAgMCAwLTIuNTE5LS43MzJBNC4xMzIgNC4xMzIgMCAwIDAgMCAxMi4yOTRoNC4wMTNBNi43NzggNi43NzggMCAwIDEgNi40IDkuMTQ0TTIuNzUyIDYuMTA4QTEuOTQxIDEuOTQxIDAgMSAwIDIuMzA1IDMuNGExLjk0MyAxLjk0MyAwIDAgMCAuNDQ3IDIuNzA5Ii8+PC9nPjwvZz48L3N2Zz4=");
}

.block-nameroom-content-nav .list-ttl-1.is-active a.icon-member::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCAzMDZoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiMwNDlCQUEiIGQ9Ik0wIDBoMjJ2MTQuMjM1SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIC0zMDYpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSIgZmlsbD0iIzA0OUJBQSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAgMzA3KSI+PHBhdGggZD0iTTUuMTc2IDE0LjIzNWMwLTIuODU5IDIuOTY1LTUuMTc2IDUuODI0LTUuMTc2IDMuMjM1IDAgNS44MjMgMi4zMTcgNS44MjMgNS4xNzZaTTE0LjIzNSAzLjIzNUEzLjIzNSAzLjIzNSAwIDEgMSAxMSAwYTMuMjM1IDMuMjM1IDAgMCAxIDMuMjM1IDMuMjM1TTE5LjI0OCA2LjEwOGExLjk0MSAxLjk0MSAwIDEgMSAuNDQ3LTIuNzA4IDEuOTQzIDEuOTQzIDAgMCAxLS40NDcgMi43MDlNMTguMDA2IDEyLjI5NEgyMmE0LjEzMyA0LjEzMyAwIDAgMC0zLjg4My0zLjg4MiA0LjUgNC41IDAgMCAwLTIuNDQyLjY4OSA2LjY5MiA2LjY5MiAwIDAgMSAyLjMzMSAzLjE5M002LjQgOS4xNDRhNC41MSA0LjUxIDAgMCAwLTIuNTE5LS43MzJBNC4xMzIgNC4xMzIgMCAwIDAgMCAxMi4yOTRoNC4wMTNBNi43NzggNi43NzggMCAwIDEgNi40IDkuMTQ0TTIuNzUyIDYuMTA4QTEuOTQxIDEuOTQxIDAgMSAwIDIuMzA1IDMuNGExLjk0MyAxLjk0MyAwIDAgMCAuNDQ3IDIuNzA5Ii8+PC9nPjwvZz48L3N2Zz4=");
}
.block-nameroom-content-nav .list-ttl-1 a.icon-businesscard::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCAzNzBoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiM3YmVlZjgiIGQ9Ik0wIDBoMTYuNDYxdjE0Ljk2M0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MCAtMzcwKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiM3YmVlZjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUzIDM3MSkiPjxwYXRoIGQ9Ik0xMS42NDIgMTQuOTYzSDEuMkExLjIgMS4yIDAgMCAxIDAgMTMuNzZWNy40NzJhMS4yIDEuMiAwIDAgMSAxLjItMS4yaDEwLjQ0YTEuMiAxLjIgMCAwIDEgMS4yIDEuMnY2LjI4OGExLjIgMS4yIDAgMCAxLTEuMiAxLjIiLz48cGF0aCBkPSJNMTUuMjU5IDBINC44MmExLjIgMS4yIDAgMCAwLTEuMiAxLjJ2My41NjloOC4wMjZhMi43MDYgMi43MDYgMCAwIDEgMi43IDIuN3YxLjIyNGguOTE0YTEuMiAxLjIgMCAwIDAgMS4yLTEuMlYxLjJhMS4yIDEuMiAwIDAgMC0xLjItMS4yIi8+PC9nPjwvZz48L3N2Zz4=");
}

.block-nameroom-content-nav .list-ttl-1.is-active a.icon-businesscard::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCAzNzBoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiMwNDliYWEiIGQ9Ik0wIDBoMTYuNDYxdjE0Ljk2M0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MCAtMzcwKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyBjbGlwLXBhdGg9InVybCgjYikiIGZpbGw9IiMwNDliYWEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUzIDM3MSkiPjxwYXRoIGQ9Ik0xMS42NDIgMTQuOTYzSDEuMkExLjIgMS4yIDAgMCAxIDAgMTMuNzZWNy40NzJhMS4yIDEuMiAwIDAgMSAxLjItMS4yaDEwLjQ0YTEuMiAxLjIgMCAwIDEgMS4yIDEuMnY2LjI4OGExLjIgMS4yIDAgMCAxLTEuMiAxLjIiLz48cGF0aCBkPSJNMTUuMjU5IDBINC44MmExLjIgMS4yIDAgMCAwLTEuMiAxLjJ2My41NjloOC4wMjZhMi43MDYgMi43MDYgMCAwIDEgMi43IDIuN3YxLjIyNGguOTE0YTEuMiAxLjIgMCAwIDAgMS4yLTEuMlYxLjJhMS4yIDEuMiAwIDAgMC0xLjItMS4yIi8+PC9nPjwvZz48L3N2Zz4=");
}

.block-nameroom-content-nav .list-ttl-1 a.icon-conectroom::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCA0MzRoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiM3YmVlZjgiIGQ9Ik0wIDBoMTYuMDk1djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIC00MzQpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSIgZmlsbD0iIzdiZWVmOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMgNDM0KSI+PHBhdGggZD0iTTguNTE2IDUuNTM1SC43NjZBLjc2Ni43NjYgMCAwIDEgMCA0Ljc2OXYtNEEuNzY2Ljc2NiAwIDAgMSAuNzY2IDBoNy43NWEuNzY2Ljc2NiAwIDAgMSAuNzY2Ljc2NnY0YS43NjYuNzY2IDAgMCAxLS43NjYuNzY2TTE1LjMyOSAxNmgtNy43NWEuNzY2Ljc2NiAwIDAgMS0uNzY2LS43NjZ2LTRhLjc2Ni43NjYgMCAwIDEgLjc2Ni0uNzY2aDcuNzVhLjc2Ni43NjYgMCAwIDEgLjc2Ni43NjZ2NGEuNzY2Ljc2NiAwIDAgMS0uNzY2Ljc2Nk0yLjc5MiAxNC4zNDhWOC45MTNsMS4wNTIgMS4wNTIuNjQ4LS42NDktMi4xNTgtMi4xNThMLjE3NiA5LjMxNmwuNjQ4LjY0OSAxLjA1Mi0xLjA1MnY2LjM1MmgyLjkwOHYtLjkxN1pNMTUuMjcxIDYuMzNsLTEuMDUyIDEuMDUyVjEuMDNoLTIuOTA4di45MTdIMTMuM3Y1LjQzNUwxMi4yNTEgNi4zM2wtLjY0OC42NDggMi4xNTggMi4xNTkgMi4xNTgtMi4xNTlaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.block-nameroom-content-nav .list-ttl-1.is-active a.icon-conectroom::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiM3MDcwNzAiIGQ9Ik01MCA0MzRoMjJ2MTZINTB6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiPjxwYXRoIGZpbGw9IiMwNDliYWEiIGQ9Ik0wIDBoMTYuMDk1djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwIC00MzQpIiBjbGlwLXBhdGg9InVybCgjYSkiPjxnIGNsaXAtcGF0aD0idXJsKCNiKSIgZmlsbD0iIzA0OWJhYSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTMgNDM0KSI+PHBhdGggZD0iTTguNTE2IDUuNTM1SC43NjZBLjc2Ni43NjYgMCAwIDEgMCA0Ljc2OXYtNEEuNzY2Ljc2NiAwIDAgMSAuNzY2IDBoNy43NWEuNzY2Ljc2NiAwIDAgMSAuNzY2Ljc2NnY0YS43NjYuNzY2IDAgMCAxLS43NjYuNzY2TTE1LjMyOSAxNmgtNy43NWEuNzY2Ljc2NiAwIDAgMS0uNzY2LS43NjZ2LTRhLjc2Ni43NjYgMCAwIDEgLjc2Ni0uNzY2aDcuNzVhLjc2Ni43NjYgMCAwIDEgLjc2Ni43NjZ2NGEuNzY2Ljc2NiAwIDAgMS0uNzY2Ljc2Nk0yLjc5MiAxNC4zNDhWOC45MTNsMS4wNTIgMS4wNTIuNjQ4LS42NDktMi4xNTgtMi4xNThMLjE3NiA5LjMxNmwuNjQ4LjY0OSAxLjA1Mi0xLjA1MnY2LjM1MmgyLjkwOHYtLjkxN1pNMTUuMjcxIDYuMzNsLTEuMDUyIDEuMDUyVjEuMDNoLTIuOTA4di45MTdIMTMuM3Y1LjQzNUwxMi4yNTEgNi4zM2wtLjY0OC42NDggMi4xNTggMi4xNTkgMi4xNTgtMi4xNTlaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.block-nameroom-content-nav .layer-2-item {
  margin-top: 16px;
}

.block-nameroom-content-nav .layer-3-item {
  margin-top: 10px;
}

.block-nameroom-content-nav .list-ttl-2 a,
.block-nameroom-content-nav .list-ttl-3 a {
  font-size: 1.4rem;
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
}

.block-nameroom-content-nav .list-ttl-2 a {
  padding-left: 90px;
}

.block-nameroom-content-nav .list-ttl-3 a {
  padding-left: 106px;
}

.block-nameroom-content-nav .list-ttl-2 a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 64px;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background-color: #ffffff;
}

.block-nameroom-content-nav .list-ttl-2.is-active > a,
.block-nameroom-content-nav .list-ttl-3.is-active > a {
  color: #e0e015;
  font-weight: 700;
}

.block-nameroom-content-nav .list-ttl-2.is-active a::before {
  background-color: #e0e015;
}

.block-nameroom-content-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  padding-right: 24px;
}

.block-nameroom-content-logout a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  border-radius: 8px;
  background-color: #078793;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
}

.block-nameroom-content-logout a:hover {
  opacity: 0.65;
}

.block-nameroom-content-links {
  margin-top: 16px;
  padding-right: 24px;
}

.block-nameroom-content-links ul {
  display: flex;
  justify-content: center;
}

.block-nameroom-content-links li + li {
  margin-left: 24px;
}

.block-nameroom-content-links a {
  color: #ffffff;
  font-size: 1.2rem;
}

.block-nameroom-content-main {
  flex-shrink: 1;
  width: calc(100% - 320px);
  border-radius: 40px;
  background-color: var(--cl-bg-main-gr);
}

.block-nameroom-content-main-inner {
  position: relative;
  padding: 40px;
}

.block-nameroom-content-main-inner.no-nav {
  padding-top: 12px;
}

.block-nameroom-content-main-nav {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 10px;
  background-color: var(--cl-bg-gr);
  z-index: 99;
}

.block-nameroom-content-main-nav-inner {
  display: flex;
  align-items: flex-end;
  position: relative;
  min-height: 40px;
  background-color: var(--cl-bg-main-gr);
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  padding: 25px 40px 0;
}

.block-nameroom-content-main-nav-inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, rgba(242, 250, 251, 1) 16%, rgba(242, 250, 251, 0.01) 99%, rgba(242, 250, 251, 0) 100%);
}

.block-nameroom-content-main-nav ul {
  display: flex;
  align-items: center;
  height: 30px;
}

.block-nameroom-content-main-nav li + li {
  position: relative;
  margin-left: 49px;
}

.block-nameroom-content-main-nav li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -24px;
  width: 1px;
  height: 30px;
  background-color: var(--cl-bdr);
}

.block-nameroom-content-main-nav a {
  display: flex;
  align-items: center;
  height: 30px;
  color: var(--cl-lgr);
  font-size: 1.4rem;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.07em;
}

.block-nameroom-content-main-nav a:hover {
  opacity: 0.65;
}

.ttl-nameroom-h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.333;
  letter-spacing: 0.1em;
}

.block-nameroom-content-header-comment {
  margin-top: 14px;
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.054em;
}

.block-nameroom-content-header-comment .txt-small {
  font-size: 1.4rem;
}

.block-nameroom-regist_profile-container {
  margin-top: 40px;
  padding: 40px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
}

.ttl-regist_profile-h2 {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  word-break: break-all;
}

.ttl-regist_profile-h3 {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.ttl-regist_profile-h3 .annotation {
  margin-left: 13px;
  font-size: 1.2rem;
  font-weight: 400;
}

.block-nameroom-basic_info {
  display: flex;
  max-width: var(--max-right-width);
}

.block-nameroom-basic_info-left {
  flex-shrink: 1;
  width: 100%;
}

.block-nameroom-basic_info-right {
  flex-shrink: 0;
  width: 530px;
  margin-left: 40px;
}

.block-nameroom-basic_info-left .item-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.block-nameroom-basic_info-left .item-img img {
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 180px;
  object-fit: cover;
}

.block-nameroom-basic_info-left .item-comment {
  margin-top: 16px;
  line-height: 1.571;
  letter-spacing: 0.054em;
}

.js-file-input {
  display: none;
}

.block-nameroom-basic_info-left .item-file {
  display: flex;
  align-items: center;
  margin-top: 14px;
}

.block-nameroom-basic_info-left .item-file-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cl-dgr);
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--cl-lgr);
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.block-nameroom-basic_info-left .item-file-name {
  flex-shrink: 1;
  width: 100%;
  padding-left: 9px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block-nameroom-basic_info-left .item-file-delete {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-left: 10px;
}

.block-nameroom-basic_info-left .item-file-delete button {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  border: none;
  background-color: transparent;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.block-nameroom-basic_info-left .item-file-delete button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
}

.is-requred {
  display: inline-block;
  width: 30px;
  height: 20px;
  border-radius: 4px;
  background-color: #e3341b;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  line-height: 20px;
}

.block-nameroom-basic_info-right .item-annotation {
  letter-spacing: 0.054em;
}

.block-nameroom-basic_info-right .item-annotation .is-requred {
  margin-right: 10px;
}

.block-nameroom-basic_info-right .item-form {
  margin-top: 16px;
}

.block-nameroom-basic_info-right .item-form dl {
  display: flex;
  align-items: center;
}

.block-nameroom-basic_info-right .item-form dl + dl {
  margin-top: 10px;
}

.block-nameroom-basic_info-right .item-form .item-form-ttl {
  width: calc(100% - 410px);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.054em;
}

.block-nameroom-basic_info-right .item-form .item-form-requred {
  width: 40px;
}

.block-nameroom-basic_info-right .item-form .item-form-content {
  width: 370px;
}

.block-nameroom-basic_info-right .item-form-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block-nameroom-basic_info-right .item-form input,
.block-nameroom-basic_info-right .item-form select {
  display: block;
}

.block-nameroom-basic_info-right .item-form-name input {
  width: calc((100% - 10px) / 2);
}

.block-nameroom-basic_info-right .item-form-text input {
  width: 100%;
}

.block-nameroom-basic_info-right .item-form-zip {
  display: flex;
  align-items: center;
}

.block-nameroom-basic_info-right .item-form-zip input {
  width: 170px;
}

.block-nameroom-basic_info-right .item-form-zip p {
  margin-left: auto;
  font-size: 1.2rem;
  letter-spacing: 0.054em;
}

.block-nameroom-basic_info-right .item-form-select select {
  width: 240px;
}

.block-nameroom-regist_profile-settings_btn {
  display: flex;
  align-items: center;
  width: 230px;
  height: 32px;
  padding: 4px;
  border-radius: 32px;
  background-color: var(--cl-dgr);
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-nameroom-regist_profile-settings_btn ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.block-nameroom-regist_profile-settings_btn input {
  display: none;
}

.block-nameroom-regist_profile-settings_btn input + label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  border-radius: 24px;
  margin: 0;
  padding: 0 9px 0 10px;
  font-size: 1.3rem;
  transition: background-color 0.16s, color 0.16s;
  cursor: pointer;
}

.block-nameroom-regist_profile-settings_btn input + label::before {
  content: none;
}

.block-nameroom-regist_profile-settings_btn input:checked + label {
  background-color: #ffffff;
  color: var(--cl-lgr);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.block-nameroom-regist_profile-header {
  position: relative;
}

.block-nameroom-regist_profile-header .ttl-regist_profile-h2 {
  padding-right: 240px;
}

.block-nameroom-regist_profile-header .item-comment {
  margin-top: 24px;
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-header .item-comment p + p {
  margin-top: 10px;
}

.block-nameroom-regist_profile-header .item-comment button {
  margin: 0 0 0 10px;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 1.6rem;
  text-decoration: underline;
  cursor: pointer;
}

.block-nameroom-regist_profile-header .item-comment button:hover {
  text-decoration: none;
}

.block-nameroom-regist_profile-header .block-nameroom-regist_profile-settings_btn {
  position: absolute;
  top: 0;
  right: 0;
}

.block-nameroom-regist_profile-businesscard {
  margin-top: 16px;
}

.block-nameroom-regist_profile-businesscard .item-disp {
  display: flex;
  align-items: center;
  width: 260px;
  height: 40px;
  padding-left: 14px;
  border: 1px solid var(--cl-bdr);
  border-radius: 8px;
  background-color: #ffffff;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-businesscard .item-disp ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 15px;
}

.block-nameroom-regist_profile-businesscard .item-disp li + li {
  margin-left: 18px;
}

.block-nameroom-regist_profile-businesscard .item-list {
  margin-top: 16px;
}

.block-nameroom-regist_profile-businesscard .item-list ul {
  display: flex;
  align-items: flex-start;
}

.block-nameroom-regist_profile-businesscard .item-list li {
  width: 375px;
}

.block-nameroom-regist_profile-businesscard .item-list li + li {
  margin-left: 40px;
}

.block-nameroom-regist_profile-businesscard .item-list .list-ttl {
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-businesscard .item-list .list-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.block-nameroom-regist_profile-businesscard .item-list .list-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.block-nameroom-regist_profile-businesscard .item-list .list-file {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.block-nameroom-regist_profile-businesscard .item-list .list-file-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cl-dgr);
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--cl-lgr);
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.block-nameroom-regist_profile-businesscard .item-list .list-file-name {
  flex-shrink: 1;
  width: 100%;
  padding-left: 10px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block-nameroom-regist_profile-businesscard .item-list .list-file-delete {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-left: 10px;
}

.block-nameroom-regist_profile-businesscard .item-list .list-file-delete button {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  border: none;
  background-color: transparent;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.block-nameroom-regist_profile-businesscard .item-list .list-file-delete button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
}

.block-nameroom-regist_profile-header + .block-nameroom-regist_profile-other-content {
  margin-top: 24px;
}

.block-nameroom-regist_profile-other-content dl {
  display: flex;
  align-items: flex-start;
}

.block-nameroom-regist_profile-other-content dl + dl {
  margin-top: 10px;
}

.block-nameroom-regist_profile-other-content dt {
  display: flex;
  align-items: center;
  height: 50px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-other-content dd input:not([type="radio"]),
.block-nameroom-regist_profile-other-content dd textarea {
  width: 100%;
}

.block-nameroom-regist_profile-other-content dd textarea {
  height: 140px;
}

.block-nameroom-regist_profile-other-content dd .annotation {
  margin-top: 10px;
  font-size: 1.2rem;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-other-content.content-sns dt {
  width: 130px;
}

.block-nameroom-regist_profile-other-content.content-sns dd {
  width: calc(100% - 130px);
}

.block-nameroom-regist_profile-other-content.content-profile dt {
  width: 110px;
}

.block-nameroom-regist_profile-other-content.content-profile dd {
  width: calc(100% - 110px);
}

.block-nameroom-regist_profile-other-content .item-clear {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

.block-nameroom-regist_profile-other-content .item-clear button {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

.block-nameroom-regist_profile-other-content .item-clear button::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-regist_profile-other-content .item-clear button:hover {
  opacity: 0.65;
}

.block-nameroom-regist_profile-other-content.content-profile .block-nameroom-regist_profile-other-content.content-heading_ttl dt {
  width: 130px;
}

.block-nameroom-regist_profile-other-content.content-heading_ttl dd {
  width: calc(100% - 130px);
}

.block-nameroom-regist_profile-header + .block-nameroom-regist_profile-other-content .block-nameroom-regist_profile-heading_ttl-content {
  margin-top: 40px;
}

.block-nameroom-regist_profile-heading_ttl-content .ttl-regist_profile-h3 {
  margin-bottom: 15px;
}

.block-nameroom-regist_profile-list_format-input {
  margin-top: 40px;
}

.block-nameroom-regist_profile-list_format-input-content {
  margin-top: 17px;
  padding: 24px 0;
  border-radius: 10px;
  background-color: var(--cl-bg-tbl);
}

.block-nameroom-regist_profile-list_format-input-content-body {
  height: 70vh;
  padding-left: 26px;
}

.block-nameroom-regist_profile-list_format-input-content-body li {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-list_format-input-content-body li + li {
  margin-top: 24px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-num {
  display: flex;
  align-items: center;
  width: 90px;
  height: 50px;
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-content {
  width: calc((100% - 90px));
  padding-right: 26px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-content dl {
  display: flex;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-content dl + dl {
  margin-top: 10px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-content dt {
  display: flex;
  align-items: center;
  width: 87px;
  height: 50px;
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-content dd {
  width: calc(100% - 87px);
}

.block-nameroom-regist_profile-list_format-input-content-body .list-content dd input,
.block-nameroom-regist_profile-list_format-input-content-body .list-content dd textarea {
  width: 100%;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-content dd textarea {
  height: 120px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link {
  width: 100%;
  margin-top: 16px;
  padding-right: 26px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link > button {
  width: 300px;
  height: 40px;
  margin-left: auto;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target {
  display: none;
  position: relative;
  margin-top: 17px;
  padding: 24px;
  border-radius: 10px;
  background-color: #e6efef;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-close {
  position: absolute;
  top: 29px;
  right: 24px;
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
  cursor: pointer;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-ttl {
  padding-right: 40px;
  color: var(--cl-lgr);
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-form {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-form dl {
  display: flex;
  align-items: center;
  width: calc((100% - 33px) / 2);
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-form dl + dl {
  margin-left: 33px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-form dt {
  flex-shrink: 0;
  margin-right: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  white-space: nowrap;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-form dd {
  flex-shrink: 1;
  width: 100%;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-form dd input {
  width: 100%;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.block-nameroom-regist_profile-list_format-input-content-body .list-link-target-btn .btn-gr {
  width: 130px;
  height: 40px;
}

.block-nameroom-regist_profile-free_area {
  margin-top: 24px;
}

.block-nameroom-regist_profile-free_area-item {
  border-radius: 10px;
  background-color: var(--cl-bg-tbl);
}

.block-nameroom-regist_profile-free_area-item + .block-nameroom-regist_profile-free_area-item {
  margin-top: 10px;
}

.block-nameroom-regist_profile-free_area-item > dt {
  display: flex;
  align-items: center;
  position: relative;
  height: 64px;
  padding: 0 56px 0 24px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.block-nameroom-regist_profile-free_area-item > dt .icon-plus {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.block-nameroom-regist_profile-free_area-item > dt .icon-plus::before,
.block-nameroom-regist_profile-free_area-item > dt .icon-plus::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  background-color: #000000;
}

.block-nameroom-regist_profile-free_area-item > dt .icon-plus::after {
  transform: rotate(90deg);
  transition: transform 0.16s;
}

.block-nameroom-regist_profile-free_area-item > dt.is-open .icon-plus::after {
  transform: rotate(0);
}

.block-nameroom-regist_profile-free_area-item > dd.js-freearea-target {
  display: none;
  padding: 24px;
}

.block-nameroom-regist_profile-free_area-item-content .block-nameroom-regist_profile-settings_btn {
  margin-left: auto;
}

.block-nameroom-regist_profile-free_area-item-content .item-ttl {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.block-nameroom-regist_profile-free_area-item-content .item-ttl-ttl {
  width: 92px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-free_area-item-content .item-ttl-input {
  width: calc(100% - 92px);
}

.block-nameroom-regist_profile-free_area-item-content .item-ttl-input input {
  width: 100%;
}

.block-nameroom-regist_profile-free_area-item-content .item-btns,
.block-nameroom-regist_profile-free_area-item-block-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
}

.block-nameroom-regist_profile-free_area-item-content .item-btns li + li,
.block-nameroom-regist_profile-free_area-item-block-btns li + li {
  margin-left: 10px;
}

.block-nameroom-regist_profile-free_area-item-content .item-btns .btn-gr,
.block-nameroom-regist_profile-free_area-item-block-btns .btn-gr {
  width: 185px;
  height: 40px;
  letter-spacing: 0.04em;
}

.block-nameroom-regist_profile-free_area-item-block {
  display: none;
  position: relative;
  margin-top: 16px;
  padding: 24px;
  border-radius: 10px;
  background-color: #e9eff0;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-free_area-item-block + .block-nameroom-regist_profile-free_area-item-block {
  margin-top: 10px;
}

.block-nameroom-regist_profile-free_area-item-block .item-close {
  position: absolute;
  top: 26px;
  right: 24px;
}

.block-nameroom-regist_profile-free_area-item-block .item-close button {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  border: none;
  background-color: transparent;
  font-size: 1.3rem;
  cursor: pointer;
}

.block-nameroom-regist_profile-free_area-item-block .item-close button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
}

.block-nameroom-regist_profile-free_area-item-block .item-ttl {
  padding-right: 160px;
  color: var(--cl-lgr);
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-free_area-item-block .item-ttl .annotation {
  margin-left: 16px;
  color: #000000;
  font-size: 1.2rem;
  font-weight: 400;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-txt,
.block-nameroom-regist_profile-free_area-item-block .item-content-img,
.block-nameroom-regist_profile-free_area-item-block .item-content-movie {
  display: flex;
  margin-top: 16px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-txt .ttl,
.block-nameroom-regist_profile-free_area-item-block .item-content-img .ttl,
.block-nameroom-regist_profile-free_area-item-block .item-content-movie .ttl {
  display: flex;
  align-items: center;
  height: 50px;
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-txt .ttl,
.block-nameroom-regist_profile-free_area-item-block .item-content-movie .ttl {
  width: 84px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-img .ttl {
  width: 134px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-txt .form,
.block-nameroom-regist_profile-free_area-item-block .item-content-movie .form {
  width: calc(100% - 84px);
}

.block-nameroom-regist_profile-free_area-item-block .item-content-img .form {
  width: calc(100% - 134px);
}

.block-nameroom-regist_profile-free_area-item-block .item-content-txt .form textarea,
.block-nameroom-regist_profile-free_area-item-block .item-content-img .form input,
.block-nameroom-regist_profile-free_area-item-block .item-content-movie .form input {
  width: 100%;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-txt .form textarea {
  height: 120px;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-btn .btn-gr {
  width: 300px;
  height: 40px;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target {
  display: none;
  position: relative;
  margin-top: 16px;
  padding: 24px;
  border-radius: 10px;
  background-color: #e2eaeb;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-close {
  position: absolute;
  top: 29px;
  right: 24px;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-close button {
  width: 15px;
  height: 15px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
  cursor: pointer;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-ttl {
  color: var(--cl-lgr);
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-content li {
  display: flex;
  align-items: center;
  width: calc((100% - 25px) / 2);
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-content .item-link-target-content-ttl {
  flex-shrink: 0;
  margin-right: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-content .item-link-target-content-form {
  flex-shrink: 1;
  width: 100%;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-content .item-link-target-content-form input {
  width: 100%;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

.block-nameroom-regist_profile-free_area-item-block .item-link-target-btn .btn-gr {
  width: 130px;
  height: 40px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file .item-content-file-uploded_img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file .item-content-file-uploded_img img {
  display: block;
  max-width: 160px;
  max-height: 120px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file .item-content-file-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cl-dgr);
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--cl-lgr);
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file .item-content-file-name {
  flex-shrink: 1;
  width: 180px;
  padding-left: 24px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file .item-content-file-delete {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-left: 10px;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file .item-content-file-delete button {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  border: none;
  background-color: transparent;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.block-nameroom-regist_profile-free_area-item-block .item-content-file .item-content-file-delete button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
}

.block-nameroom-regist_profile-free_area-item-block .item-annotation {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.667;
  letter-spacing: 0;
}

.block-nameroom-regist_profile-free_area-furthermore-annotation {
  margin: 24px 0;
  font-size: 1.2rem;
  line-height: 1.667;
  letter-spacing: 0.054em;
}

.block-nameroom-regist_profile-submit,
.block-nameroom-regist_profile-submit .item-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block-nameroom-regist_profile-submit {
  margin-top: 40px;
}

.block-nameroom-regist_profile-float {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: var(--min-width);
  padding: 0 40px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.block-nameroom-regist_profile-float-body,
.block-nameroom-regist_profile-float-body .item-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  color: #ffffff;
  letter-spacing: 0.1em;
}

.block-nameroom-regist_profile-submit .item-preview .ttl,
.block-nameroom-regist_profile-float-body .item-preview .ttl {
  font-size: 2rem;
  font-weight: 700;
}

.block-nameroom-regist_profile-submit .item-preview .btn,
.block-nameroom-regist_profile-float-body .item-preview .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 40px;
  margin-left: 24px;
  padding: 4px;
  border-radius: 40px;
  background-color: var(--cl-dgr);
}

.block-nameroom-regist_profile-submit .item-preview .btn ul,
.block-nameroom-regist_profile-float-body .item-preview .btn ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block-nameroom-regist_profile-submit .item-preview .btn input,
.block-nameroom-regist_profile-float-body .item-preview .btn input {
  display: none;
}

.block-nameroom-regist_profile-submit .item-preview .btn input + label,
.block-nameroom-regist_profile-float-body .item-preview .btn input + label {
  display: block;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  cursor: pointer;
  transition: background 0.2s;
}

.block-nameroom-regist_profile-submit .item-preview .btn input + label[for="previewmode2_pc"],
.block-nameroom-regist_profile-float-body .item-preview .btn input + label[for="previewmode_pc"] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS4wOTEiIGhlaWdodD0iMTAuNTY0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTUuMDkxdjEwLjU2NEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTTMuMDE4IDBhMS41MTEgMS41MTEgMCAwIDAtMS41MDkgMS41MDl2Ni4wMzZoMS41MDlWMS41MDloOS4wNTV2Ni4wMzZoMS41MDlWMS41MDlBMS41MSAxLjUxIDAgMCAwIDEyLjA3MyAwWk0uNDUzIDguM0EuNDUzLjQ1MyAwIDAgMCAwIDguNzUzYTEuODExIDEuODExIDAgMCAwIDEuODExIDEuODExaDExLjQ3YTEuODExIDEuODExIDAgMCAwIDEuODEtMS44MTEuNDUyLjQ1MiAwIDAgMC0uNDUyLS40NTNaIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
}

.block-nameroom-regist_profile-submit .item-preview .btn input + label[for="previewmode2_sp"],
.block-nameroom-regist_profile-float-body .item-preview .btn input + label[for="previewmode_sp"] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjcyMiIgaGVpZ2h0PSIxNC4xNDIiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg5LjcyMnYxNC4xNDJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xLjc2OCAwQTEuNzY5IDEuNzY5IDAgMCAwIDAgMS43Njl2MTAuNjA1YTEuNzY4IDEuNzY4IDAgMCAwIDEuNzY4IDEuNzY4aDYuMTg3YTEuNzY5IDEuNzY5IDAgMCAwIDEuNzY4LTEuNzY4VjEuNzY5QTEuNzcgMS43NyAwIDAgMCA3Ljk1NSAwWm0yLjIwOSAxMS45MzJoMS43NjdhLjQ0Mi40NDIgMCAwIDEgMCAuODg0SDMuOTc3YS40NDIuNDQyIDAgMCAxIDAtLjg4NCIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
}

.block-nameroom-regist_profile-submit .item-preview .btn input:checked + label,
.block-nameroom-regist_profile-float-body .item-preview .btn input:checked + label {
  background-color: #ffffff;
}

.block-nameroom-regist_profile-submit .item-preview .btn input:checked + label[for="previewmode2_sp"],
.block-nameroom-regist_profile-float-body .item-preview .btn input:checked + label[for="previewmode_sp"] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjcyMiIgaGVpZ2h0PSIxNC4xNDIiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iIzA0OWJhYSIgZD0iTTAgMGg5LjcyMnYxNC4xNDJIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xLjc2OCAwQTEuNzY5IDEuNzY5IDAgMCAwIDAgMS43Njl2MTAuNjA1YTEuNzY4IDEuNzY4IDAgMCAwIDEuNzY4IDEuNzY4aDYuMTg3YTEuNzY5IDEuNzY5IDAgMCAwIDEuNzY4LTEuNzY4VjEuNzY5QTEuNzcgMS43NyAwIDAgMCA3Ljk1NSAwWm0yLjIwOSAxMS45MzJoMS43NjdhLjQ0Mi40NDIgMCAwIDEgMCAuODg0SDMuOTc3YS40NDIuNDQyIDAgMCAxIDAtLjg4NCIgZmlsbD0iIzA0OWJhYSIvPjwvZz48L3N2Zz4=");
}

.block-nameroom-regist_profile-submit .item-preview .btn input:checked + label[for="previewmode2_pc"],
.block-nameroom-regist_profile-float-body .item-preview .btn input:checked + label[for="previewmode_pc"] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS4wOTEiIGhlaWdodD0iMTAuNTY0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiMwNDliYWEiIGQ9Ik0wIDBoMTUuMDkxdjEwLjU2NEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTTMuMDE4IDBhMS41MTEgMS41MTEgMCAwIDAtMS41MDkgMS41MDl2Ni4wMzZoMS41MDlWMS41MDloOS4wNTV2Ni4wMzZoMS41MDlWMS41MDlBMS41MSAxLjUxIDAgMCAwIDEyLjA3MyAwWk0uNDUzIDguM0EuNDUzLjQ1MyAwIDAgMCAwIDguNzUzYTEuODExIDEuODExIDAgMCAwIDEuODExIDEuODExaDExLjQ3YTEuODExIDEuODExIDAgMCAwIDEuODEtMS44MTEuNDUyLjQ1MiAwIDAgMC0uNDUyLS40NTNaIiBmaWxsPSIjMDQ5YmFhIi8+PC9nPjwvc3ZnPg==");
}

.block-nameroom-regist_profile-submit .item-preview .btn input + label[for="previewmode2_pc"]::before,
.block-nameroom-regist_profile-float-body .item-preview .btn input + label[for="previewmode_pc"]::before,
.block-nameroom-regist_profile-submit .item-preview .btn input + label[for="previewmode2_sp"]::before,
.block-nameroom-regist_profile-float-body .item-preview .btn input + label[for="previewmode_sp"]::before {
  content: none;
}

.block-nameroom-regist_profile-submit .item-preview .help,
.block-nameroom-regist_profile-float-body .item-preview .help {
  margin-left: 40px;
}

.block-nameroom-regist_profile-submit .item-preview .help ul,
.block-nameroom-regist_profile-float-body .item-preview .help ul {
  display: flex;
  align-items: center;
}

.block-nameroom-regist_profile-submit .item-preview .help li,
.block-nameroom-regist_profile-float-body .item-preview .help li {
  display: flex;
  align-items: center;
}

.block-nameroom-regist_profile-submit .item-preview .help li + li,
.block-nameroom-regist_profile-float-body .item-preview .help li + li {
  margin-left: 40px;
}

.block-nameroom-regist_profile-submit .item-preview .help button,
.block-nameroom-regist_profile-float-body .item-preview .help button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  text-decoration: underline;
  cursor: pointer;
}

.block-nameroom-regist_profile-float-body .item-preview .help button {
  color: #ffffff;
}

.block-nameroom-tooltip {
  position: relative;
  margin-left: 10px;
}

.block-nameroom-tooltip-switch {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTggMGE4IDggMCAxIDAgOCA4IDguMDI0IDguMDI0IDAgMCAwLTgtOFptLS4wOCAxMy4yOGExLjEyIDEuMTIgMCAxIDEgMS4xMi0xLjEyIDEuMDk0IDEuMDk0IDAgMCAxLTEuMTIgMS4xMlptMi4xNi02LjI0TDkuMiA4YS45NzcuOTc3IDAgMCAwLS4zMi43Mi45NzMuOTczIDAgMCAxLS45Ni45Ni45MjQuOTI0IDAgMCAxLS45Ni0uOTYgMS43ODUgMS43ODUgMCAwIDEgLjY0LTEuNDRsLjcyLS44OGExLjgxNiAxLjgxNiAwIDAgMCAuNTYtMS4xMkEuODM5LjgzOSAwIDAgMCA4IDQuNGEuOTQxLjk0MSAwIDAgMC0uOTYuNzIgMS4wNDUgMS4wNDUgMCAwIDEtLjk2LjU2LjgzOS44MzkgMCAwIDEtLjg4LS44OC44Ny44NyAwIDAgMSAuMDgtLjRBMi42NjYgMi42NjYgMCAwIDEgOCAyLjcyYTIuNTkyIDIuNTkyIDAgMCAxIDIuOCAyLjU2IDIuNjI1IDIuNjI1IDAgMCAxLS43MiAxLjc2WiIgZmlsbD0iI2QyZDVkNSIvPjwvc3ZnPg==");
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  cursor: pointer;
}

.block-nameroom-tooltip-content {
  display: none;
  position: absolute;
  top: -47px;
  left: 50%;
  transform: translate(-50%, 0);
}

.block-nameroom-tooltip-content p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 35px;
  padding: 0 10px;
  border-radius: 4px;
  background-color: var(--cl-balloon);
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.054em;
  white-space: nowrap;
}

.block-nameroom-tooltip-content p::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 14px;
  margin-left: -7px;
  height: calc(14px / 2);
  background-color: var(--cl-balloon);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.block-nameroom-regist_profile-submit .item-btn .btn-gr,
.block-nameroom-regist_profile-float-body .item-btn .btn-gr {
  width: 240px;
  height: 50px;
}

/* ページャー */

.block-nameroom-content-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 40px;
  margin-top: 40px;
}

.block-nameroom-content-pager .pager-total,
.block-nameroom-content-pager .select {
  position: absolute;
  top: 0;
}

.block-nameroom-content-pager .pager-total {
  left: 0;
  letter-spacing: 0.1em;
}

.block-nameroom-content-pager .select {
  right: 0;
}

.block-nameroom-content-pager .pager-total {
  display: flex;
  align-items: baseline;
  font-size: 1.4rem;
  font-weight: 500;
}

.block-nameroom-content-pager .pager-total .all,
.block-nameroom-content-pager .pager-total .num {
  font-weight: 700;
}

.block-nameroom-content-pager .pager-total .all {
  margin-right: 2px;
  font-size: 2rem;
}

.block-nameroom-content-pager .pager-total .now {
  margin-left: 8px;
}

.block-nameroom-content-pager .pager-total .num {
  margin: 0 2px;
  font-size: 1.6rem;
}

.block-nameroom-content-pager .select select {
  width: 150px;
  height: 40px;
}

.block-nameroom-content-pager .pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-nameroom-content-pager .pagination li + li {
  margin-left: 10px;
}

.block-nameroom-content-pager .pagination .now,
.block-nameroom-content-pager .pagination .omit,
.block-nameroom-content-pager .pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
}

.block-nameroom-content-pager .pagination .now {
  background-color: var(--cl-lgr);
  color: #ffffff;
}

.block-nameroom-content-pager .pagination .omit {
  width: 22px;
  color: rgba(140, 141, 150, 0.5);
  font-weight: 400;
}

.block-nameroom-content-pager .pagination a {
  border: 1px solid var(--cl-bdr);
  background-color: #ffffff;
  color: rgba(140, 141, 150, 0.5);
}

.block-nameroom-content-pager .pagination a:hover {
  opacity: 0.65;
}

.block-nameroom-content-pager .pagination a.prev,
.block-nameroom-content-pager .pagination a.next {
  position: relative;
  text-indent: -999999px;
}

.block-nameroom-content-pager .pagination a.prev::before,
.block-nameroom-content-pager .pagination a.next::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--arw-s);
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-content-pager .pagination a.next::before {
  transform: rotate(180deg);
}

/* 社内メンバー検索 */

.block-nameroom-content-member-search {
  margin-top: 24px;
  padding: 40px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
  letter-spacing: 0.054em;
}

.block-nameroom-content-member-search-item {
  display: flex;
  align-items: center;
}

.block-nameroom-content-member-search-item + .block-nameroom-content-member-search-item {
  margin-top: 10px;
}

.block-nameroom-content-member-search-item dl {
  display: flex;
  align-items: center;
}

.block-nameroom-content-member-search-item dl + dl {
  margin-left: 35px;
}

.block-nameroom-content-member-search-item dt {
  flex-shrink: 0;
  margin-right: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-content-member-search-item dd {
  display: flex;
  align-items: center;
}

.block-nameroom-content-member-search-item dl.item-name {
  flex-shrink: 0;
}

.block-nameroom-content-member-search-item dl.item-name input {
  flex-shrink: 0;
  width: 160px;
}

.block-nameroom-content-member-search-item dl.item-name input + input {
  margin-left: 10px;
}

.block-nameroom-content-member-search-item dl.item-position,
.block-nameroom-content-member-search-item dl.item-keyword {
  flex-shrink: 1;
  width: 100%;
}

.block-nameroom-content-member-search-item dl.item-position dd,
.block-nameroom-content-member-search-item dl.item-position input,
.block-nameroom-content-member-search-item dl.item-keyword dd,
.block-nameroom-content-member-search-item dl.item-keyword input {
  width: 100%;
}

.block-nameroom-content-member-search-btn {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 24px;
}

.block-nameroom-content-member-search-btn li + li {
  margin-left: 40px;
}

.block-nameroom-content-member-search-btn .btn-gy {
  width: 160px;
  height: 40px;
  font-size: 1.4rem;
}

.block-nameroom-content-member-search-btn .btn-gr {
  width: 240px;
  height: 50px;
  font-size: 1.6rem;
}

.block-nameroom-content-member-list {
  margin-top: 16px;
}

.block-nameroom-content-member-list-qr_annotetion {
  font-size: 1.2rem;
  text-align: right;
  letter-spacing: 0.054em;
}

.block-nameroom-content-member-list-tbl,
.block-nameroom-customer-tbl {
  margin-top: 16px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  line-height: 1.714;
  letter-spacing: 0.1em;
  box-shadow: var(--drop-shdow);
  overflow-wrap: break-word;
  overflow: hidden;
}

.block-nameroom-content-member-list-tbl a,
.block-nameroom-customer-tbl a {
  text-decoration: none;
}

.block-nameroom-content-member-list-tbl a:hover,
.block-nameroom-customer-tbl a:hover {
  opacity: 0.65;
}

.block-nameroom-content-member-list-tbl table,
.block-nameroom-customer-tbl table {
  width: 100%;
}

.block-nameroom-content-member-list-tbl table {
  table-layout: fixed;
}

.block-nameroom-content-member-list-tbl table thead th,
.block-nameroom-customer-tbl table thead th {
  height: 70px;
  padding: 0 16px;
  background-color: #ddefef;
  font-weight: 700;
}

.block-nameroom-customer-tbl table thead th {
  word-break: keep-all;
  word-wrap: normal;
}

.block-nameroom-customer-tbl table tbody td {
  padding: 20px 16px;
  word-break: break-all;
  word-wrap: break-word;
}

.block-nameroom-content-member-list-tbl table thead th:first-child,
.block-nameroom-customer-tbl table thead th:first-child {
  border-top-left-radius: 10px;
}

.block-nameroom-content-member-list-tbl table thead th:last-child,
.block-nameroom-customer-tbl table thead th:last-child {
  border-top-right-radius: 10px;
}

.block-nameroom-content-member-list-tbl table thead th:nth-child(1),
.block-nameroom-content-member-list-tbl table tbody td:nth-child(1) {
  width: 128px;
  padding: 20px 16px;
  text-align: center;
}

.block-nameroom-content-member-list-tbl table thead th:nth-child(2),
.block-nameroom-content-member-list-tbl table tbody td:nth-child(2) {
  width: 171px;
  padding: 20px 16px;
}

.block-nameroom-content-member-list-tbl table thead th:nth-child(3),
.block-nameroom-content-member-list-tbl table tbody td:nth-child(3) {
  width: auto;
  padding: 20px 16px 20px 0;
}

.block-nameroom-content-member-list-tbl table thead th:nth-child(4),
.block-nameroom-content-member-list-tbl table tbody td:nth-child(4) {
  width: auto;
  padding: 20px 16px 20px 0;
}

.block-nameroom-content-member-list-tbl table thead th:nth-child(5),
.block-nameroom-content-member-list-tbl table tbody td:nth-child(5) {
  width: 134px;
  padding: 20px 0;
  text-align: center;
}

.block-nameroom-content-member-list-tbl table thead th:nth-child(6),
.block-nameroom-content-member-list-tbl table tbody td:nth-child(6) {
  width: 52px;
  padding: 20px 0;
}

.block-nameroom-content-member-list-tbl table tbody td {
  height: 120px;
}

.block-nameroom-content-member-list-tbl table tbody tr:nth-child(even) td,
.block-nameroom-customer-tbl tr:nth-child(even) td {
  background-color: var(--cl-bg-tbl);
}

.block-nameroom-content-member-list-tbl .img-face img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 80px;
}

.block-nameroom-content-member-list-tbl .name a,
.block-nameroom-content-member-list-tbl .mail a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block-nameroom-content-member-list-tbl .position p a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.block-nameroom-content-member-list-tbl .img-qr button {
  display: block;
  width: 60px;
  margin: 0 auto;
  padding: 0;
  border: none;
  background-color: transparent;
}

.block-nameroom-content-member-list-tbl .arw {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-image: var(--arw-s);
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.block-nameroom-customer-tbl .item-delete {
  width: 90px;
}

.block-nameroom-customer-tbl .guest_list-delete-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.block-nameroom-customer-tbl .guest_list-delete-btn .btn-gy {
  width: 80px;
  height: 30px;
  font-size: 1.3rem;
}

/* 名刺リスト */

.block-nameroom-content-businesscard-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 44px;
}

.block-nameroom-content-businesscard-info .item-user-clear {
  margin-left: 10px;
}

.block-nameroom-content-businesscard-info .item-user-clear button {
  width: 180px;
  height: 36px;
  font-size: 1.3rem;
}

.block-nameroom-content-businesscard-info .item-list-switch {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 16px;
}

.block-nameroom-content-businesscard-info .item-list-switch button {
  width: 240px;
  height: 44px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.block-nameroom-content-businesscard-info .help-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 44px;
  margin-left: 1px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--cl-lgr);
  background-image: url(../img/usr/icon_mybook_help.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 19px;
  text-indent: -999999px;
}

.block-nameroom-content-businesscard-info .help-content {
  display: none;
  position: absolute;
  top: -56px;
  left: 50%;
  width: 360px;
  height: 60px;
  margin-left: -182px;
}

.block-nameroom-content-businesscard-info .help-content p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: 12px;
  background-image: url(../img/usr/bg_mybook_help.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}

.block-nameroom-content-businesscard-search-tab {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 16px;
}

.block-nameroom-content-businesscard-search-tab-item {
  position: relative;
  width: 240px;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
}

.block-nameroom-content-businesscard-search-tab-item + .block-nameroom-content-businesscard-search-tab-item {
  margin-left: 16px;
}

.block-nameroom-content-businesscard-search-tab-item > .btn-gr {
  width: 240px;
  height: 44px;
  font-size: 1.4rem;
  transition: background-color 0.15s, opacity 0.2s;
}

.block-nameroom-content-businesscard-search-tab-item > .btn-gr.is-active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #f8fcfd;
  color: #000000;
}

.block-nameroom-content-businesscard-search-tab-item > .btn-gr.is-active:hover {
  opacity: 1;
}

.block-nameroom-content-businesscard-search-tab-item > .btn-gr::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 16px;
  background-color: #f8fcfd;
  opacity: 0;
  transition: opacity 0.15s;
}

.block-nameroom-content-businesscard-search-tab-item > .btn-gr::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.15s;
}

.block-nameroom-content-businesscard-search-tab-item > .btn-gr.is-active::before,
.block-nameroom-content-businesscard-search-tab-item > .btn-gr.is-active::after {
  opacity: 1;
}

.block-nameroom-content-businesscard-search-target {
  display: none;
  position: relative;
  margin-top: 16px;
  border-radius: 10px;
  background-color: #f8fcfd;
  letter-spacing: 0.054em;
}

.block-nameroom-content-businesscard-search-target.item-search {
  padding: 40px;
}

.block-nameroom-content-businesscard-search-target.item-import {
  padding: 40px 40px 24px;
  border-top-right-radius: 0;
}

.block-nameroom-content-businesscard-search-target .item-search-input {
  display: flex;
}

.block-nameroom-content-businesscard-search-target .item-search-input-keyword {
  width: calc(100% - 380px);
}

.block-nameroom-content-businesscard-search-target .item-search-input-date {
  width: 380px;
  margin-left: 24px;
}

.block-nameroom-content-businesscard-search-target dt {
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-content-businesscard-search-target dd {
  margin-top: 10px;
}

.block-nameroom-content-businesscard-search-target .item-search-input-keyword input {
  width: 100%;
}

.block-nameroom-content-businesscard-search-target .item-search-input-date dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-content-businesscard-search-target .item-search-input-date input {
  width: 160px;
  font-size: 1.4rem;
  font-weight: 300;
}

.block-nameroom-content-businesscard-search-target .item-search-checkbox,
.block-nameroom-content-businesscard-search-target .item-search-checkbox dl + dl {
  margin-top: 24px;
}

.block-nameroom-content-businesscard-search-target .item-search-checkbox dl {
  display: flex;
}

.block-nameroom-content-businesscard-search-target .item-search-checkbox dt {
  width: 71px;
}

.block-nameroom-content-businesscard-search-target .item-search-checkbox dd {
  width: calc(100% - 71px);
  margin: 0;
  overflow: hidden;
}

.block-nameroom-content-businesscard-search-target .item-search-checkbox ul {
  display: flex;
  flex-wrap: wrap;
  margin: -11px -40px 0 0;
}

.block-nameroom-content-businesscard-search-target .item-search-checkbox li {
  margin: 13px 40px 0 0;
}

.block-nameroom-content-businesscard-search-target .item-search-btn {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 40px 0 0 184px;
}

.block-nameroom-content-businesscard-search-target .item-btn-submit .btn-gr {
  width: 240px;
  height: 50px;
  font-size: 1.6rem;
}

.block-nameroom-content-businesscard-search-target .item-btn-download {
  margin-left: 24px;
}

.block-nameroom-content-businesscard-search-target .item-btn-download .btn-bdr-gr {
  width: 160px;
  height: 40px;
  font-size: 1.4rem;
}

.block-nameroom-content-businesscard-search-target .item-search-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.block-nameroom-content-businesscard-search-target .item-search-clear button {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

.block-nameroom-content-businesscard-search-target .item-search-clear button::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-content-businesscard-search-target .item-search-clear button:hover {
  opacity: 0.65;
}

.block-nameroom-content-businesscard-search-target .item-import-file {
  width: 100%;
  height: 300px;
  padding-top: 123px;
  border-radius: 8px;
  background-color: #e7f0f2;
  color: var(--cl-btn-gy);
  text-align: center;
}

.block-nameroom-content-businesscard-search-target .import-back-img {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDYuNDM1IiBoZWlnaHQ9IjY4Ij48cGF0aCBkPSJNODYuOTc3IDI4LjYxN2MwLS4yODMuMDQ4LS41NjcuMDQ4LS44NWEyNy40MjIgMjcuNDIyIDAgMCAwLTUyLjI2Ny0xMS45NDggMTQuMTA4IDE0LjEwOCAwIDAgMC0yMC4zMzcgMTAuMzg5QTIxLjUgMjEuNSAwIDAgMCAyMS4yNjMgNjhoMjQuMzUyVjQ5LjExMUgzNC4xNjRsMTkuMDUzLTE5Ljc2MiAxOS4wNTQgMTkuNzM4SDYwLjgydjE4Ljg4OWgyNi4yYTE5LjY4MSAxOS42ODEgMCAwIDAtLjA0OC0zOS4zNloiIGZpbGw9IiNjOGRjZTAiLz48L3N2Zz4=");
  background-position: center top 39px;
  background-repeat: no-repeat;
}

.block-nameroom-content-businesscard-search-target .item-import-file-comment {
  line-height: 1.857;
}

.block-nameroom-content-businesscard-search-target .item-import-file-input {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
}

.block-nameroom-content-businesscard-search-target .item-import-file-input .item-content-file-btn {
  width: 150px;
  height: 40px;
}

.block-nameroom-content-businesscard-search-target .item-import-file-annotation {
  margin-top: 15px;
  font-size: 1.2rem;
}

.block-nameroom-content-businesscard-search-target .item-import-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}

.block-nameroom-content-businesscard-search-target .item-import-submit .btn-gr {
  width: 240px;
  height: 50px;
  font-size: 1.6rem;
}

.block-nameroom-content-businesscard-list {
  margin-top: 34px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
  overflow: hidden;
}

.block-nameroom-content-businesscard-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 40px 24px;
}

.block-nameroom-content-businesscard-list-item:nth-child(even) {
  background-color: var(--cl-bg-tbl);
}

.block-nameroom-content-businesscard-list-item .list-left {
  width: 130px;
}

.block-nameroom-content-businesscard-list-item .list-main {
  width: calc(100% - 396px);
  padding: 0 24px 0 38px;
  letter-spacing: 0.1em;
}

.block-nameroom-content-businesscard-list-item .list-right {
  display: flex;
  align-items: center;
  width: 266px;
  height: 100%;
}

.block-nameroom-content-businesscard-list-item .list-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.block-nameroom-content-businesscard-list-item .list-img img {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 110px;
  object-fit: cover;
}

.block-nameroom-content-businesscard-list-item .list-img.is-exchanged::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-image: url(../img/usr/nameroom/common/pc/icon_exchenged.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.15));
}

.block-nameroom-content-businesscard-list-item .list-state {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
}

.block-nameroom-content-businesscard-list-item .lits-profile-btn {
  margin-top: 9px;
}

.block-nameroom-content-businesscard-list-item .lits-profile-btn .btn-gr {
  width: 100%;
  height: 30px;
  font-size: 1.2rem;
}

.block-nameroom-content-businesscard-list-item .list-company button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
}

.block-nameroom-content-businesscard-list-item .list-department {
  margin-top: 8px;
  font-size: 1.3rem;
}

.block-nameroom-content-businesscard-list-item .list-post {
  margin-top: 10px;
  font-size: 1rem;
}

.block-nameroom-content-businesscard-list-item .list-name {
  margin-top: 5px;
}

.block-nameroom-content-businesscard-list-item .list-name button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 1.8rem;
  cursor: pointer;
}

.block-nameroom-content-businesscard-list-item .list-mail,
.block-nameroom-content-businesscard-list-item .list-date {
  color: var(--cl-btn-gy);
}

.block-nameroom-content-businesscard-list-item .list-mail {
  margin-top: 8px;
  font-size: 1.3rem;
}

.block-nameroom-content-businesscard-list-item .list-date {
  display: flex;
  align-items: baseline;
  margin-top: 16px;
  font-size: 1.2rem;
}

.block-nameroom-content-businesscard-list-item .list-date dt {
  margin-right: 8px;
  letter-spacing: 0.04em;
}

.block-nameroom-content-businesscard-list-item .list-businesscard {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 198px;
}

.block-nameroom-content-businesscard-list-item .list-businesscard img {
  display: block;
  max-width: 198px;
  max-height: 198px;
}

.block-nameroom-content-businesscard-list-item .list-arw {
  position: absolute;
  top: 40px;
  right: 24px;
}

.block-nameroom-content-businesscard-list-item .list-arw button {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: var(--cl-lgr);
  cursor: pointer;
}

.block-nameroom-content-businesscard-list-item .list-arw button::before,
.block-nameroom-content-businesscard-list-item .list-arw button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  background-color: #ffffff;
}

.block-nameroom-content-businesscard-list-item .list-arw button::after {
  transform: rotate(90deg);
}

.block-nameroom-content-businesscard-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.block-nameroom-content-businesscard-modal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.block-nameroom-content-businesscard-modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--cl-bg-tbk);
}

.block-nameroom-content-businesscard-modal-body {
  position: relative;
  width: 1020px;
}

.block-nameroom-content-businesscard-modal-body .slick-arrow {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 35px;
  margin-top: -17px;
  border-radius: 6px;
  border: 1px solid var(--cl-bdr);
  background-color: #ffffff;
  background-image: var(--arw-s);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  cursor: pointer;
  z-index: 9;
}

.block-nameroom-content-businesscard-modal-body .slick-prev {
  left: -17px;
}

.block-nameroom-content-businesscard-modal-body .slick-next {
  right: -17px;
  transform: rotate(180deg);
}

.block-nameroom-content-businesscard-modal-body-item-body {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 1020px;
  border-radius: 8px;
  background-color: var(--cl-bg-main-gr);
  overflow: hidden;
}

.block-nameroom-content-businesscard-modal-body-item-body .list-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.block-nameroom-content-businesscard-modal-body-item-body .list-img img {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 110px;
  object-fit: cover;
}

.block-nameroom-content-businesscard-modal-body-item-body .list-img.is-exchanged::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-image: url(../img/usr/nameroom/common/pc/icon_exchenged.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.15));
}

.block-nameroom-content-businesscard-modal-body-item .item-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.block-nameroom-content-businesscard-modal-body-item .item-close button {
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
  cursor: pointer;
}

.block-nameroom-content-businesscard-modal-body-item .item-left {
  width: 556px;
  padding: 60px 0 0 60px;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-left {
  width: 130px;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-img img {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 110px;
  object-fit: cover;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-img.is-exchanged::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-image: url(../img/usr/nameroom/common/pc/icon_exchenged.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, 0.15));
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-state {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-profile-btn {
  margin-top: 9px;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-profile-btn .btn-gr {
  width: 100%;
  height: 30px;
  font-size: 1.2rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-main {
  width: 342px;
  letter-spacing: 0.1em;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-company {
  font-size: 1.6rem;
  font-weight: 500;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-department {
  margin-top: 8px;
  font-size: 1.3rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-post {
  margin-top: 10px;
  font-size: 1rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-name {
  margin-top: 5px;
  font-size: 1.8rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-mail {
  margin-top: 8px;
  color: var(--cl-btn-gy);
  font-size: 1.3rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-user_info-tel,
.block-nameroom-content-businesscard-modal-body-item .item-user_info-address {
  margin-top: 5px;
  line-height: 1.714;
}

.block-nameroom-content-businesscard-modal-body-item .item-date {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  padding: 20px 30px;
  border-radius: 8px;
  background-color: var(--cl-bg-main-gr);
  mix-blend-mode: multiply;
}

.block-nameroom-content-businesscard-modal-body-item .item-date > div {
  width: 205px;
}

.block-nameroom-content-businesscard-modal-body-item .item-date dl {
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
}

.block-nameroom-content-businesscard-modal-body-item .item-date dl + dl {
  margin-top: 6px;
}

.block-nameroom-content-businesscard-modal-body-item .item-date dt {
  width: 105px;
}

.block-nameroom-content-businesscard-modal-body-item .item-date dd {
  width: calc(100% - 105px);
}

.block-nameroom-content-businesscard-modal-body-item .item-memo {
  margin-top: 24px;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-btn {
  display: flex;
  align-items: center;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-btn-cancel,
.block-nameroom-content-businesscard-modal-body-item .item-memo-btn-update {
  display: none;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-btn-cancel {
  margin-left: 10px;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-btn-edit button,
.block-nameroom-content-businesscard-modal-body-item .item-memo-btn-cancel button {
  width: 120px;
  height: 35px;
  font-size: 1.3rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-btn-update {
  margin-left: auto;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-btn-update button {
  width: 50px;
  height: 35px;
  font-size: 1.3rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-form {
  margin-top: 10px;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-form-text {
  line-height: 1.714;
  letter-spacing: 0.04em;
  word-break: break-all;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-form-textarea {
  display: none;
}

.block-nameroom-content-businesscard-modal-body-item .item-memo-form textarea {
  width: 100%;
  height: 60px;
  line-height: 1.5;
}

.block-nameroom-content-businesscard-modal-body-item .js-memo-form-cnt {
  margin-top: 5px;
  color: var(--cl-btn-gy);
  font-size: 1.2rem;
  text-align: right;
}

.block-nameroom-content-businesscard-modal-body-item .item-right {
  width: 440px;
  margin-left: 24px;
  padding: 60px 60px 0 0;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-nav {
  display: flex;
  justify-content: space-between;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-nav-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 78px;
  height: 32px;
  padding: 0 4px;
  border-radius: 32px;
  background-color: var(--cl-dgr);
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-nav-select button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 24px;
  border-radius: 24px;
  border: none;
  background-color: transparent;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-nav-select button.is-active {
  background-color: #ffffff;
  color: var(--cl-lgr);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-nav-date {
  display: flex;
  align-items: baseline;
  color: var(--cl-btn-gy);
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-nav-date dt {
  margin-right: 8px;
  letter-spacing: 0.04em;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-img {
  margin-top: 16px;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-img > div {
  display: none;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-img > div.is-active {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.block-nameroom-content-businesscard-modal-body-item .item-businesscard-img > div img {
  display: block;
  max-width: 380px;
  max-height: 380px;
}

.block-nameroom-content-businesscard-modal-body-item .item-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 90px;
  margin-top: 20px;
  padding: 0 40px;
  background-color: #e9f3f5;
}

.block-nameroom-content-businesscard-modal-body-item .item-delete-btn .btn-gy {
  width: 180px;
  height: 40px;
  font-size: 1.4rem;
}

.block-nameroom-content-businesscard-modal-body-item .item-download-btn .btn-gr {
  width: 260px;
  height: 50px;
  font-size: 1.6rem;
}

/* 編集画面 */

.block-nameroom-edit-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}

.block-nameroom-edit-top {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.block-nameroom-edit-top-left {
  width: 360px;
}

.block-nameroom-edit-top-left .block-nameroom-regist_profile-container {
  height: 100%;
  margin-top: 0;
}

.block-nameroom-edit-basic {
  margin-top: 20px;
}

.block-nameroom-edit-basic .item-img img {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 200px;
  overflow: hidden;
  object-fit: cover;
}

.block-nameroom-edit-basic .item-name {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-basic .item-kana {
  margin-top: 8px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-basic .item-company,
.block-nameroom-edit-basic .item-department,
.block-nameroom-edit-basic .item-post,
.block-nameroom-edit-basic .item-mail,
.block-nameroom-edit-basic .item-address,
.block-nameroom-edit-basic .item-tel,
.block-nameroom-edit-basic .item-mobile,
.block-nameroom-edit-basic .item-url {
  line-height: 1.571;
  letter-spacing: 0.054em;
}

.block-nameroom-edit-basic .item-company {
  margin-top: 14px;
}

.block-nameroom-edit-basic .item-department,
.block-nameroom-edit-basic .item-post,
.block-nameroom-edit-basic .item-address,
.block-nameroom-edit-basic .item-tel,
.block-nameroom-edit-basic .item-mobile,
.block-nameroom-edit-basic .item-url {
  margin-top: 8px;
}

.block-nameroom-edit-basic .item-mail {
  margin-top: 12px;
}

.block-nameroom-edit-top-right {
  display: flex;
  flex-direction: column;
  width: calc(100% - 380px);
}

.block-nameroom-edit-top-right .block-nameroom-regist_profile-container {
  margin-top: 0;
}

.block-nameroom-edit-top-right .block-nameroom-regist_profile-container + .block-nameroom-regist_profile-container {
  margin-top: 20px;
}

.block-nameroom-edit-top-right .block-nameroom-regist_profile-container > *:not(.block-nameroom-edit-modal) {
  max-width: 930px;
}

.block-nameroom-edit-bc-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 78px;
  height: 32px;
  padding: 0 4px;
  border-radius: 32px;
  background-color: var(--cl-dgr);
}

.block-nameroom-edit-bc-select button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 24px;
  border-radius: 24px;
  border: none;
  background-color: transparent;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}

.block-nameroom-edit-bc-select button.is-active {
  background-color: #ffffff;
  color: var(--cl-lgr);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.block-nameroom-edit-bc-default {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 12px;
}

.block-nameroom-edit-bc-default form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.block-nameroom-edit-bc-default-content {
  display: flex;
  align-items: center;
  width: 260px;
  height: 40px;
  padding-left: 14px;
  border: 1px solid var(--cl-bdr);
  border-radius: 8px;
  background-color: #ffffff;
  letter-spacing: 0.054em;
}

.block-nameroom-edit-bc-default-content ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: 15px;
}

.block-nameroom-edit-bc-default-content li + li {
  margin-left: 18px;
}

.block-nameroom-edit-bc-default-btn {
  margin-left: 10px;
}

.block-nameroom-edit-bc-default-btn .btn-gr {
  width: 60px;
  height: 40px;
  padding-left: 0.2em;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
}

.block-nameroom-edit-bc-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.block-nameroom-edit-bc-img > div {
  display: none;
}

.block-nameroom-edit-bc-img > div.is-active {
  display: block;
}

.block-nameroom-edit-bc-img img {
  display: block;
  max-width: 410px;
  max-height: 410px;
}

.block-nameroom-edit-bc-upload {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid var(--cl-bdr);
  border-radius: 8px;
  background-color: #ffffff;
}

.block-nameroom-edit-bc-upload .item-btn {
  display: flex;
  align-items: center;
}

.block-nameroom-edit-bc-upload .item-btn ul {
  display: flex;
  align-items: center;
}

.block-nameroom-edit-bc-upload .item-btn li + li {
  margin-left: 20px;
}

.block-nameroom-edit-bc-upload .item-btn .annotation {
  margin-left: 16px;
  color: var(--cl-lgr);
  font-size: 1.2rem;
  letter-spacing: 0.054em;
}

.block-nameroom-edit-bc-upload .item-submit {
  margin-top: 10px;
}

.block-nameroom-edit-bc-upload .item-submit .item-file {
  display: flex;
  align-items: center;
}

.block-nameroom-edit-bc-upload .item-submit .item-file .item-file-btn {
  width: 110px;
  height: 34px;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
}

.block-nameroom-edit-bc-upload .item-submit .item-file .item-file-name {
  flex-shrink: 1;
  width: calc(100% - 250px);
  padding: 0 10px;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.block-nameroom-edit-bc-upload .item-submit .item-file .btn-gr {
  width: 140px;
  height: 34px;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
}

.block-nameroom-edit-bc-delete {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}

.block-nameroom-edit-bc-delete button {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  border: none;
  background-color: transparent;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.block-nameroom-edit-bc-delete button::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -999999px;
}

.block-nameroom-edit-sns {
  display: flex;
  align-items: center;
  width: 410px;
}

.block-nameroom-edit-sns .ttl-regist_profile-h2 {
  width: 95px;
}

.block-nameroom-edit-sns-list ul {
  display: flex;
  align-items: center;
}

.block-nameroom-edit-sns-list li + li {
  margin-left: 40px;
}

.block-nameroom-edit-sns-list a {
  display: block;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

.block-nameroom-edit-sns-list a.icon-fb {
  width: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTI0IDEyYTEyIDEyIDAgMSAwLTEzLjg3NiAxMS44NTRWMTUuNDdINy4wNzdWMTJoMy4wNDdWOS4zNTZjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzNC00LjY2OWExOC4zODIgMTguMzgyIDAgMCAxIDIuNjg2LjIzNXYyLjk1M0gxNS44M2ExLjczNCAxLjczNCAwIDAgMC0xLjk1NiAxLjg3M1YxMkgxNy4ybC0uNTMyIDMuNDY5aC0yLjh2OC4zODRBMTIgMTIgMCAwIDAgMjQgMTJaIi8+PHBhdGggZD0iTTE2LjY3MiAxNS40NjkgMTcuMjA0IDEyaC0zLjMyOVY5Ljc0OWExLjczNCAxLjczNCAwIDAgMSAxLjk1Ni0xLjg3M2gxLjUxM1Y0LjkyM2ExOC4zODIgMTguMzgyIDAgMCAwLTIuNjg2LS4yMzVjLTIuNzQyIDAtNC41MzQgMS42NjItNC41MzQgNC42Njl2Mi42NDRINy4wOHYzLjQ2OWgzLjA0N3Y4LjM4NGExMi4wNzggMTIuMDc4IDAgMCAwIDMuNzUgMFYxNS40N1oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

.block-nameroom-edit-sns-list a.icon-x {
  width: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40ODQiIGhlaWdodD0iMjQiPjxwYXRoIGQ9Im0xMS4xMzkgMTMuNDYxLS45MjktMS4zMjlMMi44MTggMS41Nkg2bDUuOTY2IDguNTMzLjkyOCAxLjMyOCA3Ljc1NCAxMS4wOTFoLTMuMTgzWk0yMC42NDcgMGwtNy41OTEgOC44MjVMNi45OTMgMEgwbDkuMTY4IDEzLjM0M0wwIDI0aDIuMDcybDguMDE2LTkuMzE4TDE2LjQ5MSAyNGg2Ljk5M2wtOS41MDktMTMuODM3TDIyLjcxOSAwWiIvPjwvc3ZnPg==");
}

.block-nameroom-edit-sns-list a.icon-ig {
  width: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE3LjUxNSAwSDYuNDg1QTYuNDkyIDYuNDkyIDAgMCAwIDAgNi40ODV2MTEuMDNBNi40OTIgNi40OTIgMCAwIDAgNi40ODUgMjRoMTEuMDNBNi40OTIgNi40OTIgMCAwIDAgMjQgMTcuNTE1VjYuNDg1QTYuNDkyIDYuNDkyIDAgMCAwIDE3LjUxNSAwWm00LjU0NiAxNy41MTVhNC41NTIgNC41NTIgMCAwIDEtNC41NDYgNC41NDZINi40ODVhNC41NTIgNC41NTIgMCAwIDEtNC41NDYtNC41NDZWNi40ODVhNC41NTIgNC41NTIgMCAwIDEgNC41NDYtNC41NDZoMTEuMDNhNC41NTIgNC41NTIgMCAwIDEgNC41NDYgNC41NDZ2MTEuMDNaIi8+PHBhdGggZD0iTTE3LjM3MiAxMS4xNjNhNS4zNzcgNS4zNzcgMCAwIDAtNC41MzEtNC41MzEgNS40NCA1LjQ0IDAgMCAwLTEuNTc5IDAgNS4zODEgNS4zODEgMCAwIDAgLjc3OCAxMC43IDUuNjggNS42OCAwIDAgMCAuOC0uMDU4IDUuMzc3IDUuMzc3IDAgMCAwIDQuNTMxLTYuMTE1Wm0tNC44MTkgNC4yYTMuNDQgMy40NCAwIDEgMS0xLjAwOC02LjgwNiAzLjMyNiAzLjMyNiAwIDAgMSAxLjAwOCAwIDMuNDQgMy40NCAwIDAgMSAwIDYuODA2Wm02LjItMTAuMTE0YS45NzQuOTc0IDAgMCAwLS42ODYtLjI4MyAxIDEgMCAwIDAtLjY4Ni4yODMuOTc0Ljk3NCAwIDAgMC0uMjgzLjY4NiAxIDEgMCAwIDAgLjI4My42ODYuOTc0Ljk3NCAwIDAgMCAuNjg2LjI4MyAxIDEgMCAwIDAgLjY4Ni0uMjgzLjk3NC45NzQgMCAwIDAgLjI4My0uNjg2IDEgMSAwIDAgMC0uMjgxLS42ODlaIi8+PC9zdmc+");
}

.block-nameroom-edit-sns-list a.icon-lw {
  width: 39px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4zMjYiIGhlaWdodD0iMjAuNzQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyOS4zMjZ2MjAuNzRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik02LjczIDIwLjc0aDQuNDM3YS41MTcuNTE3IDAgMCAwIC41LS4zNzRMMTcuMzguNjYzYS41MTguNTE4IDAgMCAwLS41LS42NjNoLTQuNDM2YS41MTcuNTE3IDAgMCAwLS41LjM3NGwtNS43MTQgMTkuN2EuNTE5LjUxOSAwIDAgMCAuNS42NjNNMTguNjU2IDIwLjc0aDQuNDM3YS41MTcuNTE3IDAgMCAwIC41LS4zNzRMMjkuMzA2LjY2M2EuNTE4LjUxOCAwIDAgMC0uNS0uNjYzSDI0LjM3YS41MTcuNTE3IDAgMCAwLS41LjM3NGwtNS43MTQgMTkuN2EuNTE5LjUxOSAwIDAgMCAuNS42NjMiLz48cGF0aCBkPSJNMTEuMTY4IDIwLjc0SDYuMjMyYS41MTcuNTE3IDAgMCAxLS41LS4zNzRMLjAyMS42NjNBLjUxOC41MTggMCAwIDEgLjUxOCAwaDQuOTM2YS41MTcuNTE3IDAgMCAxIC41LjM3NGw1LjcxNCAxOS43YS41MTkuNTE5IDAgMCAxLS41LjY2M00yMy4wOTQgMjAuNzRoLTQuOTM2YS41MTcuNTE3IDAgMCAxLS41LS4zNzRMMTEuOTQ3LjY2M2EuNTE4LjUxOCAwIDAgMSAuNS0uNjYzaDQuOTM1YS41MTcuNTE3IDAgMCAxIC41LjM3NGw1LjcxNCAxOS43YS41MTkuNTE5IDAgMCAxLS41LjY2MyIvPjwvZz48L3N2Zz4=");
}

.block-nameroom-edit-sns .btn-edit {
  margin-left: auto;
}

.ttl-edt-h2 {
  margin-top: 40px;
  color: var(--cl-lgr);
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.ttl-edt-h2 + .block-nameroom-regist_profile-container {
  margin-top: 24px;
}

.block-nameroom-edit-comment {
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.054em;
}

.block-nameroom-edit-bg-select {
  margin-top: 16px;
}

.block-nameroom-edit-bg-select dt {
  font-weight: 700;
  letter-spacing: 0.054em;
}

.block-nameroom-edit-bg-select dd {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.block-nameroom-edit-bg-select dd form {
  display: flex;
  align-items: center;
}

.block-nameroom-edit-bg-select .item-type {
  min-width: 280px;
}

.block-nameroom-edit-bg-select .item-color {
  min-width: 230px;
  padding-left: 56px;
}

.block-nameroom-edit-bg-select .item-color-wrapper {
  display: block;
  position: relative;
  margin: 0 0 0 10px;
}

.block-nameroom-edit-bg-select .item-color-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 5px;
  margin-top: -3px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS40MTUiIGhlaWdodD0iNy4xMzYiPjxwYXRoIGQ9Im0xMC43MjIuNzIxLTUuMjA1IDUtNC43OTUtNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjOGQ4ZTk2IiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9Ii41Ii8+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-edit-bg-select .item-color-wrapper select {
  background-image: url(../img/usr/nameroom/bg_color/blue.png);
  background-position: center left 15px;
  background-size: 30px;
}

.block-nameroom-edit-bg-select .btn-gr {
  width: 260px;
  height: 50px;
  margin-left: 10px;
}

.block-nameroom-edit-profile {
  margin-top: 40px;
  line-height: 1.714;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-career {
  margin: 40px -40px -20px;
}

.block-nameroom-edit-career li {
  display: flex;
  padding: 22px 40px;
  line-height: 1.714;
}

.block-nameroom-edit-career li:nth-child(odd) {
  background-color: var(--cl-bg-tbl);
}

.block-nameroom-edit-career .list-ttl {
  width: 112px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-career .list-comment {
  width: calc(100% - 112px);
}

.block-nameroom-edit-freearea {
  margin: 40px -40px 0;
  padding: 40px 40px 0;
  border-top: 1px solid var(--cl-bdr);
}

.block-nameroom-edit-freearea + .block-nameroom-edit-freearea {
  margin-top: 60px;
}

.ttl-edt-h3 {
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-freearea-content,
.block-nameroom-edit-freearea-content > * + * {
  margin-top: 40px;
}

.block-nameroom-edit-freearea-comment {
  line-height: 1.714;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-freearea-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-nameroom-edit-freearea-img a:hover {
  opacity: 0.65;
}

.block-nameroom-edit-freearea-img img {
  display: block;
  height: auto;
}

.block-nameroom-edit-freearea-movie-youtube {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-nameroom-edit-freearea-movie-youtube iframe {
  aspect-ratio: 16/9;
}

.block-nameroom-edit-freearea-add_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.block-nameroom-edit-freearea-add_btn .btn-gr {
  width: 240px;
  height: 50px;
}

.block-nameroom-edit-log {
  margin-top: 24px;
  padding-bottom: 20px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
  overflow: hidden;
}

.block-nameroom-edit-log-tbl {
  width: 100%;
  line-height: 1.714;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-log-tbl thead th {
  height: 70px;
  background-color: #deefef;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-log-tbl tbody td {
  padding-top: 70px;
  padding-bottom: 70px;
}

.block-nameroom-edit-log-tbl tbody tr:nth-child(even) td {
  background-color: var(--cl-bg-tbl);
}

.block-nameroom-edit-log-tbl thead th:nth-child(1),
.block-nameroom-edit-log-tbl tbody td:nth-child(1) {
  width: 126px;
  padding-left: 24px;
}

.block-nameroom-edit-log-tbl thead th:nth-child(2),
.block-nameroom-edit-log-tbl tbody td:nth-child(2) {
  width: 224px;
  padding-left: 24px;
}

.block-nameroom-edit-log-tbl thead th:nth-child(3),
.block-nameroom-edit-log-tbl tbody td:nth-child(3) {
  width: auto;
  padding-left: 40px;
}

.block-nameroom-edit-log-tbl thead th:nth-child(4),
.block-nameroom-edit-log-tbl tbody td:nth-child(4) {
  width: auto;
  padding: 0 24px 0 40px;
}

.block-nameroom-edit-log-tbl .item-businesscard {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.block-nameroom-edit-log-tbl .item-businesscard img {
  display: block;
  max-width: 200px;
  max-height: 200px;
}

.block-nameroom-edit-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.block-nameroom-edit-modal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.block-nameroom-edit-modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--cl-bg-tbk);
}

.block-nameroom-edit-modal-body {
  position: relative;
  width: 1000px;
  max-height: calc(100vh - 80px);
  border-radius: 10px;
  background-color: #f8fcfd;
  overflow: hidden;
}

.block-nameroom-edit-modal-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 80px;
  padding: 0 50px;
  background-color: #e9f3f5;
}

.block-nameroom-edit-modal-header .item-ttl {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-nameroom-edit-modal-header .item-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: var(--icon-close);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

.block-nameroom-edit-modal-content {
  max-height: calc(100vh - 250px);
  padding: 40px 0 40px 80px;
  overflow: hidden;
}

.block-nameroom-wrapperbody .block-nameroom-edit-modal-content .mCSB_scrollTools {
  width: 10px;
}

.block-nameroom-wrapper .block-nameroom-edit-modal-content .mCSB_scrollTools .mCSB_draggerContainer {
  background-color: transparent;
}

.block-nameroom-wrapper .block-nameroom-edit-modal-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
  border-radius: 0;
  background-color: #9eb9bf;
}

.block-nameroom-edit-modal-content-inner {
  padding-right: 80px;
}

.block-nameroom-edit-modal-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  height: 90px;
  padding: 0 40px;
  background-color: #e9f3f5;
}

.block-nameroom-edit-modal-btn .item-cancel {
  margin-right: auto;
}

.block-nameroom-edit-modal-btn .item-cancel .btn-gy {
  width: 120px;
  height: 40px;
  font-size: 1.4rem;
}

.block-nameroom-edit-modal-btn .item-submit {
  margin-left: 24px;
}

.block-nameroom-edit-modal-btn .item-submit .btn-gr {
  width: 260px;
  height: 50px;
  font-size: 1.6rem;
}

.block-nameroom-edit-modal-content-inner .block-nameroom-basic_info-left {
  width: 230px;
}

.block-nameroom-edit-modal-content-inner .block-nameroom-basic_info-right {
  width: 550px;
}

.block-nameroom-edit-modal-content-inner .block-nameroom-regist_profile-other-content dd textarea {
  height: 280px;
}

.block-nameroom-edit-modal-content-inner .block-nameroom-regist_profile-list_format-input-content-body {
  height: auto;
}

.block-nameroom-edit-modal-content-inner .block-nameroom-regist_profile-free_area {
  margin-top: 0;
}

.block-nameroom-edit-modal-content-inner .block-nameroom-regist_profile-free_area-item {
  border-radius: 0;
  background-color: transparent;
}

.block-nameroom-edit-modal-content-inner .block-nameroom-regist_profile-free_area-item > dt {
  height: auto;
  padding: 0;
}

/* マイページ */

.block-nameroom-wrapper:has(.block-nameroom-mypage) {
  min-width: 1246px;
  padding: 0;
}

.block-nameroom-mypage {
  padding: 10px 10px 10px 10px;
}

.block-nameroom-mypage-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
}

.block-nameroom-mypage-left {
  position: relative;
  width: 380px;
}

.block-nameroom-mypage-left-body {
  width: 380px;
  padding: 30px 40px 0;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: var(--drop-shdow);
}

.block-nameroom-mypage-left-body.is-float {
  position: fixed;
  top: 0;
  left: 10px;
}

.block-nameroom-mypage-left-body.is-bottom {
  position: absolute;
  bottom: 40px;
  left: 0;
}

.block-nameroom-mypage-main {
  position: relative;
  width: calc(100% - 380px);
  padding: 40px;
}

.block-nameroom-mypage-main-home {
  position: absolute;
  top: 20px;
  right: 230px;
}

.block-nameroom-mypage-main-home a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 40px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 1.6rem;
  text-decoration: underline;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-home a:hover {
  text-decoration: none;
}

.block-nameroom-mypage-left-logo img {
  display: block;
  height: auto;
}

.block-nameroom-mypage-left-company {
  margin-top: 8px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  word-break: break-all;
}

.block-nameroom-mypage-left-user {
  margin-top: 24px;
}

.block-nameroom-mypage-left-user {
  display: grid;
  grid-template-columns: 80px auto;
  grid-template-rows: 50% 50%;
  grid-auto-rows: 1fr;
  gap: 3px 24px;
  grid-auto-flow: row;
  grid-template-areas:
    "img name"
    "img kana";
  margin-top: 24px;
}

.block-nameroom-mypage-left-img {
  grid-area: img;
}

.block-nameroom-mypage-left-name {
  grid-area: name;
}

.block-nameroom-mypage-left-kana {
  grid-area: kana;
}

.block-nameroom-mypage-left-img img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 80px;
  object-fit: cover;
}

.block-nameroom-mypage-left-name {
  display: flex;
  align-items: flex-end;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  word-break: break-all;
}

.block-nameroom-mypage-left-kana {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  word-break: break-all;
}

.block-nameroom-mypage-left-info {
  margin: 24px -40px 0;
}

.block-nameroom-mypage-left-info-tab {
  display: flex;
}

.block-nameroom-mypage-left-info-tab button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 36px;
  border: none;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-color: rgba(240, 240, 240, 0.5);
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.block-nameroom-mypage-left-info-tab button.is-active {
  background-color: rgba(255, 255, 255, 0.5);
}

.block-nameroom-mypage-left-info-target {
  background-color: rgba(255, 255, 255, 0.5);
}

.block-nameroom-mypage-left-info-target-item {
  display: none;
}

.block-nameroom-mypage-left-info-target-item.is-active {
  display: block;
}

.block-nameroom-mypage-left-info-txt {
  padding: 20px 24px;
  line-height: 1.571;
  letter-spacing: 0.054em;
}

.block-nameroom-mypage-left-info-txt .item-mail,
.block-nameroom-mypage-left-info-txt .item-address,
.block-nameroom-mypage-left-info-txt .item-tel {
  margin-top: 4px;
}

.block-nameroom-mypage-left-info-txt .item-download {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.block-nameroom-mypage-left-info-txt .item-download button {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.block-nameroom-mypage-left-info-txt .item-download button:hover {
  opacity: 0.65;
}

.block-nameroom-mypage-left-info-txt .item-download button::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjNmY3MDc5IiBkPSJNMCAwaDEzdjEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNy4zMTMuODEyYS44MTMuODEzIDAgMCAwLTEuNjI1IDB2Ni4xNjJMMy44MjQgNS4xMTFhLjgxMy44MTMgMCAwIDAtMS4xNSAxLjE1bDMuMjUgMy4yNWEuODE0LjgxNCAwIDAgMCAxLjE1IDBsMy4yNS0zLjI1YS44MTMuODEzIDAgMCAwLTEuMTUtMS4xNUw3LjMxMyA2Ljk3NFpNMS42MjUgOC45MzdBMS42MjcgMS42MjcgMCAwIDAgMCAxMC41NjJ2LjgxM0ExLjYyNyAxLjYyNyAwIDAgMCAxLjYyNSAxM2g5Ljc1QTEuNjI2IDEuNjI2IDAgMCAwIDEzIDExLjM3NXYtLjgxM2ExLjYyNiAxLjYyNiAwIDAgMC0xLjYyNS0xLjYyNUg4LjhsLTEuMTUgMS4xNWExLjYyNCAxLjYyNCAwIDAgMS0yLjMgMEw0LjIgOC45MzdabTkuMzQ0IDEuNDIyYS42MS42MSAwIDEgMS0uNjA5LjYwOS42MDkuNjA5IDAgMCAxIC42MDktLjYwOSIgZmlsbD0iIzZmNzA3OSIvPjwvZz48L3N2Zz4=");
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-mypage-left-info-businesscard {
  padding: 24px 40px;
}

.block-nameroom-mypage-left-info-businesscard .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 32px;
}

.block-nameroom-mypage-left-info-businesscard .item-ttl {
  font-size: 1.6rem;
  font-weight: 700;
}

.block-nameroom-mypage-left-info-businesscard .item-disp-select ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 78px;
  height: 32px;
  padding: 4px;
  border-radius: 32px;
  background-color: #6f7079;
}

.block-nameroom-mypage-left-info-businesscard .item-disp-select button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 24px;
  background-color: transparent;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: 700;
  transition: background-color 0.16s, color 0.16s;
}

.block-nameroom-mypage-left-info-businesscard .item-disp-select button.is-active {
  background-color: #ffffff;
  color: #6f7079;
}

.block-nameroom-mypage-left-info-businesscard .item-card-img {
  margin-top: 16px;
}

.block-nameroom-mypage-left-info-businesscard .item-card-img li {
  display: none;
}

.block-nameroom-mypage-left-info-businesscard .item-card-img li.is-active {
  display: block;
}

.block-nameroom-mypage-left-info-businesscard .item-card-img figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.block-nameroom-mypage-left-info-businesscard .item-card-img img {
  display: block;
  max-height: 300px;
}

.block-nameroom-mypage-left-sns ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 73px;
}

.block-nameroom-mypage-left-sns li + li {
  margin-left: 30px;
}

.block-nameroom-mypage-left-sns li.list-hp {
  position: relative;
  margin-right: 31px;
}

.block-nameroom-mypage-left-sns li.list-hp::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -30px;
  width: 1px;
  height: 25px;
  margin-top: -13px;
  background-color: #c0dadd;
}

.block-nameroom-mypage-left-sns a {
  display: block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

.block-nameroom-mypage-left-sns a:hover {
  opacity: 0.65;
}

.block-nameroom-mypage-left-sns a.icon-hp {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiPjxjaXJjbGUgY3g9IjExIiBjeT0iMTEiIHI9IjExIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIi8+PHBhdGggZD0iTTEuNjM2IDE1LjY2N2gyMC43MjlNMS42MzYgOC4zMzNoMjAuNzI5TTEwLjc0MSAxLjA3M2EyNS45OTQgMjUuOTk0IDAgMCAwIDAgMjEuODUzTTEzLjI1OSAxLjA3M0EyNi4wNDIgMjYuMDQyIDAgMCAxIDE1LjY2NyAxMmEyNi4wNTMgMjYuMDUzIDAgMCAxLTIuNDA4IDEwLjkyNiIvPjwvZz48L3N2Zz4=");
}

.block-nameroom-mypage-left-sns a.icon-fb {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTI0IDEyYTEyIDEyIDAgMSAwLTEzLjg3NiAxMS44NTRWMTUuNDdINy4wNzdWMTJoMy4wNDdWOS4zNTZjMC0zLjAwNyAxLjc5Mi00LjY2OSA0LjUzNC00LjY2OWExOC4zODIgMTguMzgyIDAgMCAxIDIuNjg2LjIzNXYyLjk1M0gxNS44M2ExLjczNCAxLjczNCAwIDAgMC0xLjk1NiAxLjg3M1YxMkgxNy4ybC0uNTMyIDMuNDY5aC0yLjh2OC4zODRBMTIgMTIgMCAwIDAgMjQgMTJaIi8+PHBhdGggZD0iTTE2LjY3MiAxNS40NjkgMTcuMjA0IDEyaC0zLjMyOVY5Ljc0OWExLjczNCAxLjczNCAwIDAgMSAxLjk1Ni0xLjg3M2gxLjUxM1Y0LjkyM2ExOC4zODIgMTguMzgyIDAgMCAwLTIuNjg2LS4yMzVjLTIuNzQyIDAtNC41MzQgMS42NjItNC41MzQgNC42Njl2Mi42NDRINy4wOHYzLjQ2OWgzLjA0N3Y4LjM4NGExMi4wNzggMTIuMDc4IDAgMCAwIDMuNzUgMFYxNS40N1oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

.block-nameroom-mypage-left-sns a.icon-x {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40ODQiIGhlaWdodD0iMjQiPjxwYXRoIGQ9Im0xMS4xMzkgMTMuNDYxLS45MjktMS4zMjlMMi44MTggMS41Nkg2bDUuOTY2IDguNTMzLjkyOCAxLjMyOCA3Ljc1NCAxMS4wOTFoLTMuMTgzWk0yMC42NDcgMGwtNy41OTEgOC44MjVMNi45OTMgMEgwbDkuMTY4IDEzLjM0M0wwIDI0aDIuMDcybDguMDE2LTkuMzE4TDE2LjQ5MSAyNGg2Ljk5M2wtOS41MDktMTMuODM3TDIyLjcxOSAwWiIvPjwvc3ZnPg==");
}

.block-nameroom-mypage-left-sns a.icon-ig {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE3LjUxNSAwSDYuNDg1QTYuNDkyIDYuNDkyIDAgMCAwIDAgNi40ODV2MTEuMDNBNi40OTIgNi40OTIgMCAwIDAgNi40ODUgMjRoMTEuMDNBNi40OTIgNi40OTIgMCAwIDAgMjQgMTcuNTE1VjYuNDg1QTYuNDkyIDYuNDkyIDAgMCAwIDE3LjUxNSAwWm00LjU0NiAxNy41MTVhNC41NTIgNC41NTIgMCAwIDEtNC41NDYgNC41NDZINi40ODVhNC41NTIgNC41NTIgMCAwIDEtNC41NDYtNC41NDZWNi40ODVhNC41NTIgNC41NTIgMCAwIDEgNC41NDYtNC41NDZoMTEuMDNhNC41NTIgNC41NTIgMCAwIDEgNC41NDYgNC41NDZ2MTEuMDNaIi8+PHBhdGggZD0iTTE3LjM3MSAxMS4xNjNhNS4zNzcgNS4zNzcgMCAwIDAtNC41MzEtNC41MzEgNS40NCA1LjQ0IDAgMCAwLTEuNTc5IDAgNS4zODEgNS4zODEgMCAwIDAgLjc3OCAxMC43IDUuNjggNS42OCAwIDAgMCAuOC0uMDU4IDUuMzc3IDUuMzc3IDAgMCAwIDQuNTMxLTYuMTE1Wm0tNC44MTkgNC4yYTMuNDQgMy40NCAwIDEgMS0xLjAwOC02LjgwNiAzLjMyNiAzLjMyNiAwIDAgMSAxLjAwOCAwIDMuNDQgMy40NCAwIDAgMSAwIDYuODA2Wm02LjItMTAuMTE0YS45NzQuOTc0IDAgMCAwLS42ODYtLjI4MyAxIDEgMCAwIDAtLjY4Ni4yODMuOTc0Ljk3NCAwIDAgMC0uMjgzLjY4NiAxIDEgMCAwIDAgLjI4My42ODYuOTc0Ljk3NCAwIDAgMCAuNjg2LjI4MyAxIDEgMCAwIDAgLjY4Ni0uMjgzLjk3NC45NzQgMCAwIDAgLjI4My0uNjg2IDEgMSAwIDAgMC0uMjgxLS42ODlaIi8+PC9zdmc+");
}

.block-nameroom-mypage-left-sns a.icon-lw {
  width: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOS4zMjYiIGhlaWdodD0iMjAuNzQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyOS4zMjZ2MjAuNzRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik02LjczIDIwLjc0aDQuNDM3YS41MTcuNTE3IDAgMCAwIC41LS4zNzRMMTcuMzguNjYzYS41MTguNTE4IDAgMCAwLS41LS42NjNoLTQuNDM2YS41MTcuNTE3IDAgMCAwLS41LjM3NGwtNS43MTQgMTkuN2EuNTE5LjUxOSAwIDAgMCAuNS42NjNNMTguNjU2IDIwLjc0aDQuNDM3YS41MTcuNTE3IDAgMCAwIC41LS4zNzRMMjkuMzA2LjY2M2EuNTE4LjUxOCAwIDAgMC0uNS0uNjYzSDI0LjM3YS41MTcuNTE3IDAgMCAwLS41LjM3NGwtNS43MTQgMTkuN2EuNTE5LjUxOSAwIDAgMCAuNS42NjMiLz48cGF0aCBkPSJNMTEuMTY4IDIwLjc0SDYuMjMyYS41MTcuNTE3IDAgMCAxLS41LS4zNzRMLjAyMS42NjNBLjUxOC41MTggMCAwIDEgLjUxOCAwaDQuOTM2YS41MTcuNTE3IDAgMCAxIC41LjM3NGw1LjcxNCAxOS43YS41MTkuNTE5IDAgMCAxLS41LjY2M00yMy4wOTQgMjAuNzRoLTQuOTM2YS41MTcuNTE3IDAgMCAxLS41LS4zNzRMMTEuOTQ3LjY2M2EuNTE4LjUxOCAwIDAgMSAuNS0uNjYzaDQuOTM1YS41MTcuNTE3IDAgMCAxIC41LjM3NGw1LjcxNCAxOS43YS41MTkuNTE5IDAgMCAxLS41LjY2MyIvPjwvZz48L3N2Zz4=");
}

.block-nameroom-mypage-main-item + .block-nameroom-mypage-main-item {
  margin-top: 40px;
}

.ttl-mypage-h2-en {
  margin: 0;
  padding: 0;
  font-size: 2.4rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.ttl-mypage-h2-ja {
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-container {
  margin-top: 22px;
  padding: 46px 40px 40px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
}

.block-nameroom-mypage-main-profile {
  margin-top: 42px;
  line-height: 1.714;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-career {
  margin: 44px -40px -20px;
}

.block-nameroom-mypage-main-career li {
  display: flex;
  padding: 24px 24px 24px 40px;
  line-height: 1.714;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-career li:nth-child(odd) {
  background-color: rgba(240, 240, 240, 0.5);
}

.block-nameroom-mypage-main-career .list-ttl {
  width: 265px;
  font-weight: 700;
  word-break: break-all;
}

.item-position,
.item-mail,
.item-address,
.item-tel,
.item-comment {
  word-break: break-all;
}

.block-nameroom-mypage-main-career .list-comment {
  width: calc(100% - 112px);
  margin-left: 20px;
  word-break: break-all;
}

.block-nameroom-mypage-main-freearea {
  margin: 44px -40px -20px;
}

.block-nameroom-mypage-main-freearea-item {
  padding: 40px;
  border-top: 1px solid var(--cl-bdr);
}

.block-nameroom-mypage-main-freearea-item h3 {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-freearea-content {
  margin-top: 40px;
}

.block-nameroom-mypage-main-freearea-content > * + * {
  margin-top: 40px;
}

.block-nameroom-mypage-main-freearea-content .item-comment {
  line-height: 1.714;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-freearea-content .item-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-nameroom-mypage-main-freearea-content .item-img a {
  display: block;
}

.block-nameroom-mypage-main-freearea-content .item-img a:hover {
  opacity: 0.65;
}

.block-nameroom-mypage-main-freearea-content .item-img img {
  display: block;
  height: auto;
}

.block-nameroom-mypage-main-freearea-content .item-movie-youtube {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-nameroom-mypage-main-freearea-content .item-movie-youtube iframe {
  display: block;
  height: auto;
  aspect-ratio: 16/9;
}

.block-nameroom-mypage-main-bot_help {
  position: relative;
  margin-top: 40px;
  padding-left: 26px;
  font-size: 1.3rem;
  line-height: 1.846;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-bot_help::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjNmY3MDc5IiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNOCAxNmE4IDggMCAxIDAtOC04IDggOCAwIDAgMCA4IDhNNS4zMDYgNS4xNjZBMS43NTQgMS43NTQgMCAwIDEgNi45NTYgNGgxLjgyMmExLjk3MyAxLjk3MyAwIDAgMSAuOTgxIDMuNjg0bC0xLjAwOS41NzhhLjc1Ljc1IDAgMCAxLTEuNS0uMDEydi0uNDIyYS43NDguNzQ4IDAgMCAxIC4zNzgtLjY1bDEuMzg0LS43OTRhLjQ3MS40NzEgMCAwIDAtLjIzNC0uODg0SDYuOTU2YS4yNDYuMjQ2IDAgMCAwLS4yMzQuMTY2bC0uMDEzLjAzN2EuNzQ5Ljc0OSAwIDEgMS0xLjQxMi0uNWwuMDEyLS4wMzdaTTcgMTFhMSAxIDAgMSAxIDEgMSAxIDEgMCAwIDEtMS0xIiBmaWxsPSIjNmY3MDc5Ii8+PC9nPjwvc3ZnPg==");
  background-position: center;
  background-repeat: no-repeat;
}

.block-nameroom-mypage-main-bot_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.block-nameroom-mypage-main-bot_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 540px;
  height: 50px;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-main-bot_btn a:hover {
  opacity: 0.65;
}

.block-nameroom-mypage-main-bot_btn a::before {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: 10px;
  width: 82px;
  height: 61px;
  background-image: url(../img/usr/nameroom/mypage/pc/bottom_btn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-nameroom-mypage-footer {
  padding: 16px 0 26px;
}

.block-nameroom-mypage-footer .item-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-nameroom-mypage-footer .item-logo a,
.block-nameroom-mypage-footer .item-logo img {
  display: block;
  height: auto;
}

.block-nameroom-mypage-footer .item-logo a:hover {
  opacity: 0.65;
}

.block-nameroom-mypage-footer .item-copyright {
  color: #ffffff;
  margin-top: 14px;
  font-size: 1rem;
  text-align: center;
  letter-spacing: 0.1em;
}

.block-nameroom-mypage-click_btn {
  position: fixed;
  top: -9px;
  right: 10px;
  width: 233px;
  height: 158px;
  z-index: 99;
}

.block-nameroom-mypage-click_btn a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  animation: bound-anim 4s infinite ease-in-out;
}

.block-nameroom-mypage-click_btn a:hover {
  opacity: 0.65;
}

.block-nameroom-mypage-click_btn img {
  display: block;
  height: auto;
}

@keyframes bound-anim {
  0% {
    top: 0;
  }
  53% {
    top: 0;
  }
  60% {
    top: -10%;
  }
  65% {
    top: -3%;
  }
  70% {
    top: -7%;
  }
  74% {
    top: 0;
  }
  100% {
    top: 0;
  }
}

/* 下層 */

.block-nameroom-content-customer {
  line-height: 1.571;
  letter-spacing: 0.054em;
}

/* テーブル */

.formdetail_ {
  position: relative;
  margin: 40px 0 20px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
  overflow: hidden;
}

table.passchange_ {
  width: 100%;
  margin-bottom: 20px;
}

.formdetail_.contact_,
.formdetail_.forgotpass_,
.formdetail_.message_,
.formdetail_.customer_,
.formdetail_.customerconfirm_,
.formdetail_.myroom_ {
  width: 100%;
}

.formdetail_ tr:nth-child(even) th,
.formdetail_ tr:nth-child(even) td {
  background-color: var(--cl-bg-tbl);
}

.formdetail_ th {
  width: 240px;
  padding: 20px 8px 20px 24px;
  border-top: none;
  border-bottom: none;
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
}

.formdetail_ td {
  padding: 20px 24px 20px 8px;
  border-top: none;
  border-bottom: none;
  font-weight: normal;
  vertical-align: middle;
  background-color: transparent;
}

.formdetail_ td .small_ {
  display: block;
  margin-top: 5px;
}

.submit_ {
  margin: 60px auto 20px;
}

.submit_ + .submit_ {
  margin-top: 20px;
}

.submit_ .btn-gr {
  width: 280px;
  height: 50px;
  font-size: 1.6rem;
}

.submit_ .btn-gy,
.submit_ .btn-gy-no-hover {
  width: 180px;
  height: 50px;
}

.block-nameroom-content-customer .tbl-frame table {
  width: 100%;
}

.block-nameroom-content-customer .tbl-frame th {
  position: relative;
  width: 180px;
  padding: 10px 24px 10px 0;
  font-weight: 700;
}

.block-nameroom-content-customer .tbl-frame th .is-requred {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -10px;
}

.block-nameroom-content-customer .tbl-frame td {
  width: calc(100% - 180px);
  padding: 10px 0;
}

.block-nameroom-content-customer .tbl-frame input[type="text"],
.block-nameroom-content-customer .tbl-frame textarea {
  width: 100%;
}

.block-nameroom-content-customer .tbl-frame textarea {
  height: 80px;
}

.ttl-mypage_create-ttl-h2 {
  margin-top: 60px;
}

.ttl-mypage_create-ttl-h2 > div {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #000;
}

.ttl-mypage_create-ttl-h2 > div p:nth-child(1) {
  font-size: 2.4rem;
  font-weight: 700;
}

.ttl-mypage_create-ttl-h2 > div p:nth-child(2) {
  margin-left: 20px;
}

.ttl-mypage_create-ttl-h2 > div p:nth-child(2) .large_ {
  margin-left: 30px;
  font-size: 1.4rem;
}

.ttl-mypage_create-ttl-h2 > div > div {
  margin-left: auto;
}

.ttl-mypage_create-ttl-h2 > div > div .btn-bdr-gr {
  width: 110px;
  height: 30px;
}

.create-modal,
.create-modal * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.create-modal {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
}

.create-modal-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.create-modal-inner {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 460px;
  height: 200px;
  margin: -100px 0 0 -230px;
  background-color: #f4f4f4;
  padding: 30px;
}

.create-modal-inner .item-comment {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.create-modal-inner .item-btn {
  display: flex;
  justify-content: center;
  margin-top: auto;
}

.create-modal-inner .item-btn .btn-gr {
  width: 240px;
  height: 50px;
}

.search-frame {
  margin-top: 24px;
  padding: 40px;
  border: none;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
}

.search-frame-form {
  display: block;
  margin-top: 10px;
}

.search-frame-input {
  width: 100%;
}

.search-frame-input input[type="text"] {
  width: 100%;
}

.search-frame-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 24px;
}

.search-frame-btn .btn-gr {
  width: 240px;
  height: 50px;
  font-size: 1.6rem;
}

.search-frame-limit {
  margin-top: 24px;
}

.search-frame-limit dl {
  display: flex;
  align-items: center;
}

.search-frame-limit dt {
  margin-right: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.search-frame-limit dd + dt {
  margin-left: 24px;
}

.search-frame-btn {
  align-items: flex-end;
  margin-top: 40px;
}

.search-frame-btn .btn-bdr-gr {
  width: 160px;
  height: 40px;
  margin-left: 24px;
}

.block-nameroom-customer-tbl-reset_btn {
  margin-top: 40px;
}

.block-nameroom-customer-tbl-reset_btn .btn-gy {
  width: 120px;
  height: 30px;
  font-size: 1.2rem;
}

.tbl-frame {
  padding: 40px;
  border: none;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
}

.myroom-box__cardarea__header-check li input[type="checkbox"] + label::before {
  content: none;
}

.myroom-box__cardarea:first-child {
  margin-top: 40px;
}

.block-mypage-search--search {
  margin-top: 40px;
  padding: 28px 40px 40px;
  border-radius: 10px;
  background-color: var(--cl-bg-twt);
  box-shadow: var(--drop-shdow);
}

.block-mypage-search--search .mybooksearch_ {
  width: 100%;
}

.block-mypage-search--search .mybooksearch_ th {
  font-size: 1.6rem;
  font-weight: 700;
}

.block-mypage-search--search .mybooksearch_ th,
.block-mypage-search--search .mybooksearch_ td {
  padding: 12px 0;
}

.block-mypage-search--search-btns {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 28px;
}

.block-mypage-search--search-btns .btn-gy {
  width: 160px;
  height: 40px;
}

.block-mypage-search--search-btns .btn-gr {
  width: 240px;
  height: 50px;
  margin-left: 24px;
}

.block-nameroom-customer-tbl .mybook_ .select_btn {
  width: 40px;
  height: 28px;
  font-size: 1.2rem;
}

.myroom-box__cardarea__header-text {
  background: var(--cl-lgr);
}

.myroom-box__pickup-wrap {
  padding-right: 40px;
}

.block-nameroom-customer-tbl .blank-link {
  display: block;
  position: relative;
  width: 52px;
  height: 100%;
  background-image: var(--arw-s);
  background-position: center left 10px;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.myroom-box__btn-list-db-balloon {
  display: none;
}

.contactlist_ {
  margin-top: 24px;
  border-bottom: 1px solid var(--cl-bdr);
}

.contactlist_ li {
  padding: 16px 0;
  border-top: 1px solid var(--cl-bdr);
}

div.contactlist_line_ {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--cl-bdr);
}

div.contactlist_line_ .contactlist_head_ {
  width: 100%;
  overflow: hidden;
  background: var(--cl-bg-tbl);
  border-bottom: 1px solid var(--cl-bdr);
}

div.contactlist_line_ .comment_ {
  background-color: #ffffff;
}

form[name="agreebody"] {
  margin: 40px 0;
}

.authmail_ {
  margin-top: 30px;
}

.must_ {
  height: 20px;
}

.myroom-box__cardarea__header-check li input[type="checkbox"]:checked + label::after {
  content: none;
}

/* ログイン */

.block-nameroom-login-wrapper {
  position: relative;
}

.block-nameroom-login-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #36a4b2;
}

.block-nameroom-login {
  display: flex;
  position: relative;
  width: 1280px;
  min-height: 100vh;
  margin: 0 auto;
}

.block-nameroom-login-left {
  width: 500px;
  background-color: #36a4b2;
}

.block-nameroom-login-left-inner {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px 60px;
  border-bottom-right-radius: 100px;
  background-color: #ffffff;
}

.block-nameroom-login-right {
  width: 780px;
  background-color: #ffffff;
}

.block-nameroom-login-right-inner {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px;
  border-top-left-radius: 100px;
  background-color: #36a4b2;
}

.block-nameroom-login-left-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-nameroom-login-left-logo img {
  display: block;
}

.block-nameroom-login-left-content {
  margin-top: 40px;
}

.block-nameroom-login-left-content + .block-nameroom-login-left-content {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid var(--cl-bdr);
}

.block-nameroom-login-left-content h2 {
  margin: 0;
  padding: 0;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
}

.block-nameroom-login-left-form {
  margin-top: 22px;
}

.block-nameroom-login-left-form dl + dl {
  margin-top: 16px;
}

.block-nameroom-login-left-form dt {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.block-nameroom-login-left-form dd {
  margin-top: 10px;
}

.block-nameroom-login-left-form input {
  width: 100%;
}

.block-nameroom-login-left-form .item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}

.block-nameroom-login-left-btn .btn-gr,
.block-nameroom-login-left-form .item-btn .btn-gr {
  width: 300px;
  height: 50px;
  font-size: 1.6rem;
}

.block-nameroom-login-left-form .item-link {
  margin-top: 11px;
  text-align: center;
}

.block-nameroom-login-left-form .item-link a {
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.054em;
}

.block-nameroom-login-left-form .item-link a:hover {
  text-decoration: none;
}

.block-nameroom-login-left-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.block-nameroom-login-left-btn + h2 {
  margin-top: 24px;
}

.block-nameroom-login-left-nav {
  margin-top: 58px;
}

.block-nameroom-login-left-nav ul {
  display: flex;
  justify-content: center;
}

.block-nameroom-login-left-nav li + li {
  margin-left: 2em;
}

.block-nameroom-login-left-nav a {
  color: var(--cl-btn-gy);
  font-size: 1rem;
  text-decoration: none;
  letter-spacing: 0;
}

.block-nameroom-login-left-nav a:hover {
  opacity: 0.65;
}

.block-nameroom-login-left-copyright {
  margin-top: 10px;
  color: var(--cl-btn-gy);
  font-size: 1rem;
  text-align: center;
}

.block-nameroom-login-right-content {
  width: 700px;
  color: #ffffff;
}

.block-nameroom-login-right-top_comment {
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.054em;
}

.block-nameroom-login-right-top_comment p + p {
  margin-top: 2px;
}

.block-nameroom-login-right-top_comment b {
  font-size: 3.6rem;
  font-weight: 700;
}

.block-nameroom-login-right-bg_box {
  margin-top: 26px;
  padding: 40px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: var(--drop-shdow);
}

.block-nameroom-login-right-bg_box h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.054em;
}

.block-nameroom-login-right-bg_box h2 img {
  display: block;
  margin-right: 9px;
}

.block-nameroom-login-right-bg_box ul {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.block-nameroom-login-right-bg_box li {
  width: 186px;
  letter-spacing: 0.054em;
}

.block-nameroom-login-right-bg_box .list-img img {
  display: block;
  height: auto;
}

.block-nameroom-login-right-bg_box .list-ttl {
  margin-top: 10px;
  color: var(--cl-lgr);
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.block-nameroom-login-right-bg_box .list-comment {
  margin-top: 8px;
  font-size: 1.3rem;
  line-height: 1.538;
  color: #000000;
}

.block-nameroom-login-right-bg_box .item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.block-nameroom-login-right-bg_box .item-btn a {
  width: 160px;
  height: 40px;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
}

.block-nameroom-login-right-mid_comment {
  margin-top: 36px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.667;
  letter-spacing: 0.054em;
}

.block-nameroom-login-right-bot_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 31px;
}

.block-nameroom-login-right-bot_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 310px;
  height: 60px;
  border-radius: 10px;
  background-color: #025b63;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.block-nameroom-login-right-bot_btn a:hover {
  opacity: 0.65;
}
.memberlistsearchform {
  input[type="checkbox"] + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    width: 12px;
    height: 7px;
    margin-top: -10px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg);
    opacity: 0;
  }

  input[type="checkbox"]:checked + label::after {
    opacity: 1;
  }
}

.regist-import-file-btn .btn-gr {
  width: 240px;
  height: 50px;
  font-size: 1.6rem;
}

.regist-import-file-content .form-file .btn-bdr-gr {
  width: 150px;
  height: 40px;
}

.tbl-border-no_data {
  padding: 24px 30px;
  border: none;
}

._item-checkbox input[type="checkbox"] + label {
  display: inline;
  position: relative;
  margin: 0;
  padding-left: 28px;
  cursor: pointer;
}

.regist-import-file-content .form-checkbox {
  margin-top: 10px;
}


/*////////----　最近見た名刺----/////////*/
.horizontal-slide-container {
  overflow-x: auto; /* 横スクロールを有効化 */
  white-space: nowrap; /* 子要素を横並びに */
  scroll-behavior: smooth; /* スムーズなスクロール */
  margin: 35px 0 75px 0;
  padding: 15px 0 15px 0px;
}

.horizontal-slide-container ul.block-nameroom-content-businesscard-list-items {
  display: flex; /* フレックスボックスで横並びに */
  gap: 15px; /* 各アイテム間の間隔 */
}

.horizontal-slide-container li.block-nameroom-content-businesscard-list-item {
  flex: 0 0 auto; 
  max-width: 835px;
  min-width: 600px;
  border: 0.5px solid #f2f5f6;
}

.horizontal-slide-container .block-nameroom-content-businesscard-list-item .list-mail,
.horizontal-slide-container .block-nameroom-content-businesscard-list-item .list-post {
    white-space: break-spaces;
}

.horizontal-slide-container.block-nameroom-content-businesscard-list li + li {
    margin-top: 0;

.horizontal-slide-container::-webkit-scrollbar {
  height: 8px; /* スクロールバーの高さ */
}

.horizontal-slide-container::-webkit-scrollbar-thumb {
  background: #ccc; /* スクロールバーの色 */
  border-radius: 4px; /* スクロールバーの角丸 */
}

.horizontal-slide-container::-webkit-scrollbar-track {
  background: #f1f1f1; /* スクロールバーのトラック部分の色 */
}