@charset "UTF-8";
:root {
  --font-size-sm: 0.875rem;
  --font-size-base: clamp(0.875rem, 0.828rem + 0.23vw, 1rem);
  --font-size-md: clamp(1rem, 0.953rem + 0.23vw, 1.125rem);
  --font-size-lg: clamp(1.125rem, 1.078rem + 0.23vw, 1.25rem);
  --font-size-xl: clamp(1.25rem, 1.203rem + 0.23vw, 1.375rem);
  --font-size-xxl: clamp(1.25rem, 1.157rem + 0.47vw, 1.5rem);
  --font-size-xxxl: clamp(1.25rem, 1.017rem + 1.16vw, 1.875rem);
}

:root {
  --font-family-gothic: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --font-family-mincho: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  --font-family-english: "Roboto", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans",Meiryo,sans-serif;
  --font-family-marugo: "Zen Maru Gothic", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font-family-quicksand: "Quicksand", sans-serif;
}

:root {
  --root-padding-left: clamp(0.625rem, -0.428rem + 5.26vw, 3.125rem);
  --root-padding-right: clamp(0.625rem, -0.428rem + 5.26vw, 3.125rem);
  --root-padding-size: clamp(0.625rem, -0.428rem + 5.26vw, 3.125rem);
}

:root {
  --color-primary: #0054A6;
  --color-secondary: #f88419;
  --color-subtle: #F9F8F4;
  --color-contrast: #333;
  --color-cream: #fdf8ce;
  --color-gray: #595757;
  --color-dark-gray: #434343;
  --color-medium-gray: #b6b6b6;
  --color-light-gray: #eff4fa;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-red: #ff0000;
  --color-link: #0045da;
  --color-link-hover: #1d94ea;
  --color-yellow: #FFF33F;
  --color-sakura-pink: #EC7AAC;
  --color-coral-red: #E96C6F;
  --color-fresh-green: #8DC661;
  --color-tomato-red: #E83C38;
  --color-soft-purple: #B9ABD3;
  --color-sky-blue: #92B8E2;
  --color-mango-yellow: #F5A819;
  --color-pale-green: #A8D6B3;
  --color-light-orange: #FACA84;
  --color-expo-gray: #D2D7DA;
  --color-expo-blue: #0068B7;
  --color-expo-blue-dark: #00518F;
  --color-expo-red: #E60012;
  --color-expo-red-dark: #B2000E;
}

:root {
  --section-padding-top: clamp(1.875rem, 1.086rem + 3.95vw, 3.75rem);
  --section-padding-bottom: clamp(1.875rem, 1.086rem + 3.95vw, 3.75rem);
}

@page {
  size: A4; /* A4縦 */
  size: B4 landscape; /* B4 横向き */
  size: 210mm 297mm; /* 数値で指定 */
  margin: 1cm; /* 余白 */
}
.print-break {
  -webkit-column-break-before: page;
     -moz-column-break-before: page;
          break-before: page;
}

.print-none {
  display: none;
}

html {
  font-size: 8pt;
}

#header {
  position: relative;
  border-bottom: 1px solid #000;
  box-shadow: none;
}

#footer {
  display: none;
}

#content {
  padding-top: 0;
}

.inview_zoomIn,
.inview_zoomInUp,
.inview_fadeIn,
.inview_fadeInUp {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  translate: none;
  rotate: none;
  scale: none;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}

.p-secHero {
  padding: 1em 0;
  overflow: hidden;
}
.p-secHero__row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-secHero__row {
    flex-direction: row;
  }
}
.p-secHero__titleArea {
  width: 35%;
}
@media screen and (min-width: 768px) {
  .p-secHero__titleArea {
    width: 35%;
  }
}
.p-secHero__sliderArea {
  width: 65%;
}
@media screen and (min-width: 768px) {
  .p-secHero__sliderArea {
    width: 65%;
  }
}

