/*--------------------------
.c5-msappli__download
--------------------------*/

.c5-msappli__download{
    background-color: #eceef1;
    padding: 30px 0;
    display: block;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}

.c5-msappli__enquete{
  background-color: #eceef1;
  padding: 30px 0;
  display: table;
  border-collapse: separate;
  width: 100%;
  margin: 50px 0;
}

.c5-msappli__enquete .c5-msappli__enquete--text{
  width: 70%;
  padding-left: 40px;
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
}
.c5-msappli__enquete .c5-msappli__enquete--button{
  padding-right: 40px;
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.c5-msappli__download img{
    margin: 30px auto;
}

.s5-p1 a span.c5-msappli__link{
    color: #5787f4;
}

@media (max-width: 640px) {
  .c5-msappli__download{
    padding: 20px;
    width: auto;
}
.c5-msappli__download img {
    margin: 20px auto 0 auto;
    width: 100%;
  }
.c5-msappli__enquete{
    padding: 20px;
    width: auto;
    text-align: center;
}

.c5-msappli__enquete{
    padding: 20px;
    width: auto;
    text-align: center;
    display: block;
}

.c5-msappli__enquete .c5-msappli__enquete--text{
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}
  .c5-msappli__enquete .c5-msappli__enquete--button{
  width: 100%;
  display: block;
  padding: 0;
  text-align: center;
}
}

.c5-msappli__download {
  max-width: 500px;
  background-color: transparent;
  border: 2px solid #dce6f3;
  padding: 0;
  margin: -30px auto 60px;
  position: relative;
  z-index: 10;
}
.dl{
  background: #dce6f3;
  padding: 10px 0 7px;
}
.c5-msappli-list {
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c5-msappli-item {
  padding: 0 10px;
}
.c5-msappli__download img {
  margin: 20px auto 10px;
  width: 100%;
}
a.c5-msappli-item:hover{
    opacity: 0.7 !important;
	transition: 0.3s !important;
}
@media (max-width: 640px) {
  .c5-msappli__download img {
    margin: 0 auto; 
    width: 100%;
  }
  .c5-msappli-item:nth-child(3) img {
    max-width: 72.89%;
  }
  .c5-msappli-list {
    padding: 5px 7px 5px 10px;
  }
  .c5-msappli-item {
    margin-top: 10px;
    padding: 0 5px;
  }
  .c5-msappli-item:nth-child(2) {
    padding: 0 2px 0 5px;
  }
  .c5-msappli-item:nth-child(3) {
    padding: 0px;
  }
}




/*--------------------------
店頭・電話・オンラインの接客予約
--------------------------*/

.p-taikensoudan-reserve {
  margin-top: 15px;
  border: 2px solid #dce6f3;
}
.p-taikensoudan-reserve__inner {
  padding: 25px 15px 15px;
}
@media (min-width: 768px) {
  .p-taikensoudan-reserve__inner {
    padding: 50px 40px 30px;
  }
}
.p-taikensoudan-reserve__title {
  transform: translateY(-50%);
  margin: -25px 20px 0;
  padding: 6px 15px;
  background: #dce6f3;
  border: 2px solid #dce6f3;
}
@media (min-width: 768px) {
  .p-taikensoudan-reserve__title {
    margin: -50px 0 -20px;
    padding: 10px 17px 6px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-taikensoudan-reserve__body {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .p-taikensoudan-reserve__body {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .p-taikensoudan-reserve__body {
    display: flex;
    justify-content: center;
	margin: 0 0 10px!important;  
  }
  .p-taikensoudan-reserve__body p {
    text-align: center;
  }
}
.p-taikensoudan-reserve__body p {
  margin: 0;
}
.p-taikensoudan-reserve__link a {
  text-align: center;
  color: white;
}
@media (min-width: 768px) {
  .p-taikensoudan-reserve__link {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  .p-taikensoudan-reserve__link a {
    margin: 0;
  }
}