@media screen and (max-width: 768px) {

  /* 共通 */
  /* scrollify用 */
  .scbox {
    height: auto;
  }

  /* common
------------------------------- */
  /* wrapperを無視して背景色を幅いっぱいに表示 */
  .bgcolor::before {
    width: 100vw;
  }

  /* ボタン */
  .btn-300 {
    width: 300px;
  }

  /* 共通見出し */
  .content__ttl {
    margin-bottom: 10%;
  }

  /* PCのみ改行 */
  .br-pc {
    display: none;
  }

  /* PCのみ表示 */
  .hide-sp {
    display: none;
  }

  /* header
  ------------------------------- */
  .global-header__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .global-header__logo {
    max-width: 200px;
    width: 40%;
    padding-top: 3%;
  }

  .global-header__logo-navi {
    max-width: 200px;
    width: 40%;
    z-index: 999;
    padding-bottom: 8%;
    margin: 0 auto;
  }

  .global-header__nav {
    position: fixed;
    top: -120%;
    right: 0;
    width: 100%;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    -webkit-filter: drop-shadow(0 0 0 black);
    filter: drop-shadow(0 0 0 black);
    padding: 6% 2% 0;
    /* メニューを縦に */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: rgba(25, 25, 25, 0.9);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    /* メニューのみスクロール */
    overflow: scroll;
  }

  .global-header__nav.open {
    top: 0;
  }

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

  .global-header__nav__item {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 400;
    /* メニューテキスト位置をリスト内中心に */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* 下線 */
    border-bottom: 1px solid #fff;
  }

  .global-header__nav__item a {
    display: block;
    padding: 2% 0 5%;
    margin: auto;
    width: 100%;
  }

  /* アコーディオン */
  .submenu__btn {
    position: absolute;
    display: inline-block;
    padding: 6% 6% 5%;
    right: 0;
    top: 0;
    width: 15%;
  }

  .submenu__btn::before {
    content: '';
    width: 14px;
    height: 14px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .submenu__btn.close::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .submenu {
    display: none;
    margin: auto;
    text-align: center;
    width: 100%;
  }


  /* ハンバーガーボタンのスタイリング */
  .global-header__bgbtn {
    display: initial;
    /* ボタンの配置位置  */
    position: fixed;
    top: 2.5%;
    right: 5%;
    /* ボタンの大きさ  */
    width: 35px;
    height: 35px;
    /* 最前面に */
    z-index: 10;
    -webkit-filter: drop-shadow(0 0 3px black);
    filter: drop-shadow(0 0 3px black);
  }

  /***** 真ん中のバーガー線 *****/
  .bgbtn-line {
    display: block;
    position: relative;
    /* バーガー線の位置基準として設定 */
    width: 100%;
    /* 線の長さと高さ */
    height: 2px;
    background-color: #fff;
    /* バーガー線の色 */
    -webkit-transition: .2s;
    transition: .2s;
  }

  /****** 上下のバーガー線 *****/
  .bgbtn-line::before,
  .bgbtn-line::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .bgbtn-line::before {
    /* 上の線の位置 */
    -webkit-transform: translateY(-14px);
    transform: translateY(-14px);
  }

  .bgbtn-line::after {
    /* 下の線の位置 */
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
  }

  /***** メニューオープン時 *****/
  .bgbtn-line.open {
    background-color: transparent;
    /* 真ん中の線を透明に */
  }

  .bgbtn-line.open::before,
  .bgbtn-line.open::after {
    content: "";
    background-color: #fff;
    /* 上下の線の色を変える */
    -webkit-transition: .2s;
    transition: .2s;
  }

  .bgbtn-line.open::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    /* 上の線を傾ける */
  }

  .bgbtn-line.open::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* 下の線を傾ける */
  }

  /* ハンバーガーボタンのスタイリングここまで */


  /* 下層用 */
  .header-page {
    padding: 27px;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .header-page .global-header__logo {
    padding-top: 0;
  }

  /* ハンバーガーボタンのスタイリング */
  .header-page .global-header__bgbtn {
    top: 2.5%;
  }

  .header-page .global-header__nav {
    padding-top: 6%;
  }

  /* footer
------------------------------- */
  .global-footer__nav__container {
    display: none;
  }

  /* hero
------------------------------- */
  .hero__wrap {
    position: relative;
  }

  .catch__container__item {
    font-size: max(8vw, 3rem);
    /* vw最小375pxで計算 */
  }

  .video__container {
    position: relative;
    /* position:fixedの解除 */
    height: auto;
  }

  .video__wrap {
    position: relative;
    width: auto;
    height: auto;
    aspect-ratio: 16/9;
  }

  .video__wrap video {
    position: static;
    transform: none;
  }

  .scrolldown {
    display: none;
  }

  /* about
------------------------------- */
  .index-about__container {
    padding-top: 70px;
  }

  .index-about__lead {
    line-height: 3;
  }

  .bg__deco {
    right: -20%;
    top: -17%;
  }

  .fluid {
    width: 53vh;
    /*横幅*/
    height: 53vh;
    /*縦幅*/
    opacity: 0.5;
  }

  /* 背景動画 */
  .bg__video {
    opacity: 0.4;
  }

  .bg__deco-txt {
    bottom: -14%;
  }

  /* important news
------------------------------- */

  .important-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .important-news dt {
    border-right: none;
    border-bottom: 1px solid #D10000;
    margin-bottom: 1%;
    padding: 2%;
  }

  .important-news dd {
    padding: 3%;
  }

  /* operating
------------------------------- */
  .operating__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .operating__item {
    margin-bottom: 30px;
  }

  /* tenporary bisiness hours
------------------------------- */
  .tenporary__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .tenporary__btn {
    margin-bottom: 3%;
  }

  /* infomation
------------------------------- */
  .infomation__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 15%;
  }

  .infomation__ttl {
    width: 100%;
    padding: 10% 0;
  }

  .infomation__topic {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .infomation__topic__date {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }

  /* recruit
------------------------------- */
  .recruit__head {
    margin-bottom: 4%;
    position: relative;
  }

  .recruit__head__deco {
    bottom: 102%;
  }

  .parallax__content {
    overflow: hidden;
    height: auto;
    position: relative;
  }

  .parallax__content img {
    width: 100%;
    height: auto;
    position: static;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .recruit__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 15%;
    padding-bottom: 15%;
    /* margin-bottom: 10%; */
    /* 以下20230502追加 */
    background: linear-gradient(to top, #ffffffba 0%, #f6f6f6bf 100%), url(https://saloon-group.co.jp/wp/wp-content/themes/saloon2/assets/image/recruit_mv2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
  }

  .recruit__container::before {
    background: inherit;
    content: '';
    position: absolute;
    filter: blur(1px)saturate(0.5);
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }

  .recruit__img__box {
    display: none;
  }

  .recruit__bnr__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 13% 0;
  }

  .recruit__bnr__container img {
    margin-bottom: 3%;
  }

  /* 下部フッター手前画像
------------------------------- */
  .bottom__img {
    height: 250px;
  }

  .bottom__img img {
    object-fit: cover;
  }

  /* TOPへ戻る
------------------------------- */
  .gotop img {
    margin: 2% 0;
  }

  /* pankuzu
------------------------------- */
  .pankuzu__container {
    padding: 2% 2%;
  }

  /* /////TOPここまで */

  /* 下層ページここから */
  /* 下層共通
------------------------------- */
  .page__wrap {
    padding-top: 70px;
  }

  .page__container {
    padding: 0 3%;
  }

  /* 下層ページ共通見出し */
  .page__ttl__bg {
    bottom: 30%;
  }

  .midashi {
    padding: 5px 10px 8px;
  }

  /* 会社情報
------------------------------- */
  .about__menu {
    grid-template-columns: auto;
  }

  .about__item {
    width: 100%;
    margin-bottom: 6%;
  }

  /* 会社概要
------------------------------- */

  .list__table dl {
    border-top: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .list__table dt {
    border-bottom: none;
    padding: 1% 4%;
  }

  .list__table dd {
    border-bottom: none;
    padding: 2% 4% 6%;
  }

  .history__table dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .history__table dt {
    border-bottom: none;
    padding: 2% 1% 0 2%;
    font-weight: 700;
    color: #222;
  }

  .history__table dd {
    padding: 0 1% 2% 2%;
  }

  .history__table dt+dd {
    border-left: 15px solid #dcdcdc;
  }

  .history__table dt.syowa+dd {
    border-left: 15px solid #a9a9a9;
  }

  .history__table dt.heisei+dd {
    border-left: 15px solid #c3c3c3;
  }

  /* 経営理念
------------------------------- */
  .philo__top {
    flex-direction: column;
  }

  .philo__ttl {
    margin-bottom: 3em;
  }

  .philo__ttl::before {
    height: 4px;
    /* width: 15%;
    left: 43%; */
    bottom: -20%;
  }

  .philo__img {
    width: 80%;
  }

  .philo__box {
    padding-top: 1.5em;
  }

  .philo__inner {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .philo__inner-L {
    flex-basis: auto;
  }

  .philo__txt {
    margin-bottom: 5%;
  }

  .philo__txt__img {
    margin: 0 auto 5%;
  }

  .philo__list2 {
    padding: 0 0 0 0.8em;
  }

  /* 創業者の想い
------------------------------- */
  .message__menu {
    margin-top: -50px;
    margin-bottom: 80px;
  }

  .thought__txt {
    margin-bottom: 40%;
  }

  /* 採用情報
------------------------------- */
  .youtube {
    max-width: 560px;
    margin-bottom: 8%;
  }

  .banner__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20%;
  }

  .recruit-page__head {
    position: relative;
  }

  .recruit-page__header {
    padding: 0 3%;
  }

  /* フォトエリア */
  .photoarea-img {
    width: 49.5%;
  }

  /* 採用サイトへのボタン */
  .btn-recruit a {
    font-size: 1.6rem;
  }

  /* スタッフの声 */
  .voice__area {
    padding: 10% 5%;
  }

  .staff__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10% 5%;
    gap: 0;
    margin-bottom: 10%;
  }

  .staff__L {
    margin-bottom: 8%
  }

  .staff__L img {
    margin-bottom: 3%;
  }

  /* 採用情報詳細 */
  .recruit-page__address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3%;
  }

  /* 採用-TOP
------------------------------- */
  /* 採用-TOP hero
------------------------------- */
  /* .r-hero__area img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 360px;
  }

  .r-top__catch {
    bottom: 10%;
    left: 5%;
  } */

  /* スライド用 */
  /* .bg__black {
    width: 40%;
  }

  .swiper-img-txt,
  .bg__black.left .swiper-img-txt {
    flex-direction: column;
  }
  .swiper-img-txt {
    width: 100%;
    top: 7%;
    left: -10%;
    align-items: flex-end;
  }

  .bg__black.left .swiper-img-txt {
    flex-direction: column;
    left: 20%;
    align-items: flex-start;
  }

  .swiper-img-txt .rec-ttl {
    width: 130%;
    height: 100%;
  }
  .swiper-img-txt .read {
    font-size: 1.5rem;
    margin-right: 30%;
    letter-spacing: 0;
  } */



  /* 採用-TOP infomation
------------------------------- */
  .r-infomation__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 15%;
  }

  .r-infomation__ttl {
    width: 100%;
    padding: 10% 0 0;
  }

  .r-content__ttl.info {
    margin-bottom: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3%;
  }

  .r-infomation__topic {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .r-infomation__topic__date {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }

  .r-infomation__topic__ttl {
    font-size: 1.3rem;
  }

  /* 採用-TOP intro
------------------------------- */
  .r-intro__inner {
    padding-top: 8%;
  }

  /* コンテンツ一覧 */
  .r-contents__inner {
    padding: 8% 5%;
  }

  .r-contents__box {
    flex-direction: column;
  }

  .r-contents__item {
    margin-bottom: 4%;
  }

  /* 
.r-contents__item a {
  max-height: 152px;
} */

  .r-contents__item h3 {
    padding: 4em;
  }

  .r-contents__item h3 .jp {
    font-size: 1.8rem;
  }

  .r-contents__item h3 .spell {
    font-size: 1.2em;
  }

  .r-contents__item .__img.__nomal,
  .r-contents__item .__img.__rectangle {
    aspect-ratio: 5/2.2;
    width: 100%;
    max-width: none;
  }

  .appeal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    max-width: auto;
  }

  /* 採用-TOP recruit
------------------------------- */
  .r-recruit__container {
    padding: 32px 4%;
  }

  .r-recruit__ttl {
    margin-top: 64px;
  }

  .r-recruit__midashi__box {
    flex-direction: column;
    align-items: flex-start;
  }

  /* オープニングスタッフ募集へのボタン */
  .btn.btn-op {
    width: 85%;
    padding-left: 1em;
    font-size: 1.5rem;
    margin-bottom: 10%;
  }

  /* オープニングスタッフ募集のお知らせ */
  .r-recruit__opstaff {
    margin-right: 0;
  }

  /* エリアマップ */
  .r-recruit__map-area {
    display: none;
  }

  .areamap {
    display: none;
  }

  /* sp時はエリアごとのボタンを表示 */
  .areabtn {
    display: block;
    margin-bottom: 50px;
  }

  .areabtn .btn {
    font-size: 1.8rem;
    width: 100%;
    height: 75px;
    border-radius: 8px;
    margin-bottom: 15px;
  }

  /* 店名から求人を探す */
  .r-recruit__shopname {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10%;
  }

  .r-recruit__shopname__list {
    width: 100%;
    margin-bottom: 0;
  }

  .r-recruit__shopname__list.wide {
    width: 100%;
  }

  .area__ttl {
    padding: 17px;
    /* ↓アコーディオン機能ON */
    pointer-events: all;
  }

  .area__ttl::before {
    content: '';
    width: 20px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    right: 15px;
    top: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .area__ttl::after {
    content: '';
    width: 20px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    right: 15px;
    top: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

  .area__ttl.close::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .togglelist {
    display: none;
    line-height: 2.5;
  }

  /* 採用-TOP other rec site area
------------------------------- */
  .r-other-rec__inner {
    flex-direction: column;
  }

  .r-other-rec__bnr {
    margin-bottom: 4%;
  }

  /* 採用-TOP service site area
------------------------------- */
  .r-servicesite__inner {
    flex-direction: column;
  }

  .r-service__bnr {
    margin-bottom: 4%;
  }
  .r-service__bnr li:nth-child(even){
	margin-left:1em
  }
  .r-service__bnr li:nth-child(odd){
	margin-right:1em
  }


  /* 採用-求人情報
------------------------------- */

  /* 求人情報一覧 */
  .job__list__link {
    flex-direction: column;
    align-items: center;
    padding: 16px;
  }

  .job__list__img {
    margin-bottom: 16px;
    text-align: center;
    max-width: none;
    width: 100%;
  }

  /* 求人情報詳細 */
  .job__details-pr__box {
    margin-bottom: 12%;
  }

  .job__details-pr__content {
    flex-direction: column-reverse;
  }

  .job__details-pr__txt {
    width: 100%;
  }

  .job__details-pr__img {
    width: 100%;
    margin-bottom: 3.6%;
  }

  .job__details-info {
    margin-bottom: 16%;
  }

  .job__details-info__ttl {
    margin-bottom: 8%;
  }

  .job__details-info__list__repeat {
    flex-direction: column;
  }

  .job__details-info__list__item {
    padding: 1em;
  }

  .job__details-info__list__item.__item-left {
    width: 100%;
    border-bottom: solid 1px #707070;
  }

  .job__details-info__list__item.__item-right {
    width: 100%;
    padding-bottom: 2em;
  }

  /* 採用-求める人財/トップメッセージ
------------------------------- */
  .r-topmessage {
    padding: 0.5em;
  }

  /* 採用-キャリアステップページ
------------------------------- */
  .careerstep__intro {
    padding: 8%;
  }

  .r-careersystem__other {
    flex-direction: column;
  }

  .r-careersystem__other__inner {
    width: 100%;
    margin-bottom: 2em;
  }

  /* スタッフインタビュー */
  .r-interview__container {
    padding-top: 14%;
  }

  .r-interview__tab__area {
    display: none;
  }

  .r-interview__panel__item {
    display: block;
    margin-bottom: 8%;
  }

  .r-interview__panel__item__inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10%;
  }

  .r-interview__panel__item__inner .__img {
    margin-bottom: 8%;
  }

  .r-interview__panel__item__inner .__img img {
    aspect-ratio: 4/2;
    width: 100%;
    object-position: top;
  }

  .r-interview__panel__item__txtbox .__txt {
    margin-bottom: 16%;
  }

  /* パート・アルバイト採用情報
------------------------------- */
  /* 採用フロー */
  .r-flow__container {
    margin-bottom: 20%;
  }

  .r-flow__box {
    padding: 30px;
  }

  .r-flow__box .btn-recruit {
    margin-bottom: 20px;
  }

  .r-flow__inner {
    flex-direction: column;
  }

  .r-flow__inner p {
    width: auto;
    margin-bottom: 1.75em;
  }

  .r-flow__inner img {
    margin-right: 0;
  }


  /* スタッフQ&A */
  .r-faq__container {
    padding-top: 16%;
  }

  .r-faq__list dl {
    padding: 20px 20px 0;
    margin-bottom: 30px;
  }

  .r-faq__list dl dt {
    padding-bottom: 20px;
  }

  /* トグルボタン */
  .r-faq__list dl dt::before,
  .r-faq__list dl dt::after {
    width: 20px;
    top: 30%;
  }

  /* Qマーク */
  .r-faq__list dl dt p::before {
    top: 0;
    font-size: 21px;
    width: 30px;
    height: 30px;
  }

  /* A */
  .r-faq__list dl dd {
    padding-top: 20px;
  }

  .r-faq__list dl dd p {
    padding-bottom: 20px;
  }

  /* Aマーク */
  .r-faq__list dl dd p::before {
    font-size: 21px;
    width: 30px;
    height: 30px;
    top: 20px;
  }

  /* QAマークのための位置調整 */
  .r-faq__list dl dt,
  .r-faq__list dl dd {
    padding-left: 40px;
    padding-right: 25px;
  }

  /* 採用コンセプトページ
------------------------------- */
.r-concept__catch {
  flex-direction: column;
}
.r-concept__catch__ttl,
.r-concept__catch__txt {
  width: 100%;
}

.r-concept__catch__ttl {
  margin-bottom: 12%;
}

.r-concept__message__item {
  flex-direction: column;
}
.r-concept__message__item-img,
.r-concept__message__item p,
.r-concept__value__item-img,
.r-concept__value__item {
  width: 100%;
}
.r-concept__message__item-img {
  margin-bottom: 2em;
}

.r-concept__value {
  flex-direction: column-reverse;
}

.r-concept__value__item-img,
.r-concept__value__item {
  width: 100%;
}

.r-concept__value__item-img {
  margin-bottom: 2em;
}

  /* 店舗情報
------------------------------- */
  /* .store__bg__base {
    padding-top: 180px;
    margin-bottom: 0;
  }

  .store__bg__base2 {
    padding-top: 70px;
    margin-bottom: 0;
    margin-top: 50%;
  } */

  .store__logo {
    margin-bottom: 5%;
  }

  .list__table.store__list {
    border-top: none;
  }

  .list__table.store__list dt {
    font-weight: 700;
    color: #222;
    margin-bottom: 5%;
  }

  .list__table.store__list dd {
    flex-direction: column-reverse;
    justify-content: center;
    padding-right: 4%;
    margin-bottom: 1.5em;
  }

  .store__img {
    max-width: 375px;
    margin: 0 0 1em;
  }

  /* 投稿ページ
------------------------------- */
  .pager-btn.view {
    display: none;
  }

  /* お問い合わせ分岐ページ
------------------------------- */
  .contact-page__container {
    flex-direction: column;
  }

  .contact-page__item {
    width: 100%;
  }

  .contact-page__box {
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }

  .contact-page__txt {
    margin: 2em 0;
    text-align: center;
  }

  .contact-page__link {
    border-left: none;
    padding: 6% 3% 3% 3%;
    margin-bottom: 0.5em;
  }


  /* お問い合わせ
------------------------------- */

  .contact__tb th,
  .contact__tb td {
    display: block;
    width: 100%;
  }

  .contact__tb th {
    padding-bottom: 15px;
  }


  /* ////下層ページここまで */

  /* アニメーション
------------------------------- */
  /* Loading画面 */
  .loading-animation img {
    margin: 40vh auto 0;
  }

  /* スクロールをしたら出現する要素にはじめに透過を指定を無効　*/
  .fadeInUpTrigger {
    opacity: 0.1;
  }

}

@media screen and (max-width: 540px) {
    /* 採用-TOP
------------------------------- */
  /* 採用-TOP hero
------------------------------- */
.r-hero__area img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 360px;
}

.r-top__catch {
  bottom: 10%;
  left: 5%;
}

/* スライド用 */
.bg__black {
  width: 40%;
}

.swiper-img-txt,
.bg__black.left .swiper-img-txt {
  flex-direction: column;
}
.swiper-img-txt {
  width: 100%;
  top: 7%;
  left: -10%;
  align-items: flex-end;
}

.bg__black.left .swiper-img-txt {
  flex-direction: column;
  left: 20%;
  align-items: flex-start;
}

.swiper-img-txt .rec-ttl {
  width: 130%;
  height: 100%;
}
.swiper-img-txt .read {
  font-size: 1.5rem;
  margin-right: 30%;
  letter-spacing: 0;
}
}

@media screen and (min-width: 769px) {

  /* common
  ------------------------------- */
  /* SPのみ改行 */
  .br-sp {
    display: none;
  }

  /* SPのみ表示 */
  .hide-pc {
    display: none;
  }
}

@media screen and (min-width: 1620px) {
  .page__wrap {
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
  }
}