@charset "UTF-8";
/* ================================================= *
 *        	shop detail
 * ================================================= */
/* ------------------------------------
 *        	common
------------------------------------ */
#headTitle {
  background: #004097;
  color: white;
  padding-bottom: 15px;
}

#shop h1 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 30px;
  background: #004097;
  text-align: left;
  padding-top: 20px;
  max-width: 1000px;
  padding-left: 20px;
  margin: auto;
}

/*480px以下で改行させる*/
@media (max-width: 480px) {
  .BReak:before {
    display: inline;
    content: "\a";
    white-space: pre;
  }
}
main {
  text-align: left;
}

img {
  vertical-align: bottom;
}

.kasukabe,
.misato {
  color: #333;
}

@media (max-width: 991px) {
  .kasukabe .row,
  .misato .row {
    padding-left: 4%;
    padding-right: 4%;
  }
}

/* ------------------------------------
 *        	breadcrumb
------------------------------------ */
.breadcrumb {
  padding: 5px 0;
  background-color: #F9BF11;
  color: #fff;
  font-size: 1.4rem;
}

.breadcrumb__list {
  width: min(92%, 1280px);
  margin-inline: auto;
}

.breadcrumb__item {
  display: inline;
}

.breadcrumb__item:first-of-type::after {
  content: ">";
  margin: 0 5px;
}

.breadcrumb__link {
  color: #fff;
}

/* ------------------------------------
 *        	shop_slide
------------------------------------ */
.shop_slide_wrap {
    margin-bottom: 30px;
    background-color: #f4f4f6;
}

.kuchikomi_wrap {
    text-align: center;
    margin: 30px 0;
}

.kuchikomi_wrap img {
    width: 80%;
    max-width: 800px;
    height: auto;
}

.shop_slide {
  width: min(92%, 1280px);
  margin-inline: auto;
  padding: 30px 0;
}

@media (max-width: 768px) {
  .shop_slide {
    padding-bottom: 60px;
  }
}

@media (max-width: 480px) {
  .shop_slide {
    width: 100%;
  }
}

.shop_slide_item {
  margin: 0 15px;
}

.shop_slide_img {
  width: 245px;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .shop_slide_img {
    width: 200px;
  }
}

.shop_slide_caption {
  text-align: center;
}

.shop_slide .slick-prev,
.shop_slide .slick-next {
  top: 45%;
}

.shop_slide .slick-next::before {
  content: "\f105";
  color: #333;
  font-family: "Font Awesome 5 Free";
  font-size: 3.2rem;
  font-weight: 900;
}

.shop_slide .slick-prev::before {
  content: "\f104";
  color: #333;
  font-family: "Font Awesome 5 Free";
  font-size: 3.2rem;
  font-weight: 900;
}

.shop_slide .slick-dots {
  bottom: 20px;
}

.shop_slide .slick-dots li button:before {
  font-size: 1.5rem;
}

/* ------------------------------------
 *        	head_nav
------------------------------------ */
.head_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: min(100%, 1000px);
  margin-inline: auto;
  margin-top: 45px;
}

