@charset 'utf-8';



.sample img{width:100%;height:auto;vertical-align:middle;line-height:1}
/**
 * ベースカラー設定
 */

/**
 * 共通スタイル
 */
.l-wrapper {
  padding-bottom: 50px;
}

.c-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding: 0 15px;
}

.l-header-inner {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
}

.l-header-logo,
.l-header-logo a { font-size: 2.0rem; text-decoration: none; }
.l-header-logo a:hover { text-decoration: underline; color: #2196f3; }

@media (min-width: 1024px) {
  .l-header-logo,
  .l-header-logo a { font-size: 3.2rem; }
}

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

.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; }
}