@charset "UTF-8";
/*-----------------------

         変数

-----------------------*/
/*
:root {
  --baseColor: #646464;
  --mainColor: #e2884d;
  --subColor: #79b592;
  --accentColor: #a77b64;
  --colorW: #fff;
  --base50Color: #b1b1b1;
  --main50Color: #f0c4a6;
  --sub50Color: #bcdac8;
  --accent50Color: #d3bdb1;
  --base10Color: #efefef;
  --main10Color: #fcf3ed;
  --sub10Color: #f2f8f4;
  --accent10Color: #f6f2ef;
}
*/
/*-----------------------

         COMMON

-----------------------*/
/*
body {
  width: 100%;
  color: var(--baseColor);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
   読みやすくモダンなゴシック体
  font-family: "Noto Sans JP", sans-serif;
   明朝体。落ち着いた印象
   font-family: 'Noto Serif JP', serif;
   丸みのある親しみやすいゴシック体
   font-family: 'Zen Maru Gothic', sans-serif;
}
*/
@media screen and (max-width:1440px) {}
@media screen and (max-width:1368px) {
  .body-mypage .badge-position-info {
    position: absolute;
    left: 4.8vw !important;
    font-size: 16px;
  }
  .body-mypage .badge-position-chat {
    position: absolute;
    left: 4.8vw !important;
    font-size: 16px;
  }
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:559px) {
  .sec01 .menuWrap {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem 1rem;
  }
  .sec01 .menuWrap li {
    width: calc((100% - 2rem) / 3);
  }
  .sec01 .menuWrap li a span {
    padding: 0.1rem 0.2rem;
    font-size: 1.1rem;
  }
  /* マイページのメニュー */
  .body-mypage .sec01 {
    margin-top: 0rem !important;
    margin-bottom: 6rem;
  }
  /* マイページのメニュー */
  .body-mypage .sec01 ul {
    justify-content: center;
    gap: 1.5rem 1rem !important;
  }
  .body-mypage .badge-position-info {
    position: absolute;
    left: 16.2vw !important;
    z-index: 100;
    font-size: 16px;
  }
  .body-mypage .badge-position-chat {
    position: absolute;
    left: 16.2vw !important;
    z-index: 100;
    font-size: 16px;
  }
  textarea {
    font-size: 20px;
    transform: scale(1.0);
  }
}
@media screen and (max-width:375px) {}
@media screen and (max-width:361px) {}
#siEntryForm .display-block a {
  text-decoration: underline;
  color: var(--mainColor);
}
/*
.box-footer a:not(a.btn) {
  text-decoration: underline;
  color: var(--mainColor);
}
*/
.box-footer p a {
  text-decoration: underline;
  color: var(--mainColor);
}
.portfolio-item .card .card-title a {
  font-size: clamp(1.8rem, 1.7029126214rem + 0.2588996764vw, 2.2rem);
  font-weight: 600;
  line-height: 1.4;
  color: var(--mainColor);
}
.portfolio-item .card .card-title div {
  margin-top: 1rem;
}
/* SHOPログインのリンク */
.shop-panel-body .subtext a {
  text-decoration: underline;
  color: var(--mainColor);
}
/* 退会フォームの件名インデント */
.defect-page p {
  padding-left: 15px;
}
/* SHOPのカテゴリのリンク表示 */
.breadcrumb a {
  color: var(--mainColor);
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.product-category a {
  color: var(--mainColor);
}
.product-category a:hover {
  text-decoration: underline;
}
/* マイページタイムラインのリンク */
.timeline > li > .timeline-item > .timeline-header a {
  color: var(--mainColor);
}
.timeline > li > .timeline-item > .timeline-header a:hover {
  text-decoration: underline;
}
/* コンテンツの前後ページ */
.body-shelf-list .flex-c, .body-info-detail .flex-c {
  flex-direction: row;
}
/* 再生リストチェックボックス */
.body-shelf-comment input[type="checkbox"] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  border-radius: 0;
  margin-top: 0.8rem;
}
.container {
  margin-bottom: clamp(4rem, 2.5437rem + 6.2136vw, 10rem);
}
/* パスワードの大きさ調整 */
input[type=text], input[type=password], textarea, .form-control {
  font-size: 16px;
  transform: scale(1.0);
}
/* アンケートフォームのマージン調整 */
.body-form-detail .answer .form-control {
  margin-left: 0.5rem;
}
/* アンケートフォームのマージン調整 */
.body-form-detail [data-event="file-text"] {
  margin-left: 0.5rem;
}
/* プロフィールのマージン調整 */
.body-profile-edit .content .row .col-lg-3:nth-child(2) {
  margin-top: 0;
}
/* フォームの選択アライン */
.body-form-detail th.quantity {
  text-align: center;
}
/* チャットの画像 */
.order-contact .media-body {
  width: 94%;
}
@media only screen and (max-width: 559px) {
  .order-contact .media-body {
    width: 87%;
  }
}

