@charset 'UTF-8';
html,body{
  overflow-x:hidden;
}

/* Foundation
  基本スタイル
   ========================================================================== */

* {
  outline: none;
}
body {
  min-width: 320px;
}
body,
a {
  color: #333;
}
a,
a * {
  transition: all .2s;
}
img {
  max-width: 100%;
}
strong {
  color: inherit;
}

main h2,
main .h2 {
  font-size: 24px;
  margin-bottom: .75em;
}
main h3,
main .h3 {
  font-size: 20px;
  margin-bottom: .4em;
}
main h4,
main .h4 {
  font-size: 18px;
  margin-bottom: .4em;
}
main h5,
main h6,
main .h5,
main .h6 {
  font-size: 16px;
  margin-bottom: .4em;
}

/* Layout
 * 各ページ共通レイアウト
   ========================================================================== */

.main-contents {
  position: relative;
  background: #fff;
}
.l-container {
  max-width: 922px;
  margin: 0 auto !important;
}
.l-container--padding {
  padding: 6.8% 0;
}
.l-container--padding>div,
.l-container--padding>p,
.l-container--padding>ul,
.l-container--padding>ol,
.l-container--padding>table {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1099px) {
  .l-container--padding {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/*
   アイキャッチ
   -------------------------------------------------- */

.l-eyecatch {
  position: relative;
  overflow: hidden;
  text-align: center;
  background: #eee;
}
.l-eyecatch img {
  margin: auto;
}
.l-eyecatch h1 {
  line-height: 1.2;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 100%;
  margin: auto;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.l-eyecatch h1 span {
  border-bottom: 1px solid #fff;
  text-shadow: 0 0 5px #000;
}

/*
 * 開閉ボタン
 */

#l-nav__btn {
  position: relative;
  height: 4.3rem;
  cursor: pointer;
}
#l-nav__btn,
#l-nav__btn span {
  display: inline-block;
}



/* ラベルテキスト */

.l-nav__btn__txt {
  font-size: 70%;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  text-align: center;
}



/* Object - Component
 * 汎用的なパーツ
   ========================================================================== */


/*
  リード文
  -------------------------------------------------- */

.c-lead {
  line-height: 2.2;
}
@media only screen and (max-width: 480px) {
  .c-lead.u-ta-c {
    text-align: left !important;
  }
  .c-lead.u-ta-c br {
    display: none;
  }
}

/*
  リンク
  -------------------------------------------------- */

.c-link--newwindow::after {
  margin-left: 5px;
  content: url(http://www.fujitsu.com/jp/resources/design/stylesheets/images/icons/icon-newwindow.gif);
}
.c-link--pdf::after {
  margin-left: 5px;
  vertical-align:middle;
  content: url(http://www.fujitsu.com/jp/resources/design/stylesheets/images/icons/icon-pdf.gif);
}

/*
   画像
   -------------------------------------------------- */

.c-img--border {
  border: 1px solid #cacac7;
  background: #fff;
}

/*
   見出し
   -------------------------------------------------- */


/*
 * 下線
 */

.c-heading--line {
  font-size: 1.5em;
  max-width: 922px;
  margin: 0 auto 2em;
  text-align: center;
  color: #000;
  border-bottom: 1px solid #87867e;
}
.c-heading--line span {
  display: inline-block;
  border-bottom: 3px solid #87867e;
}

/*
 * ○マーク
 */

.c-heading--disc {
  margin-bottom: 1em;
}
.c-heading--disc:before {
  font-size: 1.25em;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  margin-right: .5em;
  content: '';
  vertical-align: middle;
  border: .25em solid #b94044;
  border-radius: .7em;
}
.c-heading--disc--gry:before {
  border-color: #9c9b94;
}

/*
 * 赤字＋左線
 */

.c-heading--accent {
  margin-bottom: 1em;
  padding-left: .5em;
  color: #a20a19;
  border-left: 3px solid #a20a19;
}

/*
   表
   -------------------------------------------------- */

.c-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #87867e;
}
.c-table td,
.c-table th {
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
  border: 1px solid #87867e;
}
.c-table thead {
	color: #666;
	background: #f3f3f3;
}
.c-table tr td:nth-child(2){
  width:30%;
}

@media only screen and (max-width: 480px) {
  .c-table{ border:none;}
  .c-table thead td,
  .c-table thead th {
    display: none;
  }
  .c-table td,
  .c-table th {
    display: block;
	border:none;
	padding:0 0 0.3em;
  }
}

/*
   リスト
   -------------------------------------------------- */

.c-list--disc li {
  position: relative;
  display: table;
  margin-bottom: .5em;
  padding-left: 15px;
}
.c-list--disc.u-ta-c {
  margin-bottom: 50px;
}
.c-list--disc.u-ta-c li {
  display: table;
  margin: 0 auto 0.5em;
}
.c-list--disc li:before {
  position: absolute;
  top: .6em;
  /* left: 0; */
  left: -5px;
  /* display: block; */
  display: table-cell;
  width: 6px;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-color: #333;
}
.c-list--notice li {
  position: relative;
  margin-bottom: .5em;
  padding-left: 1em;
}
.c-list--notice li:before {
  position: absolute;
  left: 0;
  display: block;
  content: '※';
}
.c-list--disc-inline li {
  position: relative;
  display: inline-block;
  margin-bottom: .5em;
  padding-left: 15px;
}
.c-list--disc-inline li:before {
  position: absolute;
  top: .6em;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-color: #333;
}

/*
   動画
   -------------------------------------------------- */

.c-movie {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding-top: 45%;
}
.c-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*
   グリッドシステム（12分割）
   -------------------------------------------------- */

.c-grid {
  display: flex;
  width: calc(100% + 20px);
  margin-left: -10px;
  flex-wrap: wrap;
}
.c-grid>div {
  overflow: hidden;
  padding: 10px;
}
.c-grid--nogutter>div {
  padding: 0;
}
.c-grid__col--01 {
  max-width: 8.33%;
  flex-grow: 1;
}
.c-grid__col--02 {
  max-width: 16.66%;
  flex-grow: 2;
}
.c-grid__col--03 {
  max-width: 25%;
  flex-grow: 3;
}
.c-grid__col--04 {
  max-width: 33.33%;
  flex-grow: 4;
}
.c-grid__col--05 {
  max-width: 41.66%;
  flex-grow: 5;
}
.c-grid__col--06 {
  max-width: 50%;
  flex-grow: 6;
}
.c-grid__col--07 {
  max-width: 58.33%;
  flex-grow: 7;
}
.c-grid__col--08 {
  max-width: 66.66%;
  flex-grow: 8;
}
.c-grid__col--09 {
  max-width: 75%;
  flex-grow: 9;
}
.c-grid__col--10 {
  max-width: 83.33%;
  flex-grow: 10;
}
.c-grid__col--11 {
  max-width: 91.66%;
  flex-grow: 11;
}
.c-grid__col--12 {
  max-width: 100%;
  flex-grow: 12;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .c-grid>div {
    max-width: 50%;
  }
  .c-grid>.c-grid__col--12 {
    max-width: 100%;
  }
  .c-grid .c-grid>div {
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .c-grid>div {
    max-width: 100%;
  }
}

/*
   ボタン
   -------------------------------------------------- */

.c-btn {
  display: inline-block;
  min-width: 10em;
  padding: .25em 1.5em !important;
  text-decoration: none;
  border: 1px solid #a30b1a;
  background-color: #fff;
}
.c-btn:hover {
  color: #fff;
  background-color: #f6cfd3;
}
.c-btn--large {
  font-size: 1.125em;
  padding: 1.125em 2em;
}
.c-btn--arrow::after {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  margin-left: .25em;
  content: '';
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
}
.c-btn--dl {
  padding-right: calc(2.5em + 34px);
  background: #fff url(../img/system/icon_download.png) no-repeat right center;
  background-position: calc(100% - 34px) center;
}

.c-btn-a {
  color: #fff;
}
.c-btn-a > a {
  box-content: border-box;
  display: block;
  border: 3px solid #fff;
  padding: 15px;
}
.c-btn-a > a,
.c-btn-a > a:link,
.c-btn-a > a:hover,
.c-btn-a > a:active {
  text-decoration: none;
  color: #fff;
}
.c-btn-a strong {
  display: block;
  font-size: 2rem;
}


/*
   ボックス
   -------------------------------------------------- */

.c-box {
  height: 100%;
  padding: 1.5em;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.c-box--primary {
  border-color: #b22b30;
}
.c-box--bg {
  background: #eee;
}
.c-box--bg2 {
  margin: 3em auto 0 !important;
  padding: 1em;
  background: #eee;
  width: 70%;
}
/*
   ホバーボックス
   -------------------------------------------------- */

.c-hover {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
}
.c-hover img {
  display: block;
  width: 100%;
}
.c-hover__body {
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
}
.c-hover__ttl,
.c-hover__desc {
  position: absolute;
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  background: rgba(0, 0, 0, .75);
}
.c-hover__ttl {
  bottom: 0;
  padding: .5em;
  text-align: center;
}
.c-hover:hover .c-hover__ttl {
  display: none;
}
.c-hover__desc {
  font-size: .6em;
  top: 100%;
  height: 100%;
  padding: 1em;
}
.c-hover:hover .c-hover__desc {
  top: 0;
}

/*
 * タイトル位置固定
 */

.c-hover--fixed:hover {
  opacity: .6;
}
.c-hover--fixed:hover .c-hover__ttl {
  display: block;
}
.c-hover--fixed:hover .c-hover__desc {
  top: 100%;
}

/*
   【js】モーダル
   -------------------------------------------------- */

#js-modal-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, .5);
}
#js-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 90%;
  max-width: 850px;
  max-height: 90%;
  margin: auto;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 0 15px #333;
}
#js-modal>div {
  overflow-y: scroll;
  height: 100%;
}
.js-modal-open {
  overflow: hidden;
}
#js-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 10%;
  max-width: 90px;
  cursor: pointer;
}

