@charset "utf-8";

/* CSS Document */

.sw-main{
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  }
  .sec-head{margin-bottom: 10px;}
    .sec-head_ttl{
      font-size: var(--fontsize-xxxlrg);
      font-weight: bold;
      letter-spacing: 0.1em;
      }

.sw-breadcrumb{margin-bottom: 30px;}
  .breadcrumb-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    }
    .breadcrumb-item{
      display: flex;
      font-size: var(--fontsize-xxsml);
      }
    .breadcrumb-item:not(:last-of-type)::after{
      content: ">";
      margin-right: 0.5em;
      margin-left: 0.5em;
      }
      .current-item{
        font-size: var(--fontsize-xxsml);
        color: var(--color-White);
        }
        .breadcrumb-list span[itemprop="name"] {
          display: inline-block;
          max-width: 100px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          }


.sw-wrap{
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 150px;
  }

@media screen and (max-width: 1400px) {}/* max-width: 1400px */
@media screen and (max-width: 1200px) {}/* max-width: 1200px */
@media screen and (max-width: 992px) {}/* max-width: 992px */
@media screen and (max-width: 768px) {

.sec-head_ttl{font-size: var(--fontsize-xxlrg);}

}/* max-width: 768px */

@media screen and (max-width: 576px) {

.sw-main{
  padding-right: 20px;
  padding-left: 20px;
  }
  .sec-head{margin-bottom: 30px;}
  .sec-head_ttl{font-size: var(--fontsize-xlrg);}
  .sw-breadcrumb{display: none;}
  .sw-wrap{
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 100px;
    }

}/* max-width: 576px */

@media screen and (max-width: 476px) {}/* max-width: 476px */