/* 接続情報のリンク表示 */
.body-mypage-zoom-list a {
  text-decoration: underline;
  color: var(--mainColor);
}
/* マイページの帯 */
/*
.body-mypage .content-header {
  display: none;
}
*/
/* マイページの紹介リンク */
.body-mypage .sns-detail-mypage {
  display: none;
}
/* マイページのメニュー */
.body-mypage .sec01 ul {
  justify-content: center;
  gap: 2rem;
}
/* マイページのメニュー */
.body-mypage .sec01 {
  margin-top: -5rem;
  margin-bottom: 6rem;
}
/* マイページのメニュー */
.body-mypage .sec01 ul li {
  position: relative;
}
.body-mypage .badge-position-info {
  position: absolute;
  left: 3.8vw;
  font-size: 16px;
  z-index: 0;
}
.body-mypage .badge-position-chat {
  position: absolute;
  left: 3.8vw;
  font-size: 16px;
}
.btn-check:checked + .btn.btn-default {
  background-color: var(--mainColor);
  color: #fff;
  border-color: var(--mainColor);
}
/* ホバー時 */
.btn.btn-default:hover {
  background-color: #e0e0e0;
}
.checkbox-label {
  margin-bottom: 5px;
}
/* マイページタイムラインのリンク */
.carer-link {
  color: var(--mainColor);
  cursor: pointer;
}
.carer-link:hover, .carer-link:focus {
  color: var(--mainColor);
  text-decoration: underline;
}
@media only screen and (max-width: 559px) {
  footer.main-footer.footer-login {
    padding-bottom: 8rem;
  }
}
/*コラムカテゴリ背景調整*/
.body-page-list-blog .catArea li a, .body-page-list-voice .catArea li a, .body-page-list-news .catArea li a {
  font-size: 0.9em;
  padding: 0.1em 1em;
  border-radius: 999rem;
}
.body-page-list-blog .box .cms-label, .body-page-list-voice .box .cms-label, .body-page-list-news .box .cms-label {
  border-radius: 999rem;
}
.imgWrap img {
  width: 100%;
  border-radius: clamp(2rem, 1.757rem + 0.647vw, 3rem);
}
.body-page-list-news .cms-label {
  width: fit-content;
  position: relative;
  display: flex !important;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: -1.6em;
}
@media only screen and (max-width: 559px) {
  .body-page-list-news .cms-label {
    margin-top: -1.0em;
  }
}
header .login.o-btn .o-btn__link {
  font-size: 1.6rem;
  padding: 2rem 3rem;
}
header {
  padding: 1vh 8vw 0.5rem 3.5rem;
}
@media only screen and (max-width: 559px) {
  header {
    padding: 2rem 1.5rem;
  }
}
.content-header {
  margin-top: 10.5vh;
}
@media screen and (min-width: 1441px) {
  .page-header {
    padding: clamp(5rem, 3.786407767rem + 3.2362459547vw, 10rem) 2rem clamp(4.5rem, 3.5291262136rem + 2.5889967638vw, 8.5rem);
  }
}
.body-news .imgWrap {
  position: relative;
}
.body-news .imgWrap .icon_img {
  position: absolute;
  right: 1.5rem;
  bottom: 2.5rem;
}
.body-news .imgWrap .icon_img img {
  width: 52px;
}
/* お知らせ */
.page-list-news .col-lg-12.detail.fr-element.fr-view a.active {
  color: var(--colorW);
   !important;
}
.page-list-news .col-lg-12.detail.fr-element.fr-view a {
  text-decoration: none !important;
}
.page-list-news .pager p a.current {
  color: var(--colorW) !important;
  background-color: var(--mainColor) !important;
}
/*チームケアコン一覧*/
.body-page-list-news .ttl__group--vertical * {
  text-align: left;
}
.body-page-list-news .o-card__btnlink {
  color: var(--mainColor);
}
/* 投稿ページ詳細 */
.body-news .single-pager a {
  text-decoration: underline;
  color: var(--mainColor);
}
/*トップ会社概要上ライン調整*/
.body-page-detail-top .line {
  text-align: center;
}
/*トップの「TOP」非表示*/
.body-page-detail-top .page-header {
  color: transparent; /* 文字を透明にする */
}
/*ヘッダー固定時のログイン・パスワード再設定などの上詰め回避*/
.container.login-page {
  margin-top: clamp(8.5rem, 5.709rem + 7.443vw, 20rem);
}
/*スマホのロゴサイズ*/
@media screen and (max-width: 559px) {
  header h1 img, header p.logo img {
    max-width: 22.2rem;
  }
}
/* 概要を3行に */
.o-card__text {
  -webkit-line-clamp: 3;
}
/* チームケアコンのマージンを調整 */
.body-news .team-care-con__inner {
  padding-top: 0;
}
.body-news .team-care-con ul {
  margin-top: 0;
}
/*account.cssなどで編集か？*/
.body-shelf-list .input-group {
  z-index: 0;
}
/*和氣さんの挨拶の名前サイズ*/
.happiness__textarea .name {
  font-size: clamp(1.4rem, 1.303rem + 0.259vw, 1.8rem);
}
.happiness__textarea .name span {
  font-size: clamp(1.8rem, 1.654rem + 0.388vw, 2.4rem);
}
/*冒頭テキストサイズ*/
.foryou .text {
  font-size: clamp(1.6rem, 1.551rem + 0.129vw, 1.8rem);
}
.foryou__placeboxwrap .text {
  font-size: clamp(1.4rem, 1.3514563107rem + 0.1294498382vw, 1.6rem) !important;
}
/*ショッピングカートの取り消しボタンを大きく*/
.cart-column-del .fa {
  font-size: 3rem;
}
/*プルダウンの▼を表示*/
select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}
.body-carer-experience a, .body-carer-story a {
  font-size: 1.4rem;
  color: var(--mainColor);
}
.body-carer-experience a:hover, .body-carer-story a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 559px) {
  #siEntryForm label > .icon-checkbox-icon {
    margin-left: 0;
  }
}
.body-page-detail-news .media-left a {
  cursor: pointer;
}
.body-page-detail-top .news .o-card__cat {
  margin-top: 0;
}
.body-page-detail-news .top-img img {
  border-radius: 5rem;
}
/*ケアラー体験記モーダルのセレクト幅調整*/
.body-carer-experience #generalItemValue1 {
  width: 45rem;
}
@media screen and (max-width: 559px) {
  .body-carer-experience #generalItemValue1 {
    width: 100%;
  }
}
.body-carer-experience .modal-body{
	padding:2rem 2rem 6rem;
}
/*#generalItemValue1.form-control {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23333' d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right .05em center;
  background-size: 30px;
  padding-right: 2.2em;
}*/
select.form-control {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23333' d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right .05em center;
  background-size: 30px;
  padding-right: 2.2em;
}