@media (max-width: 991px) {
  .head_nav {
    width: 92%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 480px) {
  .head_nav {
    margin-top: 30px;
  }
}

.head_nav__title {
  min-width: 210px;
  margin: 95px 4% 0 1%;
  color: #00408d;
  font-size: 2rem;
  font-weight: bold;
}

@media (max-width: 991px) {
  .head_nav__title {
    margin-top: 0;
  }
}

.head_nav_list {
  width: 76%;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
}

@media (max-width: 991px) {
  .head_nav_list {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .head_nav_list {
    grid-auto-flow: row;
  }
}

.head_nav_list__item {
  width: min(95%, 380px);
  margin-top: 15px;
  padding: 0 8px 5px 2px;
  border-bottom: 1px solid #e0e0e0;
}

@media (max-width: 991px) {
  .head_nav_list__item {
    width: min(95%, 362px);
    margin-left: 10px;
  }
}

@media (max-width: 480px) {
  .head_nav_list__item {
    width: 98%;
    margin-left: 0;
  }
}

.head_nav_list__link {
  position: relative;
  display: block;
  color: #00408d;
  font-size: 1.4rem;
  font-weight: bold;
}

.head_nav_list__link::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  content: url(../img/shop/head_nav_arrow.png);
}

/* ------------------------------------
 *        	access
------------------------------------ */
.access {
  margin-top: 30px;
}

@media (max-width: 480px) {
  .access {
    margin-top: 0;
  }
}

.access_title {
  padding: 50px 0;
  padding-left: 5px;
  padding-bottom: 5px;
  border-bottom: 3px solid #db4f2c;
  color: #db4f2c;
  font-size: 2.8rem;
  font-weight: bold;
}

@media (max-width: 480px) {
  .access_title {
    margin-top: -25px;
  }
}

.access_addres {
  float: left;
  margin-top: 20px;
  padding-right: 40px;
  font-size: 2rem;
}

@media (max-width: 480px) {
  .access_addres {
    float: none;
    padding-right: 0;
    font-size: 1.4rem;
  }
}

.access_btn {
  float: right;
  display: inline-block;
  margin-top: 20px;
  padding: 8px 12px;
  background-color: #e06b32;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
}

.access_btn:hover {
  opacity: 0.8;
}

.access_btn .fas {
  font-size: 2rem;
  padding-right: 8px;
  vertical-align: middle;
}

@media (max-width: 480px) {
  .access_btn {
    float: none;
    margin-top: 15px;
    font-size: 1.2rem;
  }
}

.access_point {
  margin: 30px 0 15px;
  font-size: 2.8rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .access_point {
    font-size: 5.6vw;
  }
}

@media (max-width: 480px) {
  .access_point {
    margin: 15px 0;
  }
}

.access_point .marker {
  border-bottom: 2px solid #DA4F2C;
}

.access_txt {
  margin-bottom: 30px;
  font-size: 1.8rem;
  font-weight: bold;
}

@media (max-width: 480px) {
  .access_txt {
    font-size: 1.4rem;
  }
}

.access_txt .strong {
  font-weight: bold;
}

.access_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .access_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }
}

.access_info_map {
  width: 70%;
  padding-right: 30px;
}

@media (max-width: 768px) {
  .access_info_map {
    width: 100%;
    padding-right: 0;
  }
}

.access_info_car {
  width: 260px;
  padding-top: 60px;
  border-top: 1px solid #949494;
  text-align: center;
}

@media (max-width: 768px) {
  .access_info_car {
    max-width: 100%;
    width: 100%;
    padding-top: 40px;
    border: none;
    text-align: left;
  }
}

.access_info_car_icon {
  width: 48px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .access_info_car_icon {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
  }
}

.access_info_car_ttl {
  padding-bottom: 50px;
  border-bottom: 1px solid #949494;
}

@media (max-width: 768px) {
  .access_info_car_ttl {
    display: inline-block;
    padding: 0;
    border: none;
    font-size: 2.1rem;
  }
}

.access_info_car_root {
  padding-top: 50px;
  padding-left: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
}

@media (max-width: 768px) {
  .access_info_car_root {
    padding: 0;
  }
}

.access_info_car_root_item {
  margin-bottom: 20px;
}

.access_root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 50px 0 80px;
  padding: 50px 60px 30px;
  border: 1px solid #949494;
}

@media (max-width: 768px) {
  .access_root {
    padding: 0;
    border: none;
    margin-bottom: 40px;
  }
}

@media (max-width: 480px) {
  .access_root {
    margin: 30px 0 0;
  }
}

.access_root_photo {
  width: 296px;
  padding-right: 30px;
  font-size: 1.4rem;
}

.access_root_photo_img {
  margin-bottom: 10px;
}

.access_root_info {
  width: 548px;
  font-size: 1.7rem;
}

.access_root_info_ttl {
  font-size: 1.8rem;
  margin-bottom: 30px;
}

.access_root_info_icon {
  display: inline-block;
  width: 66px;
  margin-right: 15px;
}

.access_root_info_detail_ttl {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.6rem;
}

.access_root_info_detail_data {
  margin-bottom: 15px;
  font-size: 1.4rem;
}

/* ------------------------------------
 *        	calendar
------------------------------------ */
.calendar_title {
  width: min(92%, 1000px);
  margin-inline: auto;
  margin-bottom: 50px;
  padding: 40px 0 5px 5px;
  border-bottom: 3px solid #db4f2c;
  color: #db4f2c;
  font-size: 2.8rem;
  font-weight: bold;
}

