/* 中デバイス（タブレット, 768px 以上）
============================================== */
@media (min-width: 768px) {
  .img-size {
    width: 60px;
    margin-bottom: .5rem;
  }
.h2, h2 {
    font-size: 1.2rem;
}
.h1, h1 {
    font-size: 1.5rem;
line-height: 1.7;
    margin-bottom: 0rem!important;
font-weight:600;
}

.h4, h4 {
   font-size: calc(1.275rem + .3vw);
color: #c33e1e;

}
.img-fluid2 {
  max-width: 75%;
  height: auto;
}

}

/* 大デバイス（デスクトップ, 992px 以上）
============================================== */
@media (min-width: 992px) {
  nav ul {
    display: flex;
  }

  nav ul li {
    /*-webkit-transform: skewX(150deg);
    -moz-transform: skewX(150deg);
    transform: skewX(150deg);*/
    /*border-left: 1px dotted gray;*/
  }

  ul .right {
    /*-webkit-transform: skewX(150deg);
    -moz-transform: skewX(150deg);
    transform: skewX(150deg);*/
    /*border-right: 1px dotted gray;*/
  }

  ul .border-after {
    border-left: 1px dotted white;
  }

  footer .right {
    border-right: 1px dotted white;
  }

  nav ul li a {
    display: block;
    /*transform: skewX(-150deg);*/
    padding: 0 10px;
  }
  .img-size {
    width: 70px;
    margin-bottom: .5rem;
  }
.img-fluid2 {
  max-width: 50%;
  height: auto;
}
}

/* 中デバイス（タブレット, 992px 未満）
============================================== */
@media (max-width: 991.98px) {
  nav ul {
    padding: 0rem 0 1rem 0;
  }
  .img-size {
    width: 60px;
    margin-bottom: .5rem;
  }
.h2, h2 {
    font-size: 1.2rem;
}
.h1, h1 {
    font-size: 1.2rem;
line-height: 1.6;
    margin-bottom: 0rem!important;
font-weight:600;
}
.img-fluid2 {
  max-width: 75%;
  height: auto;
}
}

/* 極小デバイス（縦向きモバイル, 576px 未満）
============================================== */
@media (max-width: 575.98px) {
  footer nav ul.navbar-nav {
    display: block;
  }
  .img-size {
    width: 45px;
    margin-bottom: .5rem;
  }
.mb-3 {
    margin-bottom: 0rem!important;
}

.h2, h2 {
    font-size: 1rem;
}
.h1, h1 {
    font-size: 0.9rem;
line-height: 1.6;
    margin-bottom: 0rem!important;
font-weight:600;
}
.blog-post-meta{
    font-size: 0.8rem;
padding:0 1rem;
}


.h4, h4 {
  font-size: calc(1.175rem + .3vw);
  color: #c33e1e;
}

.text-success{
line-height: 1.5;
}

.py-3 {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
}

.img-fluid2 {
  max-width: 100%;
  height: auto;
}

}