@charset "UTF-8";

/*####################初期設定########################################*/
/*----------body指定との違い_継承の有無にかかわらずすべての要素に適用される----------*/
* {
  box-sizing: border-box;/*paddingとborderを幅(width)と高さ(height)に含める*/
}

/*----------16pxを10pxに変換することにより、1rem=10pxにする----------*/
html {
  font-size: 62.5%;
}

/*----------全称セレクタとの違い_継承することになっている属性しか子要素に適用されない----------*/
body {
  margin: 0;
  /*color: #333;*/
  font-size: 1.4rem;
  line-height: 1.6;
  font-family: 'Zen Maru Gothic', sans-serif;
}

/*----------brタグ----------*/
br.sp {
  display: none;
}
br.tb {
  display: none;
}
br.pc {
  display: block;
}

/*----------aタグ----------*/
a:link {
  /*color: #0000EE;*/
  /*text-decoration: underline;*/
  text-decoration: none;
}
/*リンク先に訪問した後*/
a:visited {
  /*color: #551A8B;*/
  /*text-decoration: underline;*/
}
/*マウスをポイントしたとき*/
a:hover {
  opacity: 0.5;
}
/*マウスをクリックした瞬間*/
a:active {
  color: #FF0000;
  /*text-decoration: underline;*/
}

/*####################見出し########################################*/
/*----------ロゴ----------*/
.top__rogo {
  width: 80%;
}

/*----------hタグ----------*/
h1 {
  display: block;
  font-weight: bold;
}
.top__heading {
  padding: 0.6rem 0.8rem;
  font-size: 2.5rem;
  margin-left: 3rem;
}
/*トップ画像の上に乗せる見出し*/
.image-top__heading01 {
  position: absolute;/*絶対配置*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 0;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
  background-color: rgba(255,255,255,0.5);/*背景色を半透明にする*/
  color: darkorange;
  font-size: 2.5rem;
  line-height: 1.4;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}

.image-top__heading02 {
  position: absolute;/*絶対配置*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 0;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
  background-color: rgba(255,255,255,0.5);/*背景色を半透明にする*/
  color: royalblue;
  font-size: 2.5rem;
  line-height: 1.4;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}

.image-top__heading03 {
  position: absolute;/*絶対配置*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin: 0;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
  background-color: rgba(255,255,255,0.5);/*背景色を半透明にする*/
  color: yellowgreen;
  font-size: 2.5rem;
  line-height: 1.4;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}

h2 {
  display: block;
  font-weight: bold;
}
h3 {
  display: block;
  font-weight: bold;
}
h4 {
  display: block;
  font-weight: bold;
}
h5 {
  display: block;
  font-weight: bold;
}

.home-heading {
  padding-left: 1rem;
  background: darkorange;/*olivedrab*/;
  color: #fff;
  font-size: 2rem;
  text-align: center;
}
.heading01 {
  margin-bottom: 2rem;
  padding: 0.2rem 0.4rem;
  background: #eee;
  font-size: 1.8rem;
  border-left: solid 5px darkorange;
}
.heading03 {
  margin: 5rem auto;
  font-size: 2.6rem;
  text-align: center;
}
.contact-heading {
  margin-bottom: 2rem;
  padding: 0.2rem 0.4rem;
  background: #eee;
  font-size: 1.8rem;
  border-left: solid 5px royalblue;
}
.shop-heading {
  margin-bottom: 2rem;
  padding: 0.2rem 0.4rem;
  background: #eee;
  font-size: 1.8rem;
  border-left: solid 5px yellowgreen;
}

/*----------サイドバー----------*/
.sub-heading {
  font-size: 1.5rem;
  background: #eee/*#e0edff*/;
  text-align: center;  
}

/*####################アウトライン########################################*/
/*--------------------全体--------------------*/
#container {
  width: 100rem;
  margin: 0 auto;
  background: white;
}

/*--------------------ヘッダー--------------------*/
#header {
  /*position: fixed;ヘッダー固定*/
  width: 100rem;
  margin: 0 auto;
}

/*----------ヘッダー_ロゴ＆サイトタイトル----------*/
.home-header-top {
  display: flex;
  align-items: center;
}
.header-top {
  display: flex;
  align-items: center;
}

/*----------ヘッダー_スライダー＆目次----------*/
.top-wrap01 {
  display: flex;
  justify-content: space-between;
  margin: 1rem auto;
}
.top-wrap01__image-area {
  position: relative;/*相対配置*/
  width: 75rem;/*「スライドショー_2」の2要素も同サイズに変更すること*/
}
.top-wrap01__item-area {
  width: 24rem;
  margin-left: 1rem;
}
.header__image {
  width: 75rem;/*100（コンテナいっぱい）にしても面白い*/
}

/*----------スライドショー_2----------*/
/*メイン*/
.mySwiper2 {
  width: 75rem;
  /*width: auto;*/
}
.swiper-parent {
  position: relative;
}
.swiper-parent p {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  font-size: 3rem;
  text-align: center;
}
.swiper-parent span {
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.3);
  color: #666;
}
.swiper-parent img {
  width: 75rem;
  height: auto;
}
.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  line-height: 80px;
}
.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.mySwiper img {
  width: 100%;
}

/*--------------------ページ主要部分--------------------*/
#main {
  display: flex;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/*----------メイン記事----------*/
#home-main-content {
  order: 1;
  width: 100rem;
  /*padding: 1.5rem;
  box-shadow: 0 0 0.8rem gray;*/
}

#main-content {
  order: 1;
  width: 75rem;
  padding: 1.5rem;
  /*border-right: 1px solid #ccc;*/
  box-shadow: 0 0 0.8rem gray;
}

/*----------サイドバー----------*/
#home-sub-content {
  order: 2;
  width: 0;
}
#sub-content {
  order: 2;
  width: 24rem;
  margin-left: 1rem;
  font-size: 1.3rem;
}

/*----------メイン記事_ヘッダー----------*/
.site-desctiption01 {
  padding-bottom: 5rem;
}

/*----------メイン記事_セクション----------*/
.main-contents01 {
  padding-bottom: 8rem;
}

/*----------メイン記事_外側----------*/
.home-outer01 {
  padding: 0 1rem 0 1rem;
}
.outer01 {
  padding: 0 1rem 0 1rem;
}
/*メインメニュー・オプション詳細の上下*/
.sub-outer01 {
  padding: 1rem 0 5rem 0;
}
/*不対応タイプの上下*/
.sub-outer02 {
  margin-top: 0;
  padding: 1.5rem 0 1.5rem 0;
}
/*吹き出しコメントの上下*/
.sub-outer03 {
  padding: 1.5rem 0 1.5rem 0;
}

/*----------メイン記事_内側----------*/
/*自己でアウトラインをもたない群に対して使用する*/
.inner01 {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  background: ghostwhite;
}
.sub-inner01 {
  margin-bottom: 1.5rem;
}
/**/
.sub-inner02 {
  margin-bottom: 4rem;
}

.faq-inner01 {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}
.privacy-inner01 {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.shop-inner01 {
  margin-top: 0.5rem;
}

/*作業の流れ文中のオプション用のアウトライン*/
.inner07 {
  margin-top: 1.5rem;
  font-size: 1.3rem;
}
/*作業の流れ文中のボタン用のアウトライン*/
.inner08 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/*注記用のアウトライン*/
.inner09 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}


/*####################グローバルナビ########################################*/
/*----------グローバルナビ_メガメニュー----------*/
.global-nav a:hover {
  opacity: 0.5;
}
/*ベースレイアウト*/
.container {
  position: relative;/*※なくても問題ないか検証する*/
}
@media screen and (max-width: 768px) {
  .container {
    margin: 0 auto 4rem auto;
    width: 90%;
  }
}