/*ショップのお申込み時に住所リンク*/
.shop-member-page .entry a {
  color: var(--mainColor);
  text-decoration: underline;
}
/*ショップのお申込み時ヘッダーに重なって表示されないように*/
header {
  z-index: 5;
}
@media screen and (max-width: 559px) {
  .body-carer-story .row.step-0 {
    position: static !important;
  }
  .body-carer-experience .row.step-0 {
    position: static !important;
  }
}
/* SNS非表示 */
.sns-detail {
  display:none;
}
/* チャットの注意受講調整 */
@media ( min-width : 768px) {
  .order-contact .fixed-bottom .carer {
    width: 750px;
    margin: auto;
  }
}

@media ( min-width : 992px) {
  .order-contact .fixed-bottom .carer {
    width: 970px;
    margin: auto;
  }
}

@media ( min-width : 1200px) {
  .order-contact .fixed-bottom .carer {
    width: 1170px;
    margin: auto;
  }
}

.body-mypage .cart-table [data-event="arrange-product"] {
  padding: 0.2em;
}

.body-carer-story .step-open {
  width: 10rem !important;
  margin-bottom: 0px;
}

.body-carer-experience .step-open {
  width: 10rem !important;
  margin-bottom: 0px;
　display: none !important;
}

/* 購入履歴の商品の高さ調整 */
.cart-page ul.cart-row li.cart-column-product {
  display: flex;
  align-items: center;
  width: 100%;
  height: 20rem;
}

.body-mypage .cart-table button[data-event="arrange-product"] {
  display: none;
}