/*
   【js】タブ
   -------------------------------------------------- */

.c-tab {
  display: flex;
}
.c-tab__nav {
  font-size: 1.25em;
  width: 20%;
  padding: 1em 0;
  text-align: right;
  border-right: 1px solid #999;
}
.c-tab__nav a {
  display: block;
  margin-right: -1px;
  padding: .5em 1em;
  text-decoration: none;
  border-right: 1px solid #999;
}
.c-tab__nav a.js-active {
  font-weight: bold;
  color: #a20a19;
  border: 1px solid #999;
  border-right-color: #fff;
  background: #fff;
}
.c-tab__panels {
  width: 80%;
  padding: 1em 2em;
  background: #fff;
}
.c-tab__panel h2,
.c-tab__panel h3,
.c-tab__panel h4,
.c-tab__panel h5,
.c-tab__panel h6 {
  font-size: 1.375em;
  margin-bottom: 1em;
  padding-left: .5em;
  border-left: 3px solid #a20a19;
}
@media only screen and (max-width: 768px) {
  .c-tab {
    display: block;
  }
  .c-tab__nav,
  .c-tab__panels {
    width: 100%;
  }
  .c-tab__nav {
    padding-top: 0;
    text-align: center;
    border-right: none;
  }
  .c-tab__nav a {
    margin-right: 0;
    border: none;
  }
  .c-tab__nav a.js-active {
    border-right-color: #999;
  }
}

/*
 * お知らせタブ調整
 */

/* 左メニュー調整、タブ内にニュースが入ったときの折り返り調整 */

.tab-d.tab-d--news .tabs-d {
  flex: 1;
}

@media only screen and (max-width: 1200px) {
  .tab-d.tab-d--news .tabs-d .list-news-a .news-content {
      display: block;
      padding: 20px 10px;
  }
  .tab-d.tab-d--news .tabs-d .list-news-a .news-content>*+* {
      margin-left: 0;
      margin-top: 4px;
  }
}

/* Object - Project
 * 特定用途のためのパーツ
   ========================================================================== */

/*
   トップページ
   -------------------------------------------------- */


/*
 * カルーセル
 */

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 999;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  margin: auto;
}
.slick-prev {
  left: 20px;
  transform: rotate(-45deg);
  border-top: 3px solid #666;
  border-left: 3px solid #666;
}
.slick-next {
  right: 20px;
  transform: rotate(45deg);
  border-top: 3px solid #666;
  border-right: 3px solid #666;
}

/*
 * ページ内リンク
 */

.p-topnav {
  position: relative;
  z-index: 999;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.p-topnav li {
  display: inline-block;
  width: 12.73%;
  min-width: 70px;
  max-width: 163px;
  margin: 0 2%;
}
.p-topnav a {
  display: block;
  margin-top: -50%;
  border-radius: 50%;
}
.p-topnav a:hover {
  transform: scale(1.15);
  background: #fff;
}
.p-topnav a img {
  width: 100%;
}
.p-topnav a:hover img {
  opacity: .5;
}
@media only screen and (max-width: 480px) {
  .p-topnav li {
    margin: 0;
  }
}

/*
 * 背景模様
 */

.p-particle {
  margin: 0 !important;
}
.p-particle canvas {
  position: absolute;
  z-index: 0;
}
.p-particle__inner {
  position: relative;
  z-index: 1;
}

/*
 * 新着情報
 */

.p-updates {
  margin: 3em auto 0 !important;
  padding: 1em;
  background: #f3f3f3;
}
.p-updates h2 {
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  width: 115px;
  text-align: right;
  color: #a20a19;
}
.p-updates .c-datelist {
  font-size: .875em;
  overflow-y: auto;
  max-height: 5em;
  margin-left: 130px;
  padding-left: 1em;
  border-left: 1px solid #666;
}
@media only screen and (max-width: 480px) {
  .p-updates h2 {
    position: static;
    margin-bottom: 0;
    text-align: left;
  }
  .p-updates .c-datelist {
    margin-left: 0;
    border-left: none;
  }
}

/*
 * お問い合わせ
 */

#contact {
}