/*グローバルナビ全体*/
.global-nav {
  position: relative;
  margin: 0;
  z-index: 1;
}
.global-nav .nav-list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
/*グローバルナビ_メインメニュー*/
.global-nav .nav-list .nav-item {
  flex: 1;
}
.global-nav .nav-list .nav-item a {
  display: block;
  padding: 0.6rem 0.4rem;
  border-right: 1px solid #ccc;
  color: #333;
  text-decoration: none;
  text-align: center;
}
.global-nav .nav-list .nav-item:last-child a {
  border-right: none;
}

/**/
@media screen and (min-width: 768px) {
.nav-list {
  position: relative;
}
.nav-item_sub {
  position: absolute;
  visibility: hidden;
  top: 4rem;
  left: 0;
  width: 100rem;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.2s ease;
}
.nav-item_sub .inner {
  display: flex;
  width: 100rem;
  margin: 0 auto;
}
.nav-item_sub .inner ul {
  margin: 2rem 2rem 2rem;
}
.global-nav .nav-list .nav-item_sub a {
  border-right: none;
  color: #fff;
  text-align: left;
}
.nav-item:hover .nav-item_sub {
  visibility: visible;
  opacity: 1;
}
}

/* SP時：ハンバーガーメニューボタン */
.global-nav-icon {
  display: none;
}

@media screen and (max-width: 768px) {
.global-nav-header {
  height: 5rem;
}

.global-nav .nav-list {
  display: none;
  position: absolute;
  transform: translate(-50%, 0%);
  left: 50%;
  width: 100%;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.8);
}

.global-nav .nav-list .nav-item a {
  padding: 1rem 1rem;
  border-right: none;
  border-bottom: 1px solid #ccc;
  color: #fff;
  text-align: left;
}

.global-nav .nav-list .nav-item:last-child a {
  border-bottom: none;
}

.global-nav-icon {
  display: inline-block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  color: #999;
  font-size: 4rem;
  cursor: pointer;
  z-index: 2;
}
}

@media screen and (max-width: 768px) {
.nav-item_sub {
  display: none;
}

.global-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nav-list {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
}

/*####################コンタクトフォーム7########################################*/

/*####################グーグルカレンダー########################################*/
.google-cal iframe {
width:100%;
max-width:800px;
height:600px;
}


/*####################スライドショー########################################*/
/*----------アニメーション_スライドショー_1----------*/
.slider-box {
  position: relative;
  margin: 1rem auto;
}
.slider-body-img {
  position: relative;
  width: 100%;
  height: 50rem;
  overflow: hidden;
} 
@keyframes slideshow {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  28% {
    opacity: 1
  }
  38% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.slider-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation :slideshow 24s linear infinite;
} 
.slider-img:nth-child(2) {
  animation-delay: 8s;
} 
.slider-img:last-child {
  animation-delay: 16s;
}
.slider-body-text {
  text-align: center;
}
.slider-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.3);
  color: #666;
  font-size: 2.5rem;
  opacity: 0;
  animation :slideshow 24s linear infinite;
} 
.slider-text:nth-child(2) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-delay: 8s;
} 
.slider-text:last-child {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-delay: 16s;
}
.slider__rogo {
  width: 90%;
}

/*####################フレックスボックス########################################*/
/*----------トップページメニュー＆アニメーション----------*/
.home-wrap01 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
　opacity: 0;/*ページがロードされた時から要素を非表示にする*/
  animation-name: move_1;
  animation-duration: 5s;/*アニメーションが行われている時間*/
  animation-iteration-count: 1;/*アニメーションの繰り返し回数*/
  animation-fill-mode: forwards;/*アニメーションの終了時の状態*/
}
/*スライドアップしながらフェードイン*/
@keyframes move_1 {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}
/*スライドイン*/
/*@keyframes move_1 {
  0% {
  opacity: 0;
  transform: translateX(1000px);
  }
  100% {
  opacity: 1;
  transform: translateX(0, 0, 0);
  } 
}*/
.home-wrap01__card {
  display: flex;
  flex-direction: column;
  width: calc( ( 90% - 5rem ) / 5 );/*( コンテンツ幅 – 余白の合計 ) / カラム数*/
  margin-right: 3.5rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  box-shadow: 0 0 0.8rem gray;
  border-radius: 1rem;
  background: floralwhite/*ivory*/;
}
.home-wrap01__card:nth-of-type(5n) {
  margin-right: 0;/*右端に来る箱だけ右側の余白を消す*/
}
.home-wrap01__thumbnail {
  display: block;
  width: 100%;
  border-radius: 0;
}

.home-wrap01__body {
  display: flex;
  flex-direction: column;
}


.home-wrap01__title {
  flex-grow: 1;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
}
.home-wrap01__price {
  color: red;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
}
.home-wrap01__text {
}

/*----------ヘッダー----------*/
.top-wrap02 {
  margin-top: 1rem;
}
.top-wrap02__card {
  display: flex;
  flex-direction: column;
}
.top-wrap02__title {
  font-weight: bold;
}
.top-wrap02__list {
}

/*----------メインメニュー----------*/
.wrap01 {
  padding: 1rem;
  box-shadow: 0 0 0.8rem gray;
  background: floralwhite;
}
.wrap01__title {
  padding-left: 1rem;
  background: darkgoldenrod;
  color: #eee;
  font-weight: bold;
  font-size: 1.8rem;
}
.wrap01__card {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
}
.wrap01__thumbnail {
  width: 30%;
}
.wrap01__item {
  display: flex;
  flex-direction: column;
  width: 70%;
  margin-left: 1rem;
}
.wrap01__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.wrap01__item-title {
  flex-basis: 15%;
  font-weight: bold;
}
.wrap01__item-price {
  flex-basis: 85%;
  color: red;
  font-weight: bold;
  font-size: 2.4rem;
}
.wrap01__item-time {
  flex-basis: 85%;
  font-size: 1.6rem;
}
.wrap01__item-text {
  flex-basis: 85%;
  display: flex;
  flex-direction: column;
}

/*----------オプションメニュー----------*/
.op-wrap01 {
  display: flex;
  flex-wrap: wrap;
}
.op-wrap01__card {
  display: flex;
  flex-direction: column;
  width: calc( ( 100% - 3rem ) / 3 );/*( コンテンツ幅 – 余白の合計 ) / カラム数*/
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding: 1rem;
  box-shadow: 0 0 0.8rem gray;
  background: floralwhite/*ivory*/;
}
.op-wrap01__card:nth-of-type(3n) {
  margin-right: 0;/*右端に来る箱だけ右側の余白を消す*/
}
.op-wrap01__title {
  flex-grow: 1;
  background: navy;
  color: #eee;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
}
.op-wrap01__thumbnail {
  display: block;
  width: 100%;
  border-radius: 0;
}
.op-wrap01__price {
  color: red;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
}
.op-wrap01__text {
  height: 6rem;
  font-size: 1.2rem;
}

/*----------オプションメニュー----------*/
.wrap02 {
  padding: 1rem;
  box-shadow: 0 0 0.8rem gray;
  background: ghostwhite;
}
.wrap02__title {
  padding-left: 1rem;
  background: navy;
  color: #eee;
  font-weight: bold;
  font-size: 1.8rem;
}
.wrap02__card {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.wrap02__thumbnail {
  width: 35%;
}
.wrap02__item {
  display: flex;
  flex-direction: column;
  width: 65%;
  margin-left: 1rem;
}
.wrap02__item-title {
  padding-top: 0.5rem;
  background: #eee;
  color: deeppink;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;  
}
.wrap02__item-list {
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  background: #eee;
  font-weight: bold;
  font-size: 1.6rem;
}
.wrap02__item-list li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f058';
  font-weight: 900;
  color: salmon;
}
.wrap02__item-list02 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  background: #eee;
  font-weight: bold;
  font-size: 1.6rem;
}
.wrap02__item-text {
}