@media (max-width: 480px) {
  .calendar_title {
    margin: -60px auto 25px;
  }
}

.calendar {
  padding: 80px 0;
  background-color: #f4f4f6;
}

@media (max-width: 991px) {
  .calendar {
    padding: 40px 0;
  }
}

.calendar_ttl {
  padding-left: 20px;
  font-size: 2.2rem;
}

@media (max-width: 991px) {
  .calendar_ttl {
    max-width: 460px;
    width: 100%;
    margin: auto;
    padding: 0;
  }
}

.calendar_regular_holiday {
  margin-bottom: 5px;
  padding-right: 10px;
  text-align: right;
}

@media (max-width: 991px) {
  .calendar_regular_holiday {
    max-width: 460px;
    width: 100%;
    margin: auto;
    padding: 0;
    font-size: 1.4rem;
  }
}

.calendar_regular_holiday .icon {
  margin-right: 3px;
  color: #f6ab3b;
  font-size: 2rem;
}

@media (max-width: 991px) {
  .calendar_regular_holiday .icon {
    font-size: 1.6rem;
  }
}

.calendar_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .calendar_wrap {
    max-width: 460px;
    width: 100%;
    margin: auto;
  }
}

.calendar_wrap .mouthblock {
  margin: 0 9px 18px;
  padding: 25px;
  border: 1px solid #e2e2e2;
  background-color: #fff;
}

@media (max-width: 991px) {
  .calendar_wrap .mouthblock {
    width: 49%;
    margin: 0;
    padding: 10px;
  }
}

@media (max-width: 360px) {
  .calendar_wrap .mouthblock {
    padding: 5px;
  }
}

@media (max-width: 991px) {
  .calendar_wrap .mouthblock:nth-of-type(3) {
    display: none;
  }
}

.calendar_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 480px) {
  .calendar_inner {
    display: block;
  }
}

.calendar_year {
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .calendar_year {
    margin-bottom: 0;
    font-size: 1rem;
  }
}

.calendar_month {
  margin-right: 20px;
  font-size: 2.8rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .calendar_month {
    margin-left: 5px;
    margin-right: 0;
    font-size: 2rem;
  }
}

.calendar .format_center {
  font-size: 1.2rem;
  border-collapse: separate;
  border-spacing: 2px;
}

@media (max-width: 991px) {
  .calendar .format_center {
    width: 154px;
    margin: auto;
    font-size: 1rem;
  }
}

@media (max-width: 360px) {
  .calendar .format_center {
    width: 130px;
  }
}

.calendar .format_center th, .calendar .format_center td {
  padding: 5px;
  font-weight: bold;
  text-align: center;
}

/*定休日*/
.calendar .format_center td.rsums {
  background-color: #f6ab3b;
  border-radius: 14px;
}

.calendar .format_center th:first-child, .calendar .format_center td:first-child {
  color: #cb3a37;
}

.calendar .format_center th:last-child, .calendar .format_center td:last-child {
  color: #3b5098;
}

@media (max-width: 991px) {
  .calendar .format_center th, .calendar .format_center td {
    padding: 2px 0;
  }
}

.calendar .format_center .regular_holiday {
  background-color: #f6ab3b;
  border-radius: 50%;
}

/* ------------------------------------
 *        	information
------------------------------------ */
.information .container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.information_title {
  margin-bottom: 50px;
  padding-left: 5px;
  padding-bottom: 5px;
  border-bottom: 3px solid #db4f2c;
  color: #db4f2c;
  font-size: 2.8rem;
  font-weight: bold;
}

@media (max-width: 480px) {
  .information_title {
    margin: -25px 0 25px;
  }
}

.information_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 5px;
}