.p-secAbout__illust {
  width: 60vw;
  margin: 0 auto;
}
.p-secAbout__box {
  flex-direction: row;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.p-secAbout__box__title {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  align-items: stretch;
}
.p-secAbout__box__row {
  gap: 30px;
  flex-direction: row;
  align-items: stretch;
}
.p-secAbout__box__imgArea {
  width: 14.5em;
}
.p-secAbout__box__name .katagaki {
  text-align: left;
}
.p-secAbout__box__name .name {
  text-align: left;
}

.p-secDep__cardList {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 15px;
}
.p-secDep__card {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  width: calc(50% - 15px);
  translate: none;
  rotate: none;
  scale: none;
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1;
}
.p-secDep__card__txtArea {
  display: block;
  height: auto !important;
}
.p-secDep__card__body {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  display: block;
}
.p-secDep__card__otherArea {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  display: block;
}
.p-secDep__card__txt {
  margin-bottom: inherit;
}

.c-staffCardList {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.c-staffCard {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  opacity: 1;
}

.googlemap {
  --aspect-ratio: 2 / 1;
}

/* =========================================================
プリント用グリッドシステム
========================================================= */
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-sm-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.push-sm-1 {
  left: 8.3333333333%;
}

.pull-sm-1 {
  right: 8.3333333333%;
}

.offset-sm-1 {
  margin-left: 8.3333333333%;
}

.col-sm-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.push-sm-2 {
  left: 16.6666666667%;
}

.pull-sm-2 {
  right: 16.6666666667%;
}

.offset-sm-2 {
  margin-left: 16.6666666667%;
}

.col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.push-sm-3 {
  left: 25%;
}

.pull-sm-3 {
  right: 25%;
}

.offset-sm-3 {
  margin-left: 25%;
}

.col-sm-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.push-sm-4 {
  left: 33.3333333333%;
}

.pull-sm-4 {
  right: 33.3333333333%;
}

.offset-sm-4 {
  margin-left: 33.3333333333%;
}

.col-sm-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.push-sm-5 {
  left: 41.6666666667%;
}

.pull-sm-5 {
  right: 41.6666666667%;
}

.offset-sm-5 {
  margin-left: 41.6666666667%;
}

.col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.push-sm-6 {
  left: 50%;
}

.pull-sm-6 {
  right: 50%;
}

.offset-sm-6 {
  margin-left: 50%;
}

.col-sm-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.push-sm-7 {
  left: 58.3333333333%;
}

.pull-sm-7 {
  right: 58.3333333333%;
}

.offset-sm-7 {
  margin-left: 58.3333333333%;
}

.col-sm-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.push-sm-8 {
  left: 66.6666666667%;
}

.pull-sm-8 {
  right: 66.6666666667%;
}

.offset-sm-8 {
  margin-left: 66.6666666667%;
}

.col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.push-sm-9 {
  left: 75%;
}

.pull-sm-9 {
  right: 75%;
}

.offset-sm-9 {
  margin-left: 75%;
}

.col-sm-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.push-sm-10 {
  left: 83.3333333333%;
}

.pull-sm-10 {
  right: 83.3333333333%;
}

.offset-sm-10 {
  margin-left: 83.3333333333%;
}

.col-sm-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.push-sm-11 {
  left: 91.6666666667%;
}

.pull-sm-11 {
  right: 91.6666666667%;
}

.offset-sm-11 {
  margin-left: 91.6666666667%;
}

.col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.push-sm-12 {
  left: 100%;
}

.pull-sm-12 {
  right: 100%;
}

.offset-sm-12 {
  margin-left: 100%;
}

.col-sm-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.push-md-1 {
  left: 8.3333333333%;
}

.pull-md-1 {
  right: 8.3333333333%;
}

.offset-md-1 {
  margin-left: 8.3333333333%;
}

.col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.push-md-2 {
  left: 16.6666666667%;
}

.pull-md-2 {
  right: 16.6666666667%;
}

.offset-md-2 {
  margin-left: 16.6666666667%;
}

.col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.push-md-3 {
  left: 25%;
}

.pull-md-3 {
  right: 25%;
}

.offset-md-3 {
  margin-left: 25%;
}

.col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.push-md-4 {
  left: 33.3333333333%;
}

.pull-md-4 {
  right: 33.3333333333%;
}

.offset-md-4 {
  margin-left: 33.3333333333%;
}

.col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.push-md-5 {
  left: 41.6666666667%;
}

.pull-md-5 {
  right: 41.6666666667%;
}

.offset-md-5 {
  margin-left: 41.6666666667%;
}

.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.push-md-6 {
  left: 50%;
}

.pull-md-6 {
  right: 50%;
}

.offset-md-6 {
  margin-left: 50%;
}

.col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.push-md-7 {
  left: 58.3333333333%;
}

.pull-md-7 {
  right: 58.3333333333%;
}

.offset-md-7 {
  margin-left: 58.3333333333%;
}

.col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.push-md-8 {
  left: 66.6666666667%;
}

.pull-md-8 {
  right: 66.6666666667%;
}

.offset-md-8 {
  margin-left: 66.6666666667%;
}

.col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.push-md-9 {
  left: 75%;
}

.pull-md-9 {
  right: 75%;
}

.offset-md-9 {
  margin-left: 75%;
}

.col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.push-md-10 {
  left: 83.3333333333%;
}

.pull-md-10 {
  right: 83.3333333333%;
}

.offset-md-10 {
  margin-left: 83.3333333333%;
}

.col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.push-md-11 {
  left: 91.6666666667%;
}

.pull-md-11 {
  right: 91.6666666667%;
}

.offset-md-11 {
  margin-left: 91.6666666667%;
}

.col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.push-md-12 {
  left: 100%;
}

.pull-md-12 {
  right: 100%;
}

.offset-md-12 {
  margin-left: 100%;
}

.col-md-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-lg-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.push-lg-1 {
  left: 8.3333333333%;
}

.pull-lg-1 {
  right: 8.3333333333%;
}

.offset-lg-1 {
  margin-left: 8.3333333333%;
}

.col-lg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.push-lg-2 {
  left: 16.6666666667%;
}

.pull-lg-2 {
  right: 16.6666666667%;
}

.offset-lg-2 {
  margin-left: 16.6666666667%;
}

.col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.push-lg-3 {
  left: 25%;
}

.pull-lg-3 {
  right: 25%;
}

.offset-lg-3 {
  margin-left: 25%;
}

.col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.push-lg-4 {
  left: 33.3333333333%;
}

.pull-lg-4 {
  right: 33.3333333333%;
}

.offset-lg-4 {
  margin-left: 33.3333333333%;
}

.col-lg-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.push-lg-5 {
  left: 41.6666666667%;
}

.pull-lg-5 {
  right: 41.6666666667%;
}

.offset-lg-5 {
  margin-left: 41.6666666667%;
}

.col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.push-lg-6 {
  left: 50%;
}

.pull-lg-6 {
  right: 50%;
}

.offset-lg-6 {
  margin-left: 50%;
}

.col-lg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.push-lg-7 {
  left: 58.3333333333%;
}

.pull-lg-7 {
  right: 58.3333333333%;
}

.offset-lg-7 {
  margin-left: 58.3333333333%;
}

.col-lg-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.push-lg-8 {
  left: 66.6666666667%;
}

.pull-lg-8 {
  right: 66.6666666667%;
}

.offset-lg-8 {
  margin-left: 66.6666666667%;
}

.col-lg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.push-lg-9 {
  left: 75%;
}

.pull-lg-9 {
  right: 75%;
}

.offset-lg-9 {
  margin-left: 75%;
}

.col-lg-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.push-lg-10 {
  left: 83.3333333333%;
}

.pull-lg-10 {
  right: 83.3333333333%;
}

.offset-lg-10 {
  margin-left: 83.3333333333%;
}

.col-lg-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.push-lg-11 {
  left: 91.6666666667%;
}

.pull-lg-11 {
  right: 91.6666666667%;
}

.offset-lg-11 {
  margin-left: 91.6666666667%;
}

.col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.push-lg-12 {
  left: 100%;
}

.pull-lg-12 {
  right: 100%;
}

.offset-lg-12 {
  margin-left: 100%;
}

.col-lg-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-xl-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.push-xl-1 {
  left: 8.3333333333%;
}

.pull-xl-1 {
  right: 8.3333333333%;
}

.offset-xl-1 {
  margin-left: 8.3333333333%;
}

.col-xl-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.push-xl-2 {
  left: 16.6666666667%;
}

.pull-xl-2 {
  right: 16.6666666667%;
}

.offset-xl-2 {
  margin-left: 16.6666666667%;
}

.col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.push-xl-3 {
  left: 25%;
}

.pull-xl-3 {
  right: 25%;
}

.offset-xl-3 {
  margin-left: 25%;
}

.col-xl-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.push-xl-4 {
  left: 33.3333333333%;
}

.pull-xl-4 {
  right: 33.3333333333%;
}

.offset-xl-4 {
  margin-left: 33.3333333333%;
}

.col-xl-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.push-xl-5 {
  left: 41.6666666667%;
}

.pull-xl-5 {
  right: 41.6666666667%;
}

.offset-xl-5 {
  margin-left: 41.6666666667%;
}

.col-xl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.push-xl-6 {
  left: 50%;
}

.pull-xl-6 {
  right: 50%;
}

.offset-xl-6 {
  margin-left: 50%;
}

.col-xl-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.push-xl-7 {
  left: 58.3333333333%;
}

.pull-xl-7 {
  right: 58.3333333333%;
}

.offset-xl-7 {
  margin-left: 58.3333333333%;
}

.col-xl-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.push-xl-8 {
  left: 66.6666666667%;
}

.pull-xl-8 {
  right: 66.6666666667%;
}

.offset-xl-8 {
  margin-left: 66.6666666667%;
}

.col-xl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.push-xl-9 {
  left: 75%;
}

.pull-xl-9 {
  right: 75%;
}

.offset-xl-9 {
  margin-left: 75%;
}

.col-xl-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.push-xl-10 {
  left: 83.3333333333%;
}

.pull-xl-10 {
  right: 83.3333333333%;
}

.offset-xl-10 {
  margin-left: 83.3333333333%;
}

.col-xl-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.push-xl-11 {
  left: 91.6666666667%;
}

.pull-xl-11 {
  right: 91.6666666667%;
}

.offset-xl-11 {
  margin-left: 91.6666666667%;
}

.col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.push-xl-12 {
  left: 100%;
}

.pull-xl-12 {
  right: 100%;
}

.offset-xl-12 {
  margin-left: 100%;
}

.col-xl-auto {
  flex: 0 0 auto;
  width: auto;
}