/*----------ビフォーアフター写真----------*/
.wrap03 {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem;
  background: floralwhite;
}
.wrap03__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*width: calc( ( 100% - 2rem ) / 2 );*//*( コンテンツ幅 – 余白の合計 ) / カラム数*/
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.wrap03__title {
  width: 20rem;
  margin: 0 auto;
  padding: 0.2rem 0.3rem;
  background: orange;
  font-weight: bold;
  border-radius: 1rem;
  text-align: center;
}
.wrap03__body {
  display: flex;
  flex-direction: row;
}
.wrap03__item {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.wrap03__item-title01 {
  color: skyblue;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}
.wrap03__item-title02 {
  color: royalblue;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}
.wrap03__thumbnail {
  width: 100%;
}
.wrap03__item-text {
  flex-grow: 1;
  background: floralwhite;
}

/*----------オプション_ビフォーアフター写真----------*/
.wrap04 {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
}
.wrap04__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*width: calc( ( 100% - 2rem ) / 2 );*//*( コンテンツ幅 – 余白の合計 ) / カラム数*/
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.wrap04__title {
  margin: 0 auto;
  font-weight: bold;
}
.wrap04__body {
  display: flex;
  flex-direction: row;
}
.wrap04__item {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.wrap04__item-title01 {
  color: skyblue;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}
.wrap04__item-title02 {
  color: royalblue;
  font-family: Times New Roman;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}
.wrap04__thumbnail {
  width: 100%;
}
.wrap04__item-text {
  flex-grow: 1;
  background: floralwhite;
}

/*----------不対応タイプ----------*/
.wrap05 {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
  padding: 1rem;
  background: #eee;
}
.wrap05 h3 {
  padding-bottom: 0.5rem;
}
.wrap05__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem;
  background: whitesmoke;
}
.wrap05__body {
  display: flex;
  flex-direction: row;
}
.wrap05__item {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.wrap05__item-title {
  padding-bottom: 1rem;
  color: royalblue;
  font-weight: bold;
  text-align: center;
}
.wrap05__thumbnail {
  width: 100%;
}
.wrap05__item-text {
  flex-grow: 1;
  background: floralwhite;
}

/*----------作業の流れ----------*/
.wrap06 {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  background: ghostwhite;
}
.wrap06__card {
  display: flex;
  flex-direction: column;
  width: calc( ( 100% - 3rem ) / 3 );/*( コンテンツ幅 – 余白の合計 ) / カラム数*/
  margin-right: 1rem;
  margin-bottom: 2rem;
}
.wrap06__card:nth-of-type(3n) {
  margin-right: 0;/*右端に来る箱だけ右側の余白を消す*/
}
.wrap06__title {
  margin-bottom: 1rem;
  font-weight: bold;
}
/*.wrap06__body {
  display: flex;
  flex-direction: row-reverse;  
}*/
/*.wrap06__caption {
  width: 65%;
  padding-left: 1rem;
}
.wrap06__thumbnail {
  width: 35%;
}*/
.wrap06__item-text {
}

/*----------オプション_価格----------*/
.wrap07 {
}
.wrap07__card {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.wrap07__title {
  flex-basis: 40%;
  font-weight: bold;
}
.wrap07__price {
  flex-basis: 25%;
  color: red;
  font-weight: bold;
  font-size: 2.2rem;
}

/*----------お掃除機能付きタイプの特長----------*/
.wrap08 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
  margin-top: 2rem;
  padding: 1rem;
  background: #eee;
}
.wrap08 h3 {
  padding-bottom: 0.5rem;
}
.wrap08__card01 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: whitesmoke;
}
.wrap08__card02 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  background: lightcyan;
}
.wrap08__item-title {
  padding-bottom: 1rem;
  color: royalblue;
  font-weight: bold;
}
.wrap08__body {
  display: flex;
  flex-direction: row;
}
.wrap08__item {
  flex-basis: 35%;
  text-align: center;
}
.wrap08 img {
  height: 10rem;
}
.wrap08__thumbnail {
}
.wrap08__item-text {
  flex-basis: 65%;
}
.wrap08 li {
  list-style-type: disc;
  font-size: 1.4rem;
}

/*----------お店の特徴----------*/
.shop-wrap01 {
}
.shop-wrap01__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 4rem;
}
.shop-wrap01__title {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.6rem;
}
.shop-wrap01__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.shop-wrap01__thumbnail {
  width: 35%;
  margin-top: 1rem;
}
.shop-wrap01__caption {
  width: 65%;
  padding: 0 1rem;
}
.shop-wrap01__text {
}
.shop-wrap01__text::first-letter {
  color: hotpink;
  font-weight: bold;
  font-size: 2rem;
}

.shop-wrap02 {
}
.shop-wrap02__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 4rem;
}
.shop-wrap02__title {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.6rem;
}
.shop-wrap02__body {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
}
.shop-wrap02__thumbnail {
  width: 35%;
  margin-top: 1rem;
}
.shop-wrap02__caption {
  width: 65%;
  padding: 0 1rem;
}
.shop-wrap02__text {
}
.shop-wrap02__text::first-letter {
  color: hotpink;
  font-weight: bold;
  font-size: 2rem;
}

/*----------ご予約から完了までの流れ----------*/
.contact-wrap01 {
}
.contact-wrap01__card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  margin: 1rem 0;
}
.contact-wrap01__thumbnail {
  width: 35%;
}
.contact-wrap01__caption {
  width: 65%;
  padding-left: 1rem;
}
.contact-wrap01__title {
  margin-bottom: 1rem;
  font-weight: bold;
}
.contact-wrap01__text {
}