@media (max-width: 768px) {
  .information_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.information_shop {
  max-width: 246px;
  font-size: 2.8rem;
}

@media (max-width: 768px) {
  .information_shop {
    max-width: 100%;
    width: 100%;
    margin-bottom: 30px;
    font-size: 6.1333333333vw;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .information_shop {
    margin-bottom: 15px;
  }
}

.information_list {
  max-width: 743px;
  width: 68.7962963%;
  font-size: 1.9rem;
}

@media (max-width: 768px) {
  .information_list {
    max-width: 100%;
    width: 100%;
    font-size: 1.6rem;
  }
}

.information_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #949494;
  padding: 15px;
}

@media (max-width: 480px) {
  .information_detail {
    padding: 10px 5px;
  }
}

.information_detail:first-of-type {
  border-top: 1px solid #949494;
}

.information_detail_ttl {
  width: 90px;
  margin-right: 10%;
}

@media (max-width: 480px) {
  .information_detail_ttl {
    width: 70px;
    margin-right: 4%;
  }
}

.information_detail_tel {
  color: #333;
}

.information_detail_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.information_detail_data .map {
  margin-left: 10px;
  color: #DA4F2C;
}

@media (max-width: 768px) {
  .information_detail_data .map {
    margin-left: 4%;
  }
}

/* ------------------------------------
 *        	price
------------------------------------ */
.price_wrap__title {
  width: min(100%, 1000px);
  margin: 30px auto 60px;
  padding-top: 50px;
  padding-left: 5px;
  padding-bottom: 5px;
  border-bottom: 3px solid #db4f2c;
  color: #db4f2c;
  font-size: 2.8rem;
  font-weight: bold;
}

@media (max-width: 991px) {
  .price_wrap__title {
    width: 92%;
  }
}

@media (max-width: 768px) {
  .price_wrap__title {
    margin: -30px auto 25px;
  }
}

.price {
  padding: 80px 0;
  background-color: #facf5f;
}

@media (max-width: 480px) {
  .price {
    padding: 40px 0;
  }
}

.price_ttl {
  margin-bottom: 60px;
  color: #00408e;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 768px) {
  .price_ttl {
    font-size: 6.1333333333vw;
  }
}

@media (max-width: 480px) {
  .price_ttl {
    margin-bottom: 30px;
  }
}

.price_list {
  margin-bottom: 60px;
}

.price_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: #ffed9b;
}

@media (max-width: 991px) {
  .price_item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4%;
  }
}

@media (max-width: 480px) {
  .price_item {
    padding: 15px;
  }
}

.price_car_icon {
  max-width: 186px;
}

@media (max-width: 991px) {
  .price_car_icon {
    max-width: 230px;
    width: 47%;
    margin-right: 2%;
  }
}

.price_car_name {
  color: #00408e;
  font-size: 1.6rem;
  text-align: center;
}

@media (max-width: 991px) {
  .price_car_name {
    width: 49%;
  }
}

@media (max-width: 480px) {
  .price_car_name {
    font-size: 1.2rem;
  }
}

.price_car_name .type {
  font-size: 3.8rem;
  font-weight: bold;
}

@media (max-width: 991px) {
  .price_car_name .type {
    font-size: 4.8vw;
  }
}

.price_car_detail {
  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;
  max-width: 503px;
  width: 45.727272727%;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
}

@media (max-width: 991px) {
  .price_car_detail {
    max-width: 100%;
    width: 100%;
    margin-top: 5px;
  }
}

.price_car_detail .cost {
  font-size: 2.4rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .price_car_detail .cost {
    font-size: 2.1rem;
  }
}

@media (max-width: 480px) {
  .price_car_detail .cost {
    font-size: 1.6rem;
  }
}

.price_car_detail .cost_ttl {
  display: block;
  margin-left: -15px;
  margin-bottom: 10px;
  font-size: 1.7rem;
  font-weight: normal;
  text-align: center;
}

@media (max-width: 480px) {
  .price_car_detail .cost_ttl {
    font-size: 1.3rem;
  }
}

.price_car_detail .cost .small {
  margin: 0 5px;
  font-size: 70%;
}

@media (max-width: 480px) {
  .price_car_detail .cost .small {
    margin: 0 2px;
  }
}

.price_car_detail .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  color: #e81c24;
  font-size: 3.2rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .price_car_detail .total {
    font-size: 2.6rem;
  }
}

@media (max-width: 480px) {
  .price_car_detail .total {
    font-size: 2.1rem;
    line-height: 1.4;
  }
}

@media (max-width: 360px) {
  .price_car_detail .total {
    font-size: 1.6rem;
  }
}