/*
 * タブ背景
 */
 
.tab-a .lists.background-01 {
	background: url(/jp/imagesgig5/tab-bg_tcm102-3743477_tcm102-2750236-32.png) ;
}

/*
 * ページ内リンクナビ （うまくいってない）
 */
.nav-b.diff-flex ul{
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.nav-b.diff-flex ul>li {
    width: 100%;
}
.nav-b.diff-flex ul>li:nth-child(1)::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 1px;
    height: 32px;
    margin-top: -16px;
    background: #b1b1ac;
}
@media only screen and (max-width: 767px) {
	.nav-b.diff-flex ul{
		display: block;
	}
	.nav-b.diff-flex ul>li {
		width: auto;
	}
	.nav-b.diff-flex ul>li:nth-child(1)::after {
		display: none;
	}
}

/*
 * リンク一覧装飾（lyt-idx-bの赤）
 */
.lyt-idx-b.diff-red a {
    border: 1px solid #a30b1a;
}
.lyt-idx-b.diff-red .text-box .title{
    color: #a30b1a !important;
}

/*
 * お問い合わせ・資料請求2カラム
 */
.list-contact-a.diff-equality.diff-col2>li {
    width: 50%;
}
@media only screen and (max-width: 767px) {
	.list-contact-a.diff-equality.diff-col2>li {
		width: 100%;
	}
}

/*
 * おすすめソリューション（20180629追加）
 */
.main-contents .section.solution-col .section-inner{
	padding-top: 56px !important;
}
.section.solution-col.solution-sub{
	background:#dad9d6 URL(/jp/imagesgig5/ptn_solution_tcm102-3870437_tcm102-2750236-32.gif);
}
.section.solution-col li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	font-size:1.4rem;
}
.section.solution-col .solution-box{
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
  flex-flow: column;
	width:100%;
	background: #ffffff;
}
.section.solution-col .solution-box img{
	width: 100%;
	max-width:309px;
	height: auto;
}
.section.solution-col .title{
	background: #3c3b36;
	color: #fff;
	padding:10px;
	margin: 0;
	font-size:1.4rem;
  width: 100%;
  box-sizing: border-box;
}
.section.solution-col.solution-sub .title{
	background: #ffffff;
	color: #000;
}
.section.solution-col p{
	padding: 16px;
}
.section.solution-col.solution-sub p{
	padding-top:0;
}
.section.solution-col .item-btn-a{
	width: 100%;
	margin-bottom:34px;
  align-self: flex-end;
}
.section.solution-col .item-btn-a li{
	padding:0 !important;
}
.section.solution-col a.btn-a{
	border: 1px solid #a30b1a;
}
.section.solution-col .btn-a{
	padding:8px 22px;
	width: 70%;
	margin:0 auto;
}
.section.solution-col.solution-sub .btn-a{
	width: 90%;
}
.section.solution-col .item-btn-a li + li .btn-a{
	margin-top:10px;
}
.section.solution-col .btn-a::before{
	content: normal;
}

.section.solution-col li .solution-box-titlewrap {
  min-height: 0%;
}
.section.solution-col li .solution-box-text {
  display: flex;
  flex-wrap: wrap;
  flex: 1 0 auto;
}

ul.cp-lyt-idx-a {
    display: flex;
    justify-content: space-between;
    max-width: 1102px;
    margin: 0 auto;
}
ul.cp-lyt-idx-a li {
    max-width: 309px;
    width: 28vw;
}

@media only screen and (max-width: 767px) {
    .section.solution-col .lyt-idx-b .solution-box img {
      position: absolute;
      max-width: 120px;
      left: 0;
    }
    .section.solution-col .lyt-idx-b .solution-box {
      padding-left: 128px;
      background: inherit;
      display: block;
    }
    .section.solution-col .lyt-idx-b li .solution-box-text {
      display: block;
    }
    .section.solution-col .lyt-idx-b p {
      padding: 16px 0 0 0;
    }
    .section.solution-col .lyt-idx-b .item-btn-a {
      align-self: auto;
    }
}

@media only screen and (max-width: 480px) {
    ul.cp-lyt-idx-a {
        flex-wrap: wrap;
        max-width: 100%;
        width: 309px;
    }
    ul.cp-lyt-idx-a li {
        max-width: 100%;
        width: 100%;
    }
    ul.cp-lyt-idx-a > li {
        margin-bottom: 16px;
    }
    ul.cp-lyt-idx-a > li:last-child {
        margin-bottom: 0;
    }
}

/*
 * パネル ボーダー＋画像可変
 */
 .lyt-panel-a.diff-computing-a .panels {
  border: 1px solid #ccc;
 }
 .lyt-panel-a.diff-computing-a .panel-visual {
   width: auto;
 }
 .lyt-panel-a.diff-computing-a .panel-content {
  flex: 1;
  width: auto;
 }
 @media only screen and (max-width: 768px) {
  .lyt-panel-a.diff-computing-a .panel-content {
    flex: auto;
  }
 }
 .lyt-panel-a.diff-computing-a .panel-content .panel-content-hdg {
  margin-bottom: 16px;
 }

/* Object - Utility
 * 各種ヘルパークラス
   ========================================================================== */