/*####################表（罫線重複せず）########################################*/
/*----------表題左側_2列----------*/
.table-title-left01 {
  width: 70%;
  margin: 2.5rem auto 1rem;
}
.table-title-left01__item {
  display: flex;
  flex-wrap: wrap;
}
.table-title-left01__item-title01 {
  flex-basis: 25%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-left01__item-title02 {
  flex-basis: 25%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-left01__item-title03 {
  flex-basis: 25%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-left01__item-caption01 {
  flex-basis: 75%;
  padding: 0.5rem;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-title-left01__item-caption02 {
  flex-basis: 75%;
  padding: 0.5rem;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-title-left01__item-caption03 {
  flex-basis: 75%;
  padding: 0.5rem;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

.table-title-left02 {
  width: 100%;
  margin: 2.5rem auto 1rem;
}
.table-title-left02__item {
  display: flex;
  flex-wrap: wrap;
}
.table-title-left02__item-title01 {
  flex-basis: 25%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-left02__item-title02 {
  flex-basis: 25%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-left02__item-title03 {
  flex-basis: 25%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-left02__item-caption01 {
  flex-basis: 75%;
  padding: 0.5rem;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-title-left02__item-caption02 {
  flex-basis: 75%;
  padding: 0.5rem;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-title-left02__item-caption03 {
  flex-basis: 75%;
  padding: 0.5rem;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

/*----------表題上側_2列----------*/
.table-title-top01 {
  width: 50%;
  margin: 2.5rem auto 1rem;
}
.table-title-top01__item {
  display: flex;
  flex-wrap: wrap;
}
.table-title-top01__item-title01 {
  flex-basis: 40%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-top01__item-title02 {
  flex-basis: 40%;
  padding: 0.5rem;
  text-align: center;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-title-top01__item-title03 {
  flex-basis: 40%;
  padding: 0.5rem;
  text-align: center;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-title-top01__item-caption01 {
  flex-basis: 60%;
  padding: 0.5rem;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  background: #eee;
}
.table-title-top01__item-caption02 {
  flex-basis: 60%;
  padding: 0.5rem;
  text-align: center;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-title-top01__item-caption03 {
  flex-basis: 60%;
  padding: 0.5rem;
  text-align: center;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

/*####################アコーディオンパネル########################################*/
/*----------アコーディオンパネル_パターン1----------*/
/*ベース*/
.toggle01 {
  display: none;
}
/*タイトル*/
.Label01 {
  display: block;
  position: relative;
  margin-left: 2rem;
  padding: 0.5em;
  padding-right: 3rem;/*アイコンと被らないように調整する*/
  background: #019ac6;
  color: #fff;
}
/*タイトル横のアイコン*/
.Label01::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  font-weight: 900;
  right: 1rem;/*アイコンの位置*/
  /*width: 0.6rem;
  height: 0.6rem;
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top:calc( 50% - 0.3rem );
  transform: rotate(135deg);
  content:"";*/
}
.Label01,
.content01 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
/*本文*/
.content01 {
  height: 0;
  margin-bottom: 1rem;
  padding: 0 0 0 2rem;
  overflow: hidden;
}
/*開閉時*/
.toggle01:checked + .Label01 + .content01 {
  height: auto;
  padding: 1rem 0 2rem 2rem;
  transition: all .3s;
}
.toggle01:checked + .Label01::before {
  /*transform: rotate(-45deg) !important;*/
  font-family: "Font Awesome 5 Free";
  content: '\f106';
  font-weight: 900;
}

/*----------アコーディオンパネル_パターン2----------*/
/*ベース*/
.toggle02 {
  display: none;
}
/*タイトル*/
.Label02 {
  display: block;
  position: relative;
  width: 50%;
  margin: 2rem auto 0;
  padding: 0.5em;
  padding-right: 3rem;/*アイコンと被らないように調整する*/
  background: royalblue;
  color: #fff;
  text-align: center;
}
/*タイトル横のアイコン*/
.Label02::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  font-weight: 900;
  right: 1rem;/*アイコンの位置*/
}
.Label02,
.content02 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
/*本文*/
.content02 {
  height: 0;
  margin-top: 1rem;
  margin-bottom: 4rem;
  overflow: hidden;
}
/*開閉時*/
.toggle02:checked + .Label02 + .content02 {
  height: auto;
  transition: all .3s;
}
.toggle02:checked + .Label02::before {
  /*transform: rotate(-45deg) !important;*/
  font-family: "Font Awesome 5 Free";
  content: '\f106';
  font-weight: 900;
}

/*----------アコーディオンパネル_パターン3----------*/
/*ベース*/
.toggle03 {
  display: none;
}
/*タイトル*/
.Label03 {
  display: block;
  position: relative;
  width: 50%;
  margin: 2rem auto 0;
  padding: 0.5em;
  padding-right: 3rem;/*アイコンと被らないように調整する*/
  background: tomato;
  color: #fff;
  text-align: center;
}
/*タイトル横のアイコン*/
.Label03::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: '\f107';
  font-weight: 900;
  right: 1rem;/*アイコンの位置*/
}
.Label03,
.content03 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
/*本文*/
.content03 {
  height: 0;
  margin-top: 1rem;
  margin-bottom: 4rem;
  overflow: hidden;
}
/*開閉時*/
.toggle03:checked + .Label03 + .content03 {
  height: auto;
  transition: all .3s;
}
.toggle03:checked + .Label03::before {
  /*transform: rotate(-45deg) !important;*/
  font-family: "Font Awesome 5 Free";
  content: '\f106';
  font-weight: 900;
}

/*####################ボックス########################################*/
/*----------目次----------*/
.table-of-contents {
  background: #eee/*#f3f3f2*/;
  border-top: solid 6px #444;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.table-of-contents__title {
  padding-top: 0.5rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.6rem;
}
.table-of-contents ol {
  list-style-type: decimal;
}
.table-of-contents__parent-ol {
  padding: 0.5em 0.5em 0.5em 2em;
  font-size: 1.3rem;
}
.table-of-contents__child-ol {
  padding-left: 2rem;
}
.table-of-contents__parent-ol a {
  text-decoration: none;
}
/*アイコンを重ね合わせる*/
.fa-stack-1x {
  color: white;
}

/*--------------------タイトル付きボックス--------------------*/
/*----------インデクト_空白を含まない全角1文字下げ----------*/
.indentation01 {
  text-indent: -1em;/*親要素に左右されるemがよい*/ 
  padding-left: 1em;/*親要素に左右されるemがよい*/ 
  font-size: 90%;
}

/*----------インデクト_空白1を含む全角1半角2文字下げ----------*/
.indentation02 {
  text-indent: -1.75em;/*親要素に左右されるemがよい*/ 
  padding-left: 1.75em;/*親要素に左右されるemがよい*/
  font-size: 90%;
}
/*----------インデクト_空白1を含む全角1半角1文字下げ----------*/
.indentation03 {
  text-indent: -1.25em;/*親要素に左右されるemがよい*/ 
  padding-left: 1.25em;/*親要素に左右されるemがよい*/
  font-size: 90%;
}

/*----------タイトル付きボックス（20221024未使用確認）----------*/
.box01 {
  position: relative;
  width: 100%;
  margin: 4rem auto;
  padding: 1rem;
  border: solid 3px darkgoldenrod;
  border-radius: 1rem;
}
.box01__title {
  display: inline-block;
  position: absolute;
  top: -1.2rem;
  left: 1rem;
  padding: 0 1rem;
  background: #fff;
  color: darkgoldenrod;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
}

/*----------タイトル付きボックス_アコーディオンパネル内----------*/
.box02 {
  position: relative;
  width: 100%;
  margin: 2rem auto 0;
  padding: 1rem;
  border: solid 3px hotpink;
  border-radius: 1rem;
}
.box02__title {
  display: inline-block;
  position: absolute;
  top: -1.2rem;
  left: 1rem;
  padding: 0 1rem;
  background: ghostwhite;/*下地に合わせないと線が見えてします*/
  color: hotpink;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
}

/*----------トップページお知らせ----------*/
.box03 {
  position: relative;
  width: 100%;
  margin: 4rem auto;
  padding: 1rem;
  border: solid 3px #999;
  border-radius: 1rem;
}
.box03__title {
  display: inline-block;
  position: absolute;
  top: -1.2rem;
  left: 1rem;
  padding: 0 1rem;
  background: #fff;
  color: #999;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1;
}

/*----------4文字タイトル----------*/
.hitokoto01 {
  width: 90%;
  margin: 2rem auto 0;
  padding: 1.5rem;
  border-radius: 1rem;
  background: ivory;
}
.hitokoto01--circle01 {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -3.7rem;
  border-radius: 50%;
  background: #ffa726;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto01--circle01:after {
  content: "い";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: .2rem;
  border-radius: 50%;
  background: #ffa726;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto01--circle02:before {
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -1.2rem;
  border: 4px solid transparent;
  border-top: 1rem solid #ffa726;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.hitokoto01--circle02 {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -3.7rem;
  margin-left: 4rem;
  border-radius: 50%;
  background: #ffa726;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto01--circle02:after {
  content: "と";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: .2rem;
  border-radius: 50%;
  background: #ffa726;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto01__title {
  background: #ffa726;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto01-inner {
  margin-top: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.hitokoto01 p {
  margin-bottom: 0.5rem;
  /*text-indent: 1em;*/
}
.hitokoto01 ol {
  list-style-type: decimal;
  margin: 1rem 0;
  padding-right: 1rem;
  padding-left: 3rem;
}
.hitokoto01 li {
  margin-bottom: 0.5rem;
}

/*----------4文字タイトル----------*/
.hitokoto02 {
  width: 90%;
  margin: 2rem auto 0;
  padding: 1.5rem;
  border-radius: 1rem;
  background: mintcream;
}
.hitokoto02--circle01 {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -3.7rem;
  border-radius: 50%;
  background: #4caf50;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto02--circle01:after {
  content: "と";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: .2rem;
  border-radius: 50%;
  background: #4caf50;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto02--circle02:before {
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -1.2rem;
  border: 4px solid transparent;
  border-top: 1rem solid #4caf50;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.hitokoto02--circle02 {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -3.7rem;
  margin-left: 4rem;
  border-radius: 50%;
  background: #4caf50;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto02--circle02:after {
  content: "と";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: .2rem;
  border-radius: 50%;
  background: #4caf50;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto02__title {
  background: #4caf50;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.hitokoto02-inner {
  margin-top: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}
.hitokoto02 p {
  /*text-indent: 1em;*/
}
.hitokoto02 ol {
  list-style-type: decimal;
  margin: 1rem 0;
  padding-right: 1rem;
  padding-left: 3rem;
}
.hitokoto02 li {
  margin-bottom: 0.5rem;
}

/*----------吹き出しパターン1_右テキスト左画像----------*/
/*右テキスト*/
.balloon01 {
  position: relative;
  margin-left: 14rem;/*左に余白を設ける*/
  padding: 1rem;
  border-radius: 1rem;
  background: floralwhite;
}
/*左画像*/
.balloon01__avatar {
  position: absolute;
  width: 12rem;
  top: 0;
  left: -14rem;
}
.balloon01__thumbnail {
  width: 100%;
}
/*三角アイコン*/
.balloon01::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 2rem;
  left: -1.5rem;
  border-top: 1.5rem solid transparent;
  border-right: 1.5rem solid floralwhite;
  border-bottom: 1.5rem solid transparent;
}

/*----------吹き出しパターン2_左テキスト右画像----------*/
/*左テキスト*/
.balloon02 {
  position: relative;
  margin-right: 14rem;/*右に余白を設ける*/
  padding: 1rem;
  border-radius: 1rem;
  background: floralwhite;
}
/*右画像*/
.balloon02__avatar {
  position: absolute;
  width: 12rem;
  top: 0;
  right: -14rem;
}
.balloon02__thumbnail {
  width: 100%;
}
/*三角アイコン*/
.balloon02::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -1.5rem;
  top: 2rem;
  border-top: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  border-left: 1.5rem solid floralwhite;
}

/*----------吹き出しパターン3_右テキスト左画像_考え事ver----------*/
/*右テキスト*/
.balloon03 {
  position: relative;
  margin-left: 15rem;/*左に余白を設ける*/
  padding: 1rem;
  border-radius: 1rem;
  background: ghostwhite;
}
/*左画像*/
.balloon03__avatar {
  position: absolute;
  width: 10rem;
  top: 0;
  left: -15rem;/*テキストのmargin-leftの数値に合わせる*/
}
.balloon03__thumbnail {
  width: 100%;
}
/*小さい丸アイコン*/
.balloon03:before {  
  content: "";
  position: absolute;
  top: 4rem;
  left: -4.2rem;
  width: 1.3rem;
  height: 1.3rem;
  background: ghostwhite;
  border-radius: 50%;
}
/*大きい丸アイコン*/
.balloon03:after {
  content: "";
  position: absolute;
  top: 3rem;
  left: -2.5rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: ghostwhite;
}

/*----------吹き出しパターン4_左テキスト右画像_考え事ver----------*/
/*左テキスト*/
.balloon04 {
  position: relative;
  margin: 4rem 1rem;
  margin-right: 16.5rem;/*左に余白を設ける*/
  padding: 1rem;
  border-radius: 1rem;
  background: ghostwhite;
}
/*右画像*/
.balloon04__avatar {
  position: absolute;
  width: 12rem;
  top: 0;
  right: -16.5rem;/*テキストのmargin-leftの数値に合わせる*/
}
.balloon04__thumbnail {
  width: 100%;
  border-radius: 50%;
}
/*小さい丸アイコン*/
.balloon04:before {  
  content: "";
  position: absolute;
  top: 4rem;
  right: -4.2rem;
  width: 1.3rem;
  height: 1.3rem;
  background: ghostwhite;
  border-radius: 50%;
}
/*大きい丸アイコン*/
.balloon04:after {
  content: "";
  position: absolute;
  top: 3rem;
  right: -2.5rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: ghostwhite;
}

/*####################リスト########################################*/
/*----------リスト_パンくずリスト----------*/
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin-left: 1rem;
  font-size: 1.3rem;
}

/*----------リスト----------*/
.home-list01__ul {
  list-style-type: circle;
  margin: 1rem 1rem 1rem 3rem;
}
.home-list01__ul li {
  margin-bottom: 0.2rem;
}

.list01__ul {
  list-style-type: disc;
  margin: 0.5rem 1rem 1rem 3rem;
  font-size: 1.3rem;
}
.list01__ul li {
  margin-bottom: 0.2rem;
}
.list01__ol {
  list-style-type: circle;
  margin: 0 1rem 0 2rem;
}
.list01__ol li {
  margin-bottom: 0.2rem;
}

.list02__ul {
  margin: 1rem 1rem 1rem 1rem;
}
.list02__ul li {
  margin-bottom: 0.5rem;
}
.list02__ul li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f058';
  font-weight: 900;
  color: lightskyblue;
}

/*----------吹き出し内のリスト----------*/
.list03__ul {
  margin-top: 1rem;
  margin-left: 1rem;
}
.list03__ul li {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.list03__ul li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f058';
  font-weight: 900;
  color: salmon;
}

.list06__ul {
  margin-top: 1rem;
  margin-left: 1rem;
}
.list06__ul li {
  margin-bottom: 0.5rem;
  font-weight: bold;
}
.list06__ul li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f02b';
  font-weight: 900;
  color: yellowgreen;
}

/*----------タイトル付きボックス内のリスト----------*/
.list04__ul {
  list-style-type: circle;
  margin-top: 0.5rem;
  margin-left: 3rem;
  font-weight: bold;
}
.list04__ul li {
  margin-bottom: 0.5rem;
}

/*作業箇所内のオプション*/
.list05__ul {
  margin-left: 2.5rem;
}
.list05__ul li {
  list-style-type: disc;
}
/*.list05__ul li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f458';
  font-weight: 900;
  color: darkgoldenrod;
}*/

.contact-list01__ul {
  list-style-type: disc;
  margin: 0.5rem 1rem 1rem 3rem;
}
.contact-list01__ul li {
  margin-bottom: 0.2rem;
}

.shop-list01__ul {
  margin: 0rem 1rem 0rem 1rem;
}
.shop-list01__ul li {
  margin-top: 0.5rem;
  color: #333;
  font-weight: bold;
}

.shop-list02__ul {
  margin: 0rem 1rem 0rem 3rem;
  font-size: 1.2rem;
}
.shop-list02__ul li {
  list-style-type: disc;
  margin-bottom: 0.2rem;
}

/*対応地域*/
.area-list01__ul {
  list-style-type: disc;
  margin-bottom: 1rem;
  margin-left: 2rem;
}
.area-list01__ul li {
  font-weight: bold;
}
.area-list01__ul p {
  font-size: 1.3rem;
}



/*####################ボタン_アイコン########################################*/
/*----------ボタン----------*/
.button01 a {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  max-width: 24rem;
  margin: 1rem auto;
  padding: 0.5rem 1.5rem;
  border: 0.2rem solid #543618;
  border-radius: 5rem;
  box-shadow: 0.2rem 0.2rem 0 0.1rem #cccccc;
  background: #eee;
  font-weight: 600;
  color: #543618;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}
.button01 a:hover {
  opacity: 1;
  transform: translate3d(0.2rem, 0.2rem, 0);
  box-shadow: none;
  transition: all 0.2s;
}
.button01 a:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-weight: 900;
  right: 2rem;
  /*position: absolute;
  top: 50%;
  right: 2rem;
  transform: rotate(45deg) translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-top: 3px solid #543618;
  border-right: 3px solid #543618;
  border-radius: 0.1rem;
  transition: 0.3s ease-in-out;
  content: '';*/
}

/*----------fontawesome----------*/
.clock-custom {
  margin-right: 0.5rem;
  color: gray;
}

.quinscape-custom {
  color: royalblue;
}

.broom-custom01 {
  color: #fff;
}
.broom-custom02 {
}

.broom-ball-custom01 {
  color: snow;
}
.broom-ball-custom02 {
}

.tag-custom01 {
  color: darkorange;
}
.tag-custom02 {
  color: royalblue;
}
.tag-custom03 {
  color: yellowgreen;
}

.check-custom01 {
}

.spray-can-sparkles-custom01 {
  color: hotpink;
}
.spray-can-sparkles-custom02 {
  color: goldenrod;
}

/*----------星五段階評価----------*/
.star5 {
  display: inline-block;
  position: relative;
  z-index: 0;
  color: #CCCCCC;
  white-space: nowrap;
}
.star5:before, .star5:after {
  content: '★★★★★';
}
.star5:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  color: #ffcf32;
  white-space: nowrap;
}
.star5[data-rate="5"]:after { width: 100%; } /*星5  */
.star5[data-rate="4.5"]:after { width: 90%; }/*星4.5*/
.star5[data-rate="4"]:after { width: 80%; }  /*星4  */
.star5[data-rate="3.5"]:after { width: 70%; }/*星3.5*/
.star5[data-rate="3"]:after { width: 60%; }  /*星3  */
.star5[data-rate="2.5"]:after { width: 50%; }/*星2.5*/
.star5[data-rate="2"]:after { width: 40%; }  /*星2  */
.star5[data-rate="1.5"]:after { width: 30%; }/*星1.5*/
.star5[data-rate="1"]:after { width: 20%; }  /*星1  */
.star5[data-rate="0.5"]:after { width: 10%; }/*星0.5*/
.star5[data-rate="0"]:after { width: 0%; }   /*星0  */

/*####################その他インライン系########################################*/
/*----------書体----------*/
.intro__font-family01 {
  font-style: italic;
  font-family: arial;
}

/*----------作業手順内のオプション名----------*/
.intro__font-style02 {
  font-weight: bold;
}
/*----------文中の価格----------*/
.intro__font-style03 {
  color: red;
  font-weight: bold;
  font-size: 1.4rem;
}

.intro__font-style04 {
  font-weight: normal;
}

/*----------価格補助----------*/
.intro__home-price--auxiliary {
  font-size: 1.6rem;
}
.intro__price--auxiliary {
  font-size: 1.4rem;
}
.intro__option-price--auxiliary {
  font-size: 1.2rem;
}

/*----------マーカー----------*/
.intro__marker01 {
  background-image: linear-gradient(transparent 60%, blanchedalmond 0%)
}
.intro__marker02 {
  background-image: linear-gradient(transparent 60%, pink 0%);
  font-weight: bold;
}
/*----------基本作業の箇所のサブタイトル----------*/
.intro__marker03 {
  background-image: linear-gradient(transparent 60%, palegoldenrod 0%);
  font-weight: bold;
  font-size: 1.6rem;
}

/*####################CSSからのテキスト入力########################################*/
/*----------トップページお知らせ----------*/
.home-list01__ul li:nth-child(1) {/*表示・非表示コントロール*/
  color: red;
  font-weight: bold;
}
.intro__home-catch01--word01:before {
  content: "日本ハウスクリーニング協会所属";
}
.intro__home-catch01--word02:before {
  content: "皆様ご存知の大手おそうじやさんとの二刀流！同施工内容でご覧の価格です🙌";
}
.intro__home-catch01--word03:before {
  content: "大手おそうじ紹介サイト「〇〇マイスター」で口コミ総合評価4.9以上（口コミ件数100件以上）のお店です🎉";
}
.intro__home-catch01--word04:before {
  content: "上記紹介サイトで、出店三ヶ月目および四ヶ月目に月間「優良サービス」店舗（約1000店舗中4店舗）に連続で選ばれました🎊";
}
.intro__home-catch01--word05:before {
  content: "";
}

/*----------メインページお知らせ----------*/
.intro__catch01--title:before {
  content: "＜新着情報＞";
  margin: 0 0.5rem;
  padding: 0 0.5rem;
  background: #eee;
}
.intro__catch01--word01:before {
  display: none;
  content: "お知らせ1";
  margin: 0 0.5rem;
  padding: 0 0.5rem;
}
.intro__catch01--word02:before {
  display: none;
  content: "お知らせ2";
  margin: 0 0.5rem;
  padding: 0 0.5rem;
}
.intro__catch01--word03:before {
  display: none;
  content: "お知らせ3";
  margin: 0 0.5rem;
  padding: 0 0.5rem;
}
.intro__catch01--word04:before {
  display: none;
  content: "お知らせ4";
  margin: 0 0.5rem;
  padding: 0 0.5rem;
}
.intro__catch01--word05:before {
  display: none;
  content: "お知らせ5";
  margin: 0 0.5rem;
  padding: 0 0.5rem;
}

.intro__footer01--word01:before {
  content: "～こころもみたすおそうじを。～";
  font-size: 1.6rem;
}

/*----------対応地域----------*/
.intro__area--saitama:before {
  content: "川口市 / 越谷市 / さいたま市（緑区、南区）/ 草加市 / 戸田市 / 八潮市 / 蕨市";
}
.intro__area--tokyo:before {
  content: "足立区 / 荒川区 / 板橋区 / 葛飾区 / 北区";
}

/*--------------------価格--------------------*/
/*----------価格_エアコン----------*/
.intro__price01-1:before {
  content: "7,000";/*壁掛け型（通常タイプ）*/
}
.intro__price01-2:before {
  content: "12,000";/*壁掛け型（お掃除機能付きタイプ）*/
}
.intro__price01-3:before {
  content: "19,000";/*天井埋め込み型（一・二方向タイプ）*/
}
.intro__price01-4:before {
  content: "26,000";/*天井埋め込み型（四方向タイプ）*/
}
.intro__price01-op1-1:before {
  content: "2,000";/*エアコンオプション「防カビ抗菌コート-壁掛け型（通常タイプ）」*/
}
.intro__price01-op1-2:before {
  content: "2,000";/*エアコンオプション「防カビ抗菌コート-壁掛け型（お掃除機能付きタイプ）」*/
}
.intro__price01-op1-5:before {
  content: "2,500";/*エアコンオプション「防カビ抗菌コート-壁掛け型ワイドタイプ:88cm超110cm以下の場合」*/
}
.intro__price01-op1-6:before {
  content: "3,000";/*エアコンオプション「防カビ抗菌コート-壁掛け型ワイドタイプ:110cm超150cm以下の場合」*/
}
.intro__price01-op1-3:before {
  content: "3,000";/*エアコンオプション「防カビ抗菌コート-天井埋め込み型（一・二方向タイプ）」*/
}
.intro__price01-op1-4:before {
  content: "4,000";/*エアコンオプション「防カビ抗菌コート-天井埋め込み型（四方向タイプ）」*/
}
.intro__price01-op2-1:before {
  content: "3,000";/*エアコンオプション「室外機洗浄-壁掛け型（通常タイプ）」*/
}

/*室外機は一律に変更する*/
.intro__price01-op2-2:before {
  content: "4,000";/*エアコンオプション「室外機洗浄-壁掛け型（お掃除機能付きタイプ）」*/
}
.intro__price01-op2-3:before {
  content: "7,000";/*エアコンオプション「室外機洗浄-天井埋め込み型（一・二方向タイプ）」*/
}
.intro__price01-op2-4:before {
  content: "8,000";/*エアコンオプション「室外機洗浄-天井埋め込み型（四方向タイプ）」*/
}
.intro__price01-op2-5:before {
  content: "5,000";/*エアコンオプション「室外機洗浄-壁掛け型ワイドタイプ:88cm超110cm以下の場合」*/
}
.intro__price01-op2-6:before {
  content: "6,000";/*エアコンオプション「室外機洗浄-壁掛け型ワイドタイプ:110cm超150cm以下の場合」*/
}

.intro__price01-op3-1:before {
  content: "1,000";/*エアコンオプション「ドレンホース洗浄」*/
}
.intro__price01-op4-1:before {
  content: "3,000";/*エアコンオプション「壁掛け型ワイドタイプ:88cm超110cm以下の場合」*/
}
.intro__price01-op4-2:before {
  content: "5,000";/*エアコンオプション「壁掛け型ワイドタイプ:110cm超150cm以下の場合」*/
}

/*----------価格_お風呂----------*/
.intro__price02-1:before {
  content: "14,000";/*お風呂*/
}
.intro__price02-op1-1:before {
  content: "2,000";/*お風呂「エプロン内部洗浄-手作業」*/
}
.intro__price02-op1-2:before {
  content: "4,000";/*お風呂「エプロン内部洗浄-高圧洗浄」*/
}
.intro__price02-op1-3:before {
  content: "2,000";/*お風呂「エプロン内部洗浄-防カビ抗菌コート」*/
}
.intro__price02-op2-1:before {
  content: "6,000";/*お風呂「浴室乾燥機分解洗浄」*/
}
.intro__price02-op2-3:before {
  content: "4,000";/*お風呂「浴室換気扇分解洗浄」*/
}
.intro__price02-op2-2:before {
  content: "1,000";/*お風呂「浴室換気扇・防カビ抗菌コート」*/
}
.intro__price02-op3-1:before {
  content: "4,000";/*お風呂「鏡の水垢・ウロコ除去」*/
}
.intro__price02-op3-2:before {
  content: "3,000";/*お風呂「鏡の水垢・ウロコ除去の面積超過部分」*/
}
.intro__price02-op4-1:before {
  content: "500";/*お風呂「浴槽の蓋・椅子・洗面器の洗浄」*/
}

/*----------価格_換気扇----------*/
.intro__price03-1:before {
  content: "13,000";/*換気扇「レンジフード」*/
}
.intro__price03-3:before {
  content: "9,000";//*換気扇「プロペラ」*/
}
.intro__price03-op1-1:before {
  content: "4,000";/*換気扇「アイランド型」*/
}
.intro__price03-op2-1:before {
  content: "3,000";//*換気扇「自動洗浄機能付き」*/
}
.intro__price03-op3-1:before {
  content: "5,000";/*換気扇「ファンハウジング分解洗浄」*/
}
.intro__price03-op4-1:before {
  content: "1,000";/*換気扇「横幅90cm以上」*/
}

/*----------価格_キッチン----------*/
.intro__price04-1:before {
  content: "14,000";/*キッチン*/
}
.intro__price04-op1-1:before {
  content: "3,000";/*キッチン「横幅350cm」*/
}

/*----------価格_洗面所----------*/
.intro__price05-1:before {
  content: "7,000";/*洗面所*/
}
.intro__price05-op1-1:before {
  content: "3,000";/*洗面所「洗面ボウル追加」*/
}
.intro__price05-op2-1:before {
  content: "3,000";/*洗面所「洗面所換気扇の分解洗浄」*/
}
.intro__price05-op3-1:before {
  content: "4,000";/*洗面所「鏡の水垢・ウロコ除去」*/
}

/*----------価格_トイレ----------*/
.intro__price06-1:before {
  content: "8,000";/*トイレ*/
}
.intro__price06-op1-1:before {
  content: "4,000";/*トイレ「便器追加」*/
}
.intro__price06-op2-1:before {
  content: "5,000";/*トイレ「トイレ換気扇の分解洗浄」*/
}
.intro__price06-op3-1:before {
  content: "7,000";/*トイレ「タンク内部の洗浄」*/
}



.price7_1:before {
  content: "1,500";/*窓・サッシ*/
}
.price8_1:before {
  content: ",";/*ベランダ*/
}
.price9_1:before {
  content: "";/*浴室乾燥機*/
}
.price10_1:before {
  content: "";/*冷蔵庫*/
}
.price11_1:before {
  content: "";/*洗濯機*/
}
.price15_1:before {
  content: "27,000";/*水まわり3点*/
}
.price16_1:before {
  content: "32,000";/*水まわり4点*/
}
.price17_1:before {
  content: "35,000";/*水まわり5点*/
}
.price20_1:before {
  content: "36,000";/*集合住宅（入居前・退去後）*/
}
.price21_1:before {
  content: "48,000";/*戸建て住宅（入居前・退去後）*/
}

/*####################ページ主要部分_右サイドバー########################################*/
/*--------------------右サイドバー_ボックス--------------------*/
.topiccontents, .news {
  margin-bottom: 2rem;
  border: solid 1px #e0edff;
  box-shadow: 0 0 0.8rem gray;
}
.topiccontents p {
  margin: 0.5rem 0.5rem;
  /*text-indent: 1em;*//*親要素に左右されるemがよい*/
}
.news dl {
  margin: 0.5rem 0.5rem;
}
.news dd {
  margin: 0 0.5rem;
}

/*####################フッター部分########################################*/
#footer {
  padding-top: 1rem;
  padding-bottom: 2rem;
  border-top: solid 1px lightgray;
}
#footer ul {
  text-align: center;
}
#footer ul li {
  display: inline;
  padding: 0 0.5rem;
}
#footer p {
  font-size: 1.2rem;
  text-align: center;
}

/*####################js関連########################################*/
/*----------TOPにもどるボタン----------*/
#page-top-button {
  opacity: 0.9;/*要素の不透明度*/
  position: fixed;
  right: 1rem;
  bottom: 5rem;
  width: 5rem;
  height: 5rem;
  background: #aaa;
  border-radius: 50%;
  z-index: 3;
}
#page-top-button a {
  display: block;
  position: relative;
  width: 5rem;
  height: 5rem;
  text-decoration: none;
}
#page-top-button a::before {
  position: absolute;
  top: -1.5rem;
  right: 0;
  bottom: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  margin: auto;
  color: #fff;
  font-weight: 900;
  font-size: 2.5rem;
  font-family: 'Font Awesome 5 Free';
  text-align: center;
  content: '\f102';
}

/*下線アニメーション*/
.c-marker {
  background: -webkit-linear-gradient(left, rgb(255,192,203) 50%, transparent 50%);
  background: -moz-linear-gradient(left, rgb(255,192,203) 50%, transparent 50%);
  background: linear-gradient(left, rgb(255,192,203) 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 200% .8em; 
  background-position: 100% .5em;
  transition: 5s;
  font-weight: bold;
}
.c-marker.is-active {
    background-position: 0% .5em;
}

/*==============================PC用のCSSはメディアクエリの外に記述する==============================*/

/* 959px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 959px) {

/*----------brタグ----------*/
 br.sp {
  display: none;
 }
 br.tb {
  display: block;
 }
 br.pc {
  display: none;
 }

}


/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
/*----------全称セレクタとの違い_継承することになっている属性しか子要素に適用されない----------*/
body {
  font-size: 1.4rem;
  line-height: 1.6;
  font-family: 'Zen Maru Gothic', sans-serif;
}

/*----------brタグ----------*/
 br.sp {
  display: block;
 }
 br.tb {
  display: none;
 }
 br.pc {
  display: none;
 }

/*トップ画像の上に乗せる見出し*/
.image-top__heading01 {
  width: 60%;
}

.image-top__heading02 {
  width: 60%;
}

.image-top__heading03 {
  width: 60%;
}

/*####################アウトライン########################################*/
/*--------------------全体--------------------*/
#container {
  width: 100%;
}

/*--------------------ヘッダー--------------------*/
#header {
  /*position: fixed;ヘッダー固定*/
  width: 100%;
}