.price_car_detail .total_ttl {
  display: block;
  font-size: 1.8rem;
  font-weight: normal;
  text-align: center;
}

@media (max-width: 480px) {
  .price_car_detail .total_ttl {
    font-size: 1.3rem;
    font-weight: bold;
  }
}

.price_car_detail .total .online_reservation {
  display: block;
  margin-bottom: -5px;
  font-size: 1.3rem;
  line-height: 1;
}

@media (max-width: 480px) {
  .price_car_detail .total .online_reservation {
    font-size: 1rem;
    margin-bottom: 0;
  }
}

@media (min-width: 360px) {
  .price_car_detail .total .online_reservation br {
    display: none;
  }
}

.price_car_detail .total .small {
  font-size: 70%;
}

.price_link {
  display: block;
  max-width: 511px;
  width: 90%;
  margin: auto;
  padding: 25px;
  background-color: #00408e;
  border-radius: 9px;
  color: #fff;
  font-size: 2.2rem;
  text-align: center;
}

.price_link:hover {
  opacity: 0.8;
}

/* ------------------------------------
 *        	中見出しの追加
------------------------------------ */
#shop .cashless {
  padding: 0;
}

.cashless_ttl {
/*  display: none;*/
}

.cashless_title,
.contact_title,
.ladybug_link_area_title {
  /* display: block; */
  width: min(100%, 1000px);
  margin-inline: auto;
  padding: 50px 0 5px 5px;
  border-bottom: 3px solid #db4f2c;
  color: #db4f2c;
  font-size: 2.8rem;
  font-weight: bold;
}

.cashless_title {
  width: min(92%, 1000px);
  margin: 0 auto 50px;
}

.cashless_catch {
  margin-bottom: 30px;
  color: #003e8b;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 768px) {
  .cashless_catch {
    font-size: 4.8vw;
  }
}

.contact_title {
  margin: 30px 0 50px;
}

@media (max-width: 768px) {
  .contact_title {
    margin: 0 0 50px;
  }
}

@media (max-width: 480px) {
  .cashless_title,
  .contact_title,
  .ladybug_link_area_title {
     margin: -25px auto 25px;
  }
}

@media (max-width: 480px) {
  .ladybug_link_area_title + .ladybug_link_area {
     margin-top: 20px;
  }
}

/* ================================================= *
 *        	voices
 * ================================================= */
body#shop {
    /* 375pxで14px、768pxで16pxになる計算式 */
    --fluid-font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}

/* 768px以上はフォントサイズを固定 */
@media (min-width: 768px) {
    body#shop {
        --fluid-font-size: 16px;
    }
}

/* 375px以下はフォントサイズを固定 */
@media (max-width: 375px) {
    body#shop {
        --fluid-font-size: 14px;
    }
}

/* お客様の声セクション全体 */
.voices-section {
    background-color: #fffbef;
    /* 背景のクリーム色 */
    padding: 30px 20px;
}

.section-title {
    text-align: center;
    font-size: calc(var(--fluid-font-size) * 1.25);
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 30px;
    color: #DA4F2C;
    font-size: 2.5rem;
}

/* カードを囲むコンテナ */
.voices-container {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    /* カード間の余白 */
}

/* お客様の声カード */
.voice-card {
    background-color: #fff;
    border-radius: 15px;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    gap: 25px;
    border: 5px solid #06ad70;
}

.voice-avatar-wrap {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.voice-avatar {
    width: auto;
    max-height: 100%;
    border-radius: 10%;
}

.voice-text {
    margin: 0;
    line-height: 1.7;
    font-size: calc(var(--fluid-font-size) * 1.125);
    text-align: left;
}

/* スマートフォン向けのスタイル */
@media (max-width: 768px) {
    .voice-card {
        flex-direction: column;
        /* 縦並びに変更 */
        text-align: center;
    }
}

.kuchikomi_link {
  position: relative;
  display: block;
  padding: 5px;
  padding-left: 45px;
  margin: 5px 0 0; 
  background-color: #eef7ff;
  border-radius: 8px;
  color: #333;
  width: fit-content;
  float: right;
}
.kuchikomi_link::before {
  content: "“";
  font-family: serif;
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 3em;
  color: #cce0ff;
  line-height: 1;
}