/* utility.css v1.2 20250620 */

/* clearfix */
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

/* 文字詰めを自動調整する */
.util-palt {
  font-feature-settings: "palt";
}

/* 行を折り返さない */
.util-ws-nowrap {
  white-space: nowrap;
}

/* 罫線なし */
.util-border-none {
  border:none !important;
}

/* WordPress調整用 */
.util-inline-block{
  display: inline-block;
}

.util-fit-content{
  width: fit-content;
}

/* Margin Top
============================================================= */
.util-mt-none {
  margin-top: 0 !important;
}

.util-mt-xxs {
  margin-top: 10px !important;
}

.util-mt-xs {
  margin-top: 20px !important;
}

.util-mt-sm {
  margin-top: 40px !important;
}

.util-mt-md {
  margin-top: 80px !important;
}

.util-mt-lg {
  margin-top: 100px !important;
}

.util-mt-xl {
  margin-top: 120px !important;
}

.util-mt-xxl {
  margin-top: 140px !important;
}

/* Margin Bottom
============================================================= */
.util-mb-none {
  margin-bottom: 0 !important;
}

.util-mb-xxs {
  margin-bottom: 10px !important;
}

.util-mb-xs {
  margin-bottom: 20px !important;
}

.util-mb-sm {
  margin-bottom: 40px !important;
}

.util-mb-md {
  margin-bottom: 80px !important;
}

.util-mb-lg {
  margin-bottom: 100px !important;
}

.util-mb-xl {
  margin-bottom: 120px !important;
}

.util-mb-xxl {
  margin-bottom: 140px !important;
}

/* Max Width
============================================================= */
.util-mw-sm {
max-width:576px !important;
}

.util-mw-md {
  max-width:768px !important;
}

.util-mw-lg {
  max-width:992px !important;
}

.util-mw-xl {
  max-width:1200px !important;
}

.util-mw-xxl {
max-width:1400px !important;
}

 /* 段落
============================================================= */
.util-text {
  line-height: 1.8em;
  text-align: justify;
}

.util-text strong {
  font-weight: 700;
}

.util-text p:not(:first-child) {
  margin-top: .5em;
}

.util-text--fit-content {
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

.util-text--center {
  text-align: center;
}

/* フォントサイズ
============================================================= */
.util-fsz-xs {
  font-size:14px;
}

.util-fsz-sm {
  font-size:16px;
}

.util-fsz-md {
  font-size:18px;
}

.util-fsz-lg {
  font-size:22px;
}

.util-fsz-xl {
  font-size:28px;
}

.util-fsz-xxl {
  font-size:36px;
}

@media only screen and (max-width: 767.98px) {
  .util-fsz-xs {
    font-size:10px;
  }
  
  .util-fsz-sm {
    font-size:14px;
  }
  
  .util-fsz-md {
    font-size:16px;
  }
  
  .util-fsz-lg {
    font-size:18px;
  }
  
  .util-fsz-xl {
    font-size:22px;
  }
  
  .util-fsz-xxl {
    font-size:28px;
  }
}