/* ///////////////////////
全体設定
////////////////////// */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

/* ///////////////////////
フォント設定
////////////////////// */

/* ///////////////////////
ヘッダー
////////////////////// */
/* 電話・お問い合わせボタン 設定 */
.header-info {
  display: flex;
  gap: 20px;
}
.header-above a {
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 1.5px;
}
.header-wrapper1 a {
  font-weight: bold;
  border-radius: 0;
}

/* ///////////////////////
フッター
////////////////////// */
/* 固定フッターの装飾 */
.p-footer-sticky-nav {
  background-color: transparent;
}
.p-footer-sticky-nav .footer-menu_sp {
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.p-footer-sticky-nav .footer-menu_sp a {
  font-size: 1rem;
}
.menu_apply {
  background-color: gray;
  color: #fff;
}
.menu_contact {
  background-color: lightgrey;
  color: #fff;
}

/* ///////////////////////
ドロワーメニュー
////////////////////// */
/* メニュー 位置*/
/* 背景色 */
nav#drawer-nav {
  background-color: #fff;
}
/* 全体真ん中寄せ */
.c-drawer__inner {
  text-align: center;
}
/* ロゴ真ん中寄せ、サイズ */
.c-hsm-message-box.c-hsm-message-box_invert.p-hsm-drawer.c-blinking {
  max-width: 45%;
  margin: 0 auto;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* 高さ調整 */
[id="drawer-nav"].c-drawer--overall .c-drawer__inner {
  height: 100%;
}
/* メニューの文字 */
.c-drawer__menu {
  padding-top: 2rem;
  font-weight: bold;
}
/* メニュー内の文字色 */
#drawer-nav,
#drawer-nav a {
  color: #333;
}
/* バツボタンの色 */
.c-drawer .c-hamburger-btn__bar {
  background-color: #333;
}

/* ///////////////////////
トップページ
////////////////////// */

/* //////////
Myself訪問介護ステーションについて
///////// */
/* 左の画像の位置設定 */
.about-myself_img-top {
  position: relative;
  top: -40%;
}

/* //////////
サービス内容
///////// */
/* ボックスの調整 */
.service-list .smb-items__item__body {
  display: flex;
  flex-direction: column;
}
.service-list .smb-items__item--free {
  border-radius: 20px;
  border: 2px solid gray;
}
/* //////////
アクセス
///////// */
/* tdの幅の設定 */
.access-table tbody tr td:first-of-type {
  width: 110px;
}
/* スマホ・タブ時、真ん中よせ */
@media only screen and (max-width: 1023px) {
  .access .access-table table {
    display: flex;
    justify-content: center;
  }
}
/* //////////
LINE情報
///////// */
.info-line-box_contents {
  justify-content: center;
}
/* ///////////////////////
ここから下層ページ
////////////////////// */
/* お問い合わせ */
/* 確認画面で説明文非表示に */
[data-screen="confirm"] .input {
  display: none;
}
[data-screen="input"] .confirm,
[data-screen="invalid"] .confirm {
  display: none;
}
/* ボタンの文字を太字に */
.snow-monkey-form--button-has-accent-color .smf-button-control__control {
  font-weight: bold;
}
/* 必須の文字装飾 */
.smf-item__label__text {
  display: flex;
  gap: 12px;
  align-items: center;
}
.smf-item__label__text::after {
  content: "必須";
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 22px;
  background-color: #dd3234;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}

/* 任意の文字装飾 */
.is-optional .smf-item__label__text::after {
  content: "任意";
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 22px;
  background-color: green;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}