/*----------ヘッダー_ロゴ＆サイトタイトル----------*/
.home-header-top {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
  margin-bottom: -5rem;
}
.header-top {
  display: flex;
  justify-content: center;
  margin-bottom: -5rem;
}

/*----------ヘッダー_スライダー＆目次----------*/
.top-wrap01 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 1rem auto;
}
.top-wrap01__image-area {
  width: 100%;/*「スライドショー_2」の2要素も同サイズに変更すること*/
}
.top-wrap01__item-area {
  width: 70%;
  margin-left: 0;
  margin: 1rem auto;
}
.header__image {
  width: 100%;/*100（コンテナいっぱい）にしても面白い*/
}

/*--------------------ページ主要部分--------------------*/
#main {
  display: flex;
  flex-direction: column;
}

/*----------メイン記事----------*/
#home-main-content {
  order: 1;
  width: 100%;
}

#main-content {
  order: 1;
  width: 100%;
  padding: 0;
  box-shadow: none;
}

/*----------サイドバー----------*/
#home-sub-content {
  order: 2;
  width: 0;
}
#sub-content {
  order: 2;
  width: 100%;
  margin-left: 0;
}

/*----------メイン記事_内側----------*/
/*自己でアウトラインをもたない群に対して使用する*/
.inner01 {
  padding-right: 0;
  padding-left: 0;
}

