@charset 'utf-8';

*,::after,::before{box-sizing:border-box}


/**
 * 共通スタイル
 */

.c-container {
  position: relative;
  margin: 0 auto;
  max-width: 910px;
  padding: 0;
	margin-bottom: 80px;
}
.c-container img{width:100%;height:auto;vertical-align:middle;line-height:1}


/**
 * ユーティリティー
 */

.u-fs-10 { font-size: 10px !important; }
.u-fw-b, .bold { font-weight: 700 !important; }
.u-ta-r, .tright, .t-right { text-align: right !important; }
.u-ta-l, .tleft, .t-left { text-align: left !important; }
.u-ta-c, .tcenter, .t-center { text-align: center !important; }

.u-lh-1 { line-height: 1 !important; }
.u-lh-xs { line-height: 1.2 !important; }
.u-lh-sm { line-height: 1.4 !important; }
.u-lh-md { line-height: 1.8 !important; }
.u-lh-lg { line-height: 2.0 !important; }
.u-lh-xl { line-height: 2.2 !important; }

.u-d-n,
.u-d-n-xs { display: none !important; }

.u-d-i,
.u-d-i-xs { display: inline !important; }

.u-d-b,
.u-d-b-xs { display: block !important; }

.u-mt-xs, .s-mt1em { margin-top: 1em !important; }
.u-mb-sm, .u-mb1em { margin-bottom: 1em !important; }
.u-mb-md, .u-mb15em { margin-bottom: 1.5em !important; }
.u-mb-lg, .u-mb2em { margin-bottom: 2.0em !important; }
.u-mb-xl, .u-mb3em { margin-bottom: 3.0em !important; }
.u-mb15 { margin-bottom: 15px !important; }
.u-mb20 { margin-bottom: 20px !important; }
.u-mb30 { margin-bottom: 30px !important; }
.u-mb40 { margin-bottom: 40px !important; }
.u-mb50 { margin-bottom: 50px !important; }

@media (min-width: 544px) {
  .u-d-n-sm { display: none !important; }
  .u-d-i-sm { display: inline !important; }
  .u-d-b-sm { display: block !important; }
}

@media (min-width: 768px) {
  .u-d-n-md { display: none !important; }
  .u-d-i-md { display: inline !important; }
  .u-d-b-md { display: block !important; }
}

@media (min-width: 992px) {
  .u-d-n-lg { display: none !important; }
  .u-d-i-lg { display: inline !important; }
  .u-d-b-lg { display: block !important; }
}

@media (min-width: 1200px) {
  .u-d-n-xl { display: none !important; }
  .u-d-i-xl { display: inline !important; }
  .u-d-b-xl { display: block !important; }
}



.sample {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  .sample {
    padding: 0;
  }
}


@media (min-width: 920px) {
  .sample05 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .sample05 .swiper-slide {
    width: 33.33%;
    padding: 5px;
  }
  .sample05 .swiper-button-prev,
  .sample05 .swiper-button-next,
  .sample05 .swiper-pagination {
    display: none;
  }
}

.swiper-button-prev,
.swiper-button-next {
  fill: #fff;
  stroke: none;
  stroke-width: 0;
  z-index: 10000;
  width: 20px;
  margin-top: -18px;
  background-image: none;
}

.swiper-pagination-bullet-active {
  background: #fff;
}