/*! Emma.u-css 0.11.0 | MIT License | https://git.u-io/emma */
.u-pos-s { position: static !important; }
.u-pos-r { position: relative !important; }
.u-pos-a { position: absolute !important; }
.u-pos-sk { position: sticky !important; }
.u-pos-f { position: fixed !important; }
.u-t-a { top: auto !important; }
.u-t0 { top: 0 !important; }
.u-t100p { top: 100% !important; }
.u-r-a { right: auto !important; }
.u-r0 { right: 0 !important; }
.u-r100p { right: 100% !important; }
.u-b-a { bottom: auto !important; }
.u-b0 { bottom: 0 !important; }
.u-b100p { bottom: 100% !important; }
.u-l-a { left: auto !important; }
.u-l0 { left: 0 !important; }
.u-l100p { left: 100% !important; }
.u-z-a { z-index: auto !important; }
.u-z0 { z-index: 0 !important; }
.u-z1 { z-index: 1 !important; }
.u-z2 { z-index: 2 !important; }
.u-z3 { z-index: 3 !important; }
.u-z4 { z-index: 4 !important; }
.u-z5 { z-index: 5 !important; }
.u-z6 { z-index: 6 !important; }
.u-z9999 { z-index: 9999 !important; }
.u-d-i { display: inline !important; }
.u-d-n { display: none !important; }
.u-d-b { display: block !important; }
.u-d-ib { display: inline-block !important; }
.u-d-fx { display: flex !important; }
.u-d-ifx { display: inline-flex !important; }
.u-d-tb { display: table !important; }
.u-d-itb { display: inline-table !important; }
.u-d-tbhg { display: table-header-group !important; }
.u-d-tbfg { display: table-footer-group !important; }
.u-d-tbrg { display: table-row-group !important; }
.u-d-tbr { display: table-row !important; }
.u-d-tbc { display: table-cell !important; }
.u-d-li { display: list-item !important; }
.u-d-ih { display: inherit !important; }
.u-v-v { visibility: visible !important; }
.u-v-h { visibility: hidden !important; }
.u-v-c { visibility: collapse !important; }
.u-ov-v { overflow: visible !important; }
.u-ov-h { overflow: hidden !important; }
.u-ov-s { overflow: scroll !important; }
.u-ov-a { overflow: auto !important; }
.u-ovx-v { overflow-x: visible !important; }
.u-ovx-h { overflow-x: hidden !important; }
.u-ovx-s { overflow-x: scroll !important; }
.u-ovx-a { overflow-x: auto !important; }
.u-ovy-v { overflow-y: visible !important; }
.u-ovy-h { overflow-y: hidden !important; }
.u-ovy-s { overflow-y: scroll !important; }
.u-ovy-a { overflow-y: auto !important; }
.u-bxz-cb { box-sizing: content-box !important; }
.u-bxz-bb { box-sizing: border-box !important; }
.u-tbl-a { table-layout: auto !important; }
.u-tbl-f { table-layout: fixed !important; }
.u-fxd-r { flex-direction: row !important; }
.u-fxd-rr { flex-direction: row-reverse !important; }
.u-fxd-c { flex-direction: column !important; }
.u-fxd-cr { flex-direction: column-reverse !important; }
.u-fxw-n { flex-wrap: nowrap !important; }
.u-fxw-w { flex-wrap: wrap !important; }
.u-fxw-wr { flex-wrap: wrap-reverse !important; }
.u-jc-fs { justify-content: flex-start !important; }
.u-jc-fe { justify-content: flex-end !important; }
.u-jc-c { justify-content: center !important; }
.u-jc-sb { justify-content: space-between !important; }
.u-jc-sa { justify-content: space-around !important; }
.u-ai-fs { align-items: flex-start !important; }
.u-ai-fe { align-items: flex-end !important; }
.u-ai-c { align-items: center !important; }
.u-ai-b { align-items: baseline !important; }
.u-ai-s { align-items: stretch !important; }
.u-ac-fs { align-content: flex-start !important; }
.u-ac-fe { align-content: flex-end !important; }
.u-ac-c { align-content: center !important; }
.u-ac-sb { align-content: space-between !important; }
.u-ac-sa { align-content: space-around !important; }
.u-ac-s { align-content: stretch !important; }
.u-ord0 { order: 0 !important; }
.u-ord1 { order: 1 !important; }
.u-ord2 { order: 2 !important; }
.u-ord3 { order: 3 !important; }
.u-ord4 { order: 4 !important; }
.u-ord5 { order: 5 !important; }
.u-ord6 { order: 6 !important; }
.u-ord9999 { order: 9999 !important; }
.u-ord-1 { order: -1 !important; }
.u-fx0-1-a { flex: 0 1 auto !important; }
.u-fx1-0-a { flex: 1 0 auto !important; }
.u-fx1-1-a { flex: 1 1 auto !important; }
.u-fx0-0-a { flex: 0 0 auto !important; }
.u-fx-n { flex: none !important; }
.u-fx1-0-0 { flex: 1 0 0% !important; }
.u-fx0-0-100p { flex: 0 0 100% !important; }
.u-fxg0 { flex-grow: 0 !important; }
.u-fxg1 { flex-grow: 1 !important; }
.u-fxg2 { flex-grow: 2 !important; }
.u-fxg3 { flex-grow: 3 !important; }
.u-fxs0 { flex-shrink: 0 !important; }
.u-fxs1 { flex-shrink: 1 !important; }
.u-fxs2 { flex-shrink: 2 !important; }
.u-fxs3 { flex-shrink: 3 !important; }
.u-fxb-a { flex-basis: auto !important; }
.u-fxb0 { flex-basis: 0 !important; }
.u-fxb1 { flex-basis: 1px !important; }
.u-fxb1p { flex-basis: 1% !important; }
.u-fxb5p { flex-basis: 5% !important; }
.u-fxb10p { flex-basis: 10% !important; }
.u-fxb15p { flex-basis: 15% !important; }
.u-fxb20p { flex-basis: 20% !important; }
.u-fxb25p { flex-basis: 25% !important; }
.u-fxb30p { flex-basis: 30% !important; }
.u-fxb33p { flex-basis: 33% !important; }
.u-fxb34p { flex-basis: 34% !important; }
.u-fxb35p { flex-basis: 35% !important; }
.u-fxb40p { flex-basis: 40% !important; }
.u-fxb45p { flex-basis: 45% !important; }
.u-fxb50p { flex-basis: 50% !important; }
.u-fxb55p { flex-basis: 55% !important; }
.u-fxb60p { flex-basis: 60% !important; }
.u-fxb65p { flex-basis: 65% !important; }
.u-fxb66p { flex-basis: 66% !important; }
.u-fxb67p { flex-basis: 67% !important; }
.u-fxb70p { flex-basis: 70% !important; }
.u-fxb75p { flex-basis: 75% !important; }
.u-fxb80p { flex-basis: 80% !important; }
.u-fxb85p { flex-basis: 85% !important; }
.u-fxb90p { flex-basis: 90% !important; }
.u-fxb95p { flex-basis: 95% !important; }
.u-fxb100p { flex-basis: 100% !important; }
.u-fxb25vw { flex-basis: 25vw !important; }
.u-fxb50vw { flex-basis: 50vw !important; }
.u-fxb75vw { flex-basis: 75vw !important; }
.u-fxb90vw { flex-basis: 90vw !important; }
.u-fxb100vw { flex-basis: 100vw !important; }
.u-fxb25vh { flex-basis: 25vh !important; }
.u-fxb50vh { flex-basis: 50vh !important; }
.u-fxb75vh { flex-basis: 75vh !important; }
.u-fxb90vh { flex-basis: 90vh !important; }
.u-fxb100vh { flex-basis: 100vh !important; }
.u-fxb100vmax { flex-basis: 100vmax !important; }
.u-fxb100vmin { flex-basis: 100vmin !important; }
.u-fxb-c { flex-basis: content !important; }
.u-as-a { align-self: auto !important; }
.u-as-fs { align-self: flex-start !important; }
.u-as-fe { align-self: flex-end !important; }
.u-as-c { align-self: center !important; }
.u-as-b { align-self: baseline !important; }
.u-as-s { align-self: stretch !important; }
.u-abce { bottom: 0 !important; left: 0 !important; margin: auto !important; position: auto !important; right: 0 !important; top: 0 !important; }
.u-fl-n { float: none !important; }
.u-fl-l { float: left !important; }
.u-fl-r { float: right !important; }
.u-cl-n { clear: none !important; }
.u-cl-l { clear: left !important; }
.u-cl-r { clear: right !important; }
.u-cl-b { clear: both !important; }
.u-cf::after { content: ""; display: table; clear: both; }
.u-bxsh-n { box-shadow: none !important; }
.u-bg-n { background: none !important; }
.u-bgc-t { background-color: transparent !important; }
.u-bgc-primary { background-color: #0275d8 !important; }
.u-bgc-success { background-color: #5cb85c !important; }
.u-bgc-info { background-color: #5bc0de !important; }
.u-bgc-warning { background-color: #f0ad4e !important; }
.u-bgc-danger { background-color: #d9534f !important; }
.u-bgi-n { background-image: none !important; }
.u-bgr-n { background-repeat: no-repeat !important; }
.u-bgr-rx { background-repeat: repeat-x !important; }
.u-bgr-ry { background-repeat: repeat-y !important; }
.u-bgr-sp { background-repeat: space !important; }
.u-bgr-rd { background-repeat: round !important; }
.u-bga-f { background-attachment: fixed !important; }
.u-bga-s { background-attachment: scroll !important; }
.u-bgp-t { background-position: top !important; }
.u-bgp-r { background-position: right !important; }
.u-bgp-b { background-position: bottom !important; }
.u-bgp-l { background-position: left !important; }
.u-bgp-c { background-position: center !important; }
.u-bgz-a { background-size: auto !important; }
.u-bgz-ct { background-size: contain !important; }
.u-bgz-cv { background-size: cover !important; }
.u-m0 { margin: 0 !important; }
.u-m-a { margin: auto !important; }
.u-m0-a { margin: 0 auto !important; }
.u-m-a-0 { margin: auto 0 !important; }
.u-m-xs { margin: 0.2rem !important; }
.u-m-sm { margin: 0.5rem !important; }
.u-m-md { margin: 1rem !important; }
.u-m-lg { margin: 1.5rem !important; }
.u-m-xl { margin: 3rem !important; }
.u-mt0 { margin-top: 0 !important; }
.u-mt-a { margin-top: auto !important; }
.u-mt-xs { margin-top: 0.2rem !important; }
.u-mt-sm { margin-top: 0.5rem !important; }
.u-mt-md { margin-top: 1rem !important; }
.u-mt-lg { margin-top: 1.5rem !important; }
.u-mt-xl { margin-top: 3rem !important; }
.u-mr0 { margin-right: 0 !important; }
.u-mr-a { margin-right: auto !important; }
.u-mr-xs { margin-right: 0.2rem !important; }
.u-mr-sm { margin-right: 0.5rem !important; }
.u-mr-md { margin-right: 1rem !important; }
.u-mr-lg { margin-right: 1.5rem !important; }
.u-mr-xl { margin-right: 3rem !important; }
.u-mb0 { margin-bottom: 0 !important; }
.u-mb-a { margin-bottom: auto !important; }
.u-mb-xs { margin-bottom: 0.2rem !important; }
.u-mb-sm { margin-bottom: 0.5rem !important; }
.u-mb-md { margin-bottom: 1rem !important; }
.u-mb-lg { margin-bottom: 1.5rem !important; }
.u-mb-xl { margin-bottom: 3rem !important; }
.u-ml0 { margin-left: 0 !important; }
.u-ml-a { margin-left: auto !important; }
.u-ml-xs { margin-left: 0.2rem !important; }
.u-ml-sm { margin-left: 0.5rem !important; }
.u-ml-md { margin-left: 1rem !important; }
.u-ml-lg { margin-left: 1.5rem !important; }
.u-ml-xl { margin-left: 3rem !important; }
.u-mx0 { margin-left: 0 !important; margin-right: 0 !important; }
.u-my0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.u-mx-a { margin-left: auto !important; margin-right: auto !important; }
.u-my-a { margin-top: auto !important; margin-bottom: auto !important; }
.u-mx-xs { margin-left: 0.2rem !important; margin-right: 0.2rem !important; }
.u-my-xs { margin-top: 0.2rem !important; margin-bottom: 0.2rem !important; }
.u-mx-sm { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.u-my-sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.u-mx-md { margin-left: 1rem !important; margin-right: 1rem !important; }
.u-my-md { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.u-mx-lg { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.u-my-lg { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.u-mx-xl { margin-left: 3rem !important; margin-right: 3rem !important; }
.u-my-xl { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.u-p0 { padding: 0 !important; }
.u-p-xs { padding: 0.2rem !important; }
.u-p-sm { padding: 0.5rem !important; }
.u-p-md { padding: 1rem !important; }
.u-p-lg { padding: 1.5rem !important; }
.u-p-xl { padding: 3rem !important; }
.u-pt0 { padding-top: 0 !important; }
.u-pt-xs { padding-top: 0.2rem !important; }
.u-pt-sm { padding-top: 0.5rem !important; }
.u-pt-md { padding-top: 1rem !important; }
.u-pt-lg { padding-top: 1.5rem !important; }
.u-pt-xl { padding-top: 3rem !important; }
.u-pr0 { padding-right: 0 !important; }
.u-pr-xs { padding-right: 0.2rem !important; }
.u-pr-sm { padding-right: 0.5rem !important; }
.u-pr-md { padding-right: 1rem !important; }
.u-pr-lg { padding-right: 1.5rem !important; }
.u-pr-xl { padding-right: 3rem !important; }
.u-pb0 { padding-bottom: 0 !important; }
.u-pb-xs { padding-bottom: 0.2rem !important; }
.u-pb-sm { padding-bottom: 0.5rem !important; }
.u-pb-md { padding-bottom: 1rem !important; }
.u-pb-lg { padding-bottom: 1.5rem !important; }
.u-pb-xl { padding-bottom: 3rem !important; }
.u-pl0 { padding-left: 0 !important; }
.u-pl-xs { padding-left: 0.2rem !important; }
.u-pl-sm { padding-left: 0.5rem !important; }
.u-pl-md { padding-left: 1rem !important; }
.u-pl-lg { padding-left: 1.5rem !important; }
.u-pl-xl { padding-left: 3rem !important; }
.u-px0 { padding-left: 0 !important; padding-right: 0 !important; }
.u-py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.u-px-xs { padding-left: 0.2rem !important; padding-right: 0.2rem !important; }
.u-py-xs { padding-top: 0.2rem !important; padding-bottom: 0.2rem !important; }
.u-px-sm { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.u-py-sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.u-px-md { padding-left: 1rem !important; padding-right: 1rem !important; }
.u-py-md { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.u-px-lg { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.u-py-lg { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.u-px-xl { padding-left: 3rem !important; padding-right: 3rem !important; }
.u-py-xl { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.u-w-a { width: auto !important; }
.u-w0 { width: 0 !important; }
.u-w1 { width: 1px !important; }
.u-w1p { width: 1% !important; }
.u-w5p { width: 5% !important; }
.u-w10p { width: 10% !important; }
.u-w15p { width: 15% !important; }
.u-w20p { width: 20% !important; }
.u-w25p { width: 25% !important; }
.u-w30p { width: 30% !important; }
.u-w33p { width: 33% !important; }
.u-w34p { width: 34% !important; }
.u-w35p { width: 35% !important; }
.u-w40p { width: 40% !important; }
.u-w45p { width: 45% !important; }
.u-w50p { width: 50% !important; }
.u-w55p { width: 55% !important; }
.u-w60p { width: 60% !important; }
.u-w65p { width: 65% !important; }
.u-w66p { width: 66% !important; }
.u-w67p { width: 67% !important; }
.u-w70p { width: 70% !important; }
.u-w75p { width: 75% !important; }
.u-w80p { width: 80% !important; }
.u-w85p { width: 85% !important; }
.u-w90p { width: 90% !important; }
.u-w95p { width: 95% !important; }
.u-w100p { width: 100% !important; }
.u-w25vw { width: 25vw !important; }
.u-w50vw { width: 50vw !important; }
.u-w75vw { width: 75vw !important; }
.u-w90vw { width: 90vw !important; }
.u-w100vw { width: 100vw !important; }
.u-w100vh { width: 100vh !important; }
.u-w100vmax { width: 100vmax !important; }
.u-w100vmin { width: 100vmin !important; }
.u-maw-n { max-width: none !important; }
.u-maw0 { max-width: 0 !important; }
.u-maw1 { max-width: 1px !important; }
.u-maw1p { max-width: 1% !important; }
.u-maw5p { max-width: 5% !important; }
.u-maw10p { max-width: 10% !important; }
.u-maw15p { max-width: 15% !important; }
.u-maw20p { max-width: 20% !important; }
.u-maw25p { max-width: 25% !important; }
.u-maw30p { max-width: 30% !important; }
.u-maw33p { max-width: 33% !important; }
.u-maw34p { max-width: 34% !important; }
.u-maw35p { max-width: 35% !important; }
.u-maw40p { max-width: 40% !important; }
.u-maw45p { max-width: 45% !important; }
.u-maw50p { max-width: 50% !important; }
.u-maw55p { max-width: 55% !important; }
.u-maw60p { max-width: 60% !important; }
.u-maw65p { max-width: 65% !important; }
.u-maw66p { max-width: 66% !important; }
.u-maw67p { max-width: 67% !important; }
.u-maw70p { max-width: 70% !important; }
.u-maw75p { max-width: 75% !important; }
.u-maw80p { max-width: 80% !important; }
.u-maw85p { max-width: 85% !important; }
.u-maw90p { max-width: 90% !important; }
.u-maw95p { max-width: 95% !important; }
.u-maw100p { max-width: 100% !important; }
.u-maw25vw { max-width: 25vw !important; }
.u-maw50vw { max-width: 50vw !important; }
.u-maw75vw { max-width: 75vw !important; }
.u-maw90vw { max-width: 90vw !important; }
.u-maw100vw { max-width: 100vw !important; }
.u-maw100vh { max-width: 100vh !important; }
.u-maw100vmax { max-width: 100vmax !important; }
.u-maw100vmin { max-width: 100vmin !important; }
.u-miw0 { min-width: 0 !important; }
.u-miw1 { min-width: 1px !important; }
.u-miw1p { min-width: 1% !important; }
.u-miw5p { min-width: 5% !important; }
.u-miw10p { min-width: 10% !important; }
.u-miw15p { min-width: 15% !important; }
.u-miw20p { min-width: 20% !important; }
.u-miw25p { min-width: 25% !important; }
.u-miw30p { min-width: 30% !important; }
.u-miw33p { min-width: 33% !important; }
.u-miw34p { min-width: 34% !important; }
.u-miw35p { min-width: 35% !important; }
.u-miw40p { min-width: 40% !important; }
.u-miw45p { min-width: 45% !important; }
.u-miw50p { min-width: 50% !important; }
.u-miw55p { min-width: 55% !important; }
.u-miw60p { min-width: 60% !important; }
.u-miw65p { min-width: 65% !important; }
.u-miw66p { min-width: 66% !important; }
.u-miw67p { min-width: 67% !important; }
.u-miw70p { min-width: 70% !important; }
.u-miw75p { min-width: 75% !important; }
.u-miw80p { min-width: 80% !important; }
.u-miw85p { min-width: 85% !important; }
.u-miw90p { min-width: 90% !important; }
.u-miw95p { min-width: 95% !important; }
.u-miw100p { min-width: 100% !important; }
.u-miw25vw { min-width: 25vw !important; }
.u-miw50vw { min-width: 50vw !important; }
.u-miw75vw { min-width: 75vw !important; }
.u-miw90vw { min-width: 90vw !important; }
.u-miw100vw { min-width: 100vw !important; }
.u-miw100vh { min-width: 100vh !important; }
.u-miw100vmax { min-width: 100vmax !important; }
.u-miw100vmin { min-width: 100vmin !important; }
.u-h-a { height: auto !important; }
.u-h0 { height: 0 !important; }
.u-h100p { height: 100% !important; }
.u-h100vw { height: 100vw !important; }
.u-h25vh { height: 25vh !important; }
.u-h50vh { height: 50vh !important; }
.u-h75vh { height: 75vh !important; }
.u-h90vh { height: 90vh !important; }
.u-h100vh { height: 100vh !important; }
.u-h100vmax { height: 100vmax !important; }
.u-h100vmin { height: 100vmin !important; }
.u-mah-n { max-height: none !important; }
.u-mah100p { max-height: 100% !important; }
.u-mah100vw { max-height: 100vw !important; }
.u-mah25vh { max-height: 25vh !important; }
.u-mah50vh { max-height: 50vh !important; }
.u-mah75vh { max-height: 75vh !important; }
.u-mah90vh { max-height: 90vh !important; }
.u-mah100vh { max-height: 100vh !important; }
.u-mah100vmax { max-height: 100vmax !important; }
.u-mah100vmin { max-height: 100vmin !important; }
.u-mih0 { min-height: 0 !important; }
.u-mih1 { min-height: 1px !important; }
.u-mih100vw { min-height: 100vw !important; }
.u-mih25vh { min-height: 25vh !important; }
.u-mih50vh { min-height: 50vh !important; }
.u-mih75vh { min-height: 75vh !important; }
.u-mih90vh { min-height: 90vh !important; }
.u-mih100vh { min-height: 100vh !important; }
.u-mih100vmax { min-height: 100vmax !important; }
.u-mih100vmin { min-height: 100vmin !important; }
.u-ol-n { outline: none !important; }
.u-olw-tn { outline-width: thin !important; }
.u-olw-md { outline-width: medium !important; }
.u-olw-tc { outline-width: thick !important; }
.u-ols-n { outline-style: none !important; }
.u-ols-dt { outline-style: dotted !important; }
.u-ols-ds { outline-style: dashed !important; }
.u-ols-s { outline-style: solid !important; }
.u-ols-db { outline-style: double !important; }
.u-ols-g { outline-style: groove !important; }
.u-ols-r { outline-style: ridge !important; }
.u-ols-i { outline-style: inset !important; }
.u-ols-o { outline-style: outset !important; }
.u-olc-i { outline-color: invert !important; }
.u-bd-n { border: none !important; }
.u-bd0 { border: 0 !important; }
.u-bdcl-c { border-collapse: collapse !important; }
.u-bdcl-s { border-collapse: separate !important; }
.u-bdi-n { border-image: none !important; }
.u-bds-n { border-style: none !important; }
.u-bds-h { border-style: hidden !important; }
.u-bds-dt { border-style: dotted !important; }
.u-bds-ds { border-style: dashed !important; }
.u-bds-s { border-style: solid !important; }
.u-bds-db { border-style: double !important; }
.u-bds-w { border-style: wave !important; }
.u-bds-g { border-style: groove !important; }
.u-bds-r { border-style: ridge !important; }
.u-bds-i { border-style: inset !important; }
.u-bds-o { border-style: outset !important; }
.u-bdw0 { border-width: 0 !important; }
.u-bdw1 { border-width: 1px !important; }
.u-bdw2 { border-width: 2px !important; }
.u-bdw3 { border-width: 3px !important; }
.u-bdw4 { border-width: 4px !important; }
.u-bdw5 { border-width: 5px !important; }
.u-bdw6 { border-width: 6px !important; }
.u-bdtw0 { border-top-width: 0 !important; }
.u-bdtw1 { border-top-width: 1px !important; }
.u-bdtw2 { border-top-width: 2px !important; }
.u-bdtw3 { border-top-width: 3px !important; }
.u-bdtw4 { border-top-width: 4px !important; }
.u-bdtw5 { border-top-width: 5px !important; }
.u-bdtw6 { border-top-width: 6px !important; }
.u-bdrw0 { border-right-width: 0 !important; }
.u-bdrw1 { border-right-width: 1px !important; }
.u-bdrw2 { border-right-width: 2px !important; }
.u-bdrw3 { border-right-width: 3px !important; }
.u-bdrw4 { border-right-width: 4px !important; }
.u-bdrw5 { border-right-width: 5px !important; }
.u-bdrw6 { border-right-width: 6px !important; }
.u-bdbw0 { border-bottom-width: 0 !important; }
.u-bdbw1 { border-bottom-width: 1px !important; }
.u-bdbw2 { border-bottom-width: 2px !important; }
.u-bdbw3 { border-bottom-width: 3px !important; }
.u-bdbw4 { border-bottom-width: 4px !important; }
.u-bdbw5 { border-bottom-width: 5px !important; }
.u-bdbw6 { border-bottom-width: 6px !important; }
.u-bdlw0 { border-left-width: 0 !important; }
.u-bdlw1 { border-left-width: 1px !important; }
.u-bdlw2 { border-left-width: 2px !important; }
.u-bdlw3 { border-left-width: 3px !important; }
.u-bdlw4 { border-left-width: 4px !important; }
.u-bdlw5 { border-left-width: 5px !important; }
.u-bdlw6 { border-left-width: 6px !important; }
.u-bdt-n { border-top: none !important; }
.u-bdt0 { border-top: 0 !important; }
.u-bdr-n { border-right: none !important; }
.u-bdr0 { border-right: 0 !important; }
.u-bdb-n { border-bottom: none !important; }
.u-bdb0 { border-bottom: 0 !important; }
.u-bdl-n { border-left: none !important; }
.u-bdl0 { border-left: 0 !important; }
.u-bdrs-xs { border-radius: 0.1rem !important; }
.u-bdrs-sm { border-radius: 0.2rem !important; }
.u-bdrs-md { border-radius: 0.25rem !important; }
.u-bdrs-lg { border-radius: 0.3rem !important; }
.u-bdrs-xl { border-radius: 0.4rem !important; }
.u-bdrs0 { border-radius: 0 !important; }
.u-bdrs1 { border-radius: 1px !important; }
.u-bdrs2 { border-radius: 2px !important; }
.u-bdrs3 { border-radius: 3px !important; }
.u-bdrs4 { border-radius: 4px !important; }
.u-bdrs5 { border-radius: 5px !important; }
.u-bdrs6 { border-radius: 6px !important; }
.u-bdrs9999 { border-radius: 9999px !important; }
.u-bdrs100p { border-radius: 100% !important; }
.u-c-ih { color: inherit !important; }
.u-c-white { color: #ffffff !important; }
.u-c-black { color: #000000 !important; }
.u-c-primary { color: #962a37 !important; }
.u-c-success { color: #5cb85c !important; }
.u-c-info { color: #5bc0de !important; }
.u-c-warning { color: #f0ad4e !important; }
.u-c-danger { color: #d9534f !important; }
.u-lis-n { list-style: none !important; }
.u-lisp-i { list-style-position: inside !important; }
.u-lisp-o { list-style-position: outside !important; }
.u-list-n { list-style-type: none !important; }
.u-list-d { list-style-type: disc !important; }
.u-list-c { list-style-type: circle !important; }
.u-list-s { list-style-type: square !important; }
.u-list-de { list-style-type: decimal !important; }
.u-list-dlz { list-style-type: decimal-leading-zero !important; }
.u-list-lr { list-style-type: lower-roman !important; }
.u-list-ur { list-style-type: upper-roman !important; }
.u-lisi-n { list-style-image: none !important; }
.u-va-sup { vertical-align: super !important; }
.u-va-t { vertical-align: top !important; }
.u-va-tt { vertical-align: text-top !important; }
.u-va-m { vertical-align: middle !important; }
.u-va-bl { vertical-align: baseline !important; }
.u-va-b { vertical-align: bottom !important; }
.u-va-tb { vertical-align: text-bottom !important; }
.u-va-sub { vertical-align: sub !important; }
.u-ta-l { text-align: left !important; }
.u-ta-c { text-align: center !important; }
.u-ta-r { text-align: right !important; }
.u-ta-j { text-align: justify !important; }
.u-td-n { text-decoration: none !important; }
.u-td-u { text-decoration: underline !important; }
.u-td-o { text-decoration: overline !important; }
.u-td-l { text-decoration: line-through !important; }
.u-te-n { text-emphasis: none !important; }
.u-te-ac { text-emphasis: accent !important; }
.u-te-dt { text-emphasis: dot !important; }
.u-te-c { text-emphasis: circle !important; }
.u-te-ds { text-emphasis: disc !important; }
.u-te-b { text-emphasis: before !important; }
.u-te-a { text-emphasis: after !important; }
.u-ti0 { text-indent: 0 !important; }
.u-ti-9999 { text-indent: -9999px !important; }
.u-tov-e { text-overflow: ellipsis !important; }
.u-tov-c { text-overflow: clip !important; }
.u-tt-n { text-transform: none !important; }
.u-tt-c { text-transform: capitalize !important; }
.u-tt-u { text-transform: uppercase !important; }
.u-tt-l { text-transform: lowercase !important; }
.u-tsh-n { text-shadow: none !important; }
.u-lh-nm { line-height: normal !important; }
.u-lh-ih { line-height: inherit !important; }
.u-lh0 { line-height: 0 !important; }
.u-lh1 { line-height: 1 !important; }
.u-lh2 { line-height: 2 !important; }
.u-lh3 { line-height: 3 !important; }
.u-lh4 { line-height: 4 !important; }
.u-lh5 { line-height: 5 !important; }
.u-lh6 { line-height: 6 !important; }
.u-lh-xs { line-height: 1.25 !important; }
.u-lh-sm { line-height: 1.33 !important; }
.u-lh-md { line-height: 1.5 !important; }
.u-lh-lg { line-height: 1.75 !important; }
.u-lh-xl { line-height: 2 !important; }
.u-whs-nm { white-space: normal !important; }
.u-whs-p { white-space: pre !important; }
.u-whs-nw { white-space: nowrap !important; }
.u-whs-pw { white-space: pre-wrap !important; }
.u-whs-pl { white-space: pre-line !important; }
.u-wob-nm { word-break: normal !important; }
.u-wob-k { word-break: keep-all !important; }
.u-wob-ba { word-break: break-all !important; }
.u-wow-nm { word-wrap: normal !important; }
.u-wow-n { word-wrap: none !important; }
.u-wow-u { word-wrap: unrestricted !important; }
.u-wow-s { word-wrap: suppress !important; }
.u-wow-bw { word-wrap: break-word !important; }
.u-lts-nm { letter-spacing: normal !important; }
.u-fw-nm { font-weight: normal !important; }
.u-fw-b { font-weight: bold !important; }
.u-fw-br { font-weight: bolder !important; }
.u-fw-lr { font-weight: lighter !important; }
.u-fw100 { font-weight: 100 !important; }
.u-fw200 { font-weight: 200 !important; }
.u-fw300 { font-weight: 300 !important; }
.u-fw400 { font-weight: 400 !important; }
.u-fw500 { font-weight: 500 !important; }
.u-fw600 { font-weight: 600 !important; }
.u-fw700 { font-weight: 700 !important; }
.u-fw800 { font-weight: 800 !important; }
.u-fw900 { font-weight: 900 !important; }
.u-fs-nm { font-style: normal !important; }
.u-fs-i { font-style: italic !important; }
.u-fs-o { font-style: oblique !important; }
.u-fv-nm { font-variant: normal !important; }
.u-fv-sc { font-variant: small-caps !important; }
.u-fz-xs { font-size: 0.75rem !important; }
.u-fz-sm { font-size: 0.875rem !important; }
.u-fz-md { font-size: 1rem !important; }
.u-fz-lg { font-size: 1.25rem !important; }
.u-fz-xl { font-size: 1.75rem !important; }
.u-fz-sr { font-size: smaller !important; }
.u-fz-lr { font-size: larger !important; }
.u-fz0 { font-size: 0 !important; }
.u-fz10 { font-size: 10px !important; }
.u-fz11 { font-size: 11px !important; }
.u-fz12 { font-size: 12px !important; }
.u-fz13 { font-size: 13px !important; }
.u-fz14 { font-size: 14px !important; }
.u-fz15 { font-size: 15px !important; }
.u-fz16 { font-size: 16px !important; }
.u-fz17 { font-size: 17px !important; }
.u-fz18 { font-size: 18px !important; }
.u-fz19 { font-size: 19px !important; }
.u-fz20 { font-size: 20px !important; }
.u-fz-h1 { font-size: 2.u-5rem !important; }
.u-fz-h2 { font-size: 2rem !important; }
.u-fz-h3 { font-size: 1.75rem !important; }
.u-fz-h4 { font-size: 1.5rem !important; }
.u-fz-h5 { font-size: 1.25rem !important; }
.u-fz-h6 { font-size: 1rem !important; }
.u-op0 { opacity: 0 !important; }
.u-op0_1 { opacity: 0.1 !important; }
.u-op0_2 { opacity: 0.2 !important; }
.u-op0_3 { opacity: 0.3 !important; }
.u-op0_4 { opacity: 0.4 !important; }
.u-op0_5 { opacity: 0.5 !important; }
.u-op0_6 { opacity: 0.6 !important; }
.u-op0_7 { opacity: 0.7 !important; }
.u-op0_8 { opacity: 0.8 !important; }
.u-op0_9 { opacity: 0.9 !important; }
.u-op1 { opacity: 1 !important; }
.u-tetr { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important; }
.u-tehi { overflow: hidden !important; text-indent: 200% !important; white-space: nowrap !important; }
.u-reli { list-style: none !important; padding-left: 0 !important; }
.u-fsm-a { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; }
.u-trf-n { transform: none !important; }
.u-rz-n { resize: none !important; }
.u-rz-b { resize: both !important; }
.u-rz-h { resize: horizontal !important; }
.u-rz-v { resize: vertical !important; }
.u-cur-a { cursor: auto !important; }
.u-cur-d { cursor: default !important; }
.u-cur-c { cursor: crosshair !important; }
.u-cur-ha { cursor: hand !important; }
.u-cur-he { cursor: help !important; }
.u-cur-m { cursor: move !important; }
.u-cur-p { cursor: pointer !important; }
.u-cur-t { cursor: text !important; }
.u-bfv-h { backface-visibility: hidden !important; }
.u-bfv-v { backface-visibility: visible !important; }
.u-obf-f { object-fit: fill !important; }
.u-obf-ct { object-fit: contain !important; }
.u-obf-cv { object-fit: cover !important; }
.u-obf-n { object-fit: none !important; }
.u-obf-sd { object-fit: scale-down !important; }
.u-ap-n { appearance: none !important; }
.u-ap-b { appearance: button !important; }
.u-ap-c { appearance: checkbox !important; }
.u-ap-su { appearance: scrollbarbutton-up !important; }
.u-us-a { user-select: auto !important; }
.u-us-n { user-select: none !important; }
.u-us-t { user-select: text !important; }

.u-bgc-white { background-color: #fff !important; }

/* Original
  独自スタイル
   ========================================================================== */
.section.p-diff-section-a {
}
.section.p-diff-section-a .section-inner {
  margin: 0 auto;
  display: flex;
  max-width: 1040px;
  justify-content: space-between;
}
h2.p-hdg-a {
  font-size: 3.2rem !important;
}

.p-visual-a {
  max-width: 160px;
}
.p-visual-a img {
  border-radius: 50%;
}
.p-content-a {
  width: calc(100% - 180px);
  max-width: 840px;
}
.p-content-a h3 {
  font-size: 3.2rem !important;
  color: #56564e !important;
}
.diff-bg-c .news-tck-title {
  background-color: transparent !important;
}

@media only screen and (max-width: 768px) {
  .p-visual-a {
    max-width: 120px;
  }
  .p-content-a {
    width: calc(100% - 140px);
    max-width: 628px;
  }
}

@media only screen and (max-width: 480px) {
  .section.p-diff-section-a .section-inner {
    flex-wrap: wrap;
  }
  .p-visual-a {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  .p-content-a {
    width: 100%;
    max-width: 100%;
  }
  .p-content-a h3 {
    font-size: 2.4rem !important;
  }
}