/*####################グローバルナビ########################################*/
/*----------スマホ閲覧時のハンバーガーメニュー----------*/


/*####################スライドショー########################################*/
/*----------アニメーション_スライドショー_1----------*/
/*----------アニメーション_スライドショー_1----------*/
.slider-box {
}
.slider-body-img {
  height: 25rem;
} 
.slider-body-text {
  text-align: center;
}
.slider-text {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(0, -50%);
  font-size: 2rem;
} 
.slider-text:nth-child(2) {
  top: 50%;
  left: 20%;
  transform: translate(0, -50%);
} 
.slider__rogo {
  width: 120%;
}

/*####################フレックスボックス########################################*/
/*----------トップページメニュー＆アニメーション----------*/
.home-wrap01 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
　opacity: 0;/*ページがロードされた時から要素を非表示にする*/
  animation-name: move_1;
  animation-duration: 5s;/*アニメーションが行われている時間*/
  animation-iteration-count: 1;/*アニメーションの繰り返し回数*/
  animation-fill-mode: forwards;/*アニメーションの終了時の状態*/
}
/*スライドアップしながらフェードイン*/
@keyframes move_1 {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1.0);
  }
  80%, 100% {
    opacity: 1;
  }
}
/*スライドイン*/
/*@keyframes move_1 {
  0% {
  opacity: 0;
  transform: translateX(1000px);
  }
  100% {
  opacity: 1;
  transform: translateX(0, 0, 0);
  } 
}*/
.home-wrap01__card {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-right: 0;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding: 1rem;
  box-shadow: 0 0 0.8rem gray;
  border-radius: 1rem;
  background: floralwhite/*ivory*/;
}
.home-wrap01__card:nth-of-type(5n) {
  margin-right: 0;/*右端に来る箱だけ右側の余白を消す*/
}
.home-wrap01__thumbnail {
  flex-basis: 30%;
  display: block;
  width: 40%;
  border-radius: 0;
}
.home-wrap01__body {
  flex-basis: 70%;
  display: flex;
  flex-direction: column;
}


