@charset "UTF-8";
/* PC・タブレット・スマホ共通設定  */
/* mobile first*/
p.caption {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 30px;
  width: 30px;
  background-size: 100%, 100%;
  border-radius: 50%;
  background-image: none;
  background-color: #077bfd; }
  @media screen and (min-width: 544px) {
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      height: 60px;
      width: 60px;
      padding-top: 5px; } }

.carousel-control-next-icon:after {
  content: '>';
  font-size: 20px;
  font-weight: bold;
  color: #FFF; }
  @media screen and (min-width: 544px) {
    .carousel-control-next-icon:after {
      font-size: 35px; } }

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 25px;
  font-weight: bold;
  color: #FFF; }
  @media screen and (min-width: 544px) {
    .carousel-control-prev-icon:after {
      font-size: 35px; } }

.carousel-indicators [data-bs-target] {
  background-color: #ccc; }