.home-wrap01__title {
  flex-grow: 1;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
}
.home-wrap01__price {
  color: red;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
}
.home-wrap01__text {
}

/*.home-wrap01__card {
  width: calc( ( 100% - 1rem ) / 2 );
  margin-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.home-wrap01__card:nth-of-type(2n) {
  margin-right: 0;
}
.home-wrap01__card:nth-of-type(5n) {
  margin-right: 1rem;
}
.home-wrap01__title {
  font-size: 1.6rem;
}*/

/*----------メインメニュー----------*/
.wrap01 {
  padding: 1rem;
}
.wrap01__title {
  font-size: 1.6rem;
}
.wrap01__card {
  flex-direction: column;
  margin-top: 0;
}
.wrap01__thumbnail {
  width: 100%;
}
.wrap01__item {
  width: 100%;
  margin-left: 0;
}
.wrap01__item-title {
  flex-basis: 25%;
}
.wrap01__item-price {
  flex-basis: 75%;
}
.wrap01__item-time {
  flex-basis: 75%;
}
.wrap01__item-text {
  flex-basis: 75%;
}

/*----------スライドショー_2----------*/
/*メイン*/
.mySwiper2 {
  width: 100%;
}
.swiper-parent img {
  width: 100%;
}

/*----------オプションメニュー----------*/
.op-wrap01 {
  flex-direction: column;
}
.op-wrap01__card {
  width: 100%;
  margin-right: 0;
}
.op-wrap01__title {
  padding-left: 1rem;
  font-size: 1.6rem;
  text-align: left;
}

/*----------オプションメニュー----------*/
.wrap02__title {
  font-size: 1.6rem;
}
.wrap02__card {
  flex-direction: column;
  margin-top: 0;
}
.wrap02__thumbnail {
  width: 100%;
}
.wrap02__item {
  width: 100%;
  margin-left: 0;
}

/*----------オプション_価格----------*/
.wrap07 {
}
.wrap07__card {
  flex-direction: column;
  align-items: flex-start;
}
.wrap07__title {
  flex-basis: 100%;
  margin-left: 1rem;
}
.wrap07__price {
  flex-basis: 100%;
  margin-left: 8rem;
}

/*----------ビフォーアフター写真----------*/
.wrap03 {
  padding: 1rem;
}

/*----------オプション_ビフォーアフター写真----------*/
.wrap04 {
  padding: 0;
}
/*----------不対応タイプ----------*/
.wrap05 {
  width: 100%;
}

.hitokoto01 {
  width: 100%;
}
.hitokoto01__title {
  font-size: 1.6rem;
}
/*----------作業の流れ----------*/
.wrap06 {
  flex-direction: column;
}
.wrap06__card {
  width: 100%;
  margin-right: 0;
}
.wrap06__title {
  font-size: 1.6rem;
}

/*----------お掃除機能付きタイプの特長----------*/
.wrap08 {
  width: 100%;
}
.wrap08 img {
  height: 6rem;
}

/*----------お店の特徴----------*/
.shop-wrap01 {
}
.shop-wrap01__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 2rem auto 4rem;
}
.shop-wrap01__title {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.6rem;
}
.shop-wrap01__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.shop-wrap01__thumbnail {
  width: 100%;
  margin-top: 1rem;
}
.shop-wrap01__caption {
  width: 100%;
  padding: 0 1rem;
}
.shop-wrap01__text {
}
.shop-wrap01__text::first-letter {
  color: hotpink;
  font-weight: bold;
  font-size: 2rem;
}


/*----------表題左側_2列----------*/
.table-title-left01 {
  width: 100%;
}
.table-title-left02 {
  width: 100%;
}

/*----------アコーディオンパネル_パターン2----------*/
.Label02 {
  width: 80%;
}
/*----------アコーディオンパネル_パターン3----------*/
.Label03 {
  width: 80%;
}

/*----------吹き出し内のリスト----------*/
.list03__ul {
  margin-left: 0;
}
/*----------タイトル付きボックス内のリスト----------*/
.list04__ul {
  margin-left: 2rem;
}

/*----------吹き出しパターン1_右テキスト左画像----------*/
/*右テキスト*/
.balloon01 {
  margin-top: 10rem;/*上に余白を設ける*/
  margin-left: 0;
}
/*左画像*/
.balloon01__avatar {
  width: 8rem;
  top: -9rem;
  left: 0;
}
/*三角アイコン*/
.balloon01::before {
  top: -3rem;
  left: 4rem;
  border-right: 1.5rem solid transparent;
  border-bottom: 1.5rem solid floralwhite;
  border-left: 1.5rem solid transparent;
}

/*----------吹き出しパターン2_左テキスト右画像----------*/
/*左テキスト*/
.balloon02 {
  margin-top: 10rem;
  margin-right: 0;
}
/*右画像*/
.balloon02__avatar {
  width: 8rem;
  top: -9rem;
  right: 0;
}
/*三角アイコン*/
.balloon02::before {
  top: -3rem;
  right: 4rem;
  border-right: 1.5rem solid transparent;
  border-bottom: 1.5rem solid floralwhite;
  border-left: 1.5rem solid transparent;
}


}