@charset "utf-8";
/* SAP Common */

/* =========================================================
 GIG5テンプレート拡張
========================================================= */

/* 基本要素
--------------------------------------------------------- */

/* ----- セクション ----- */
.main-contents .section.diff-border-top {
	border-top: 1px solid #c6c6c0;
}
.main-contents .section[class*="diff-bg-sap-"] {
	background-position: center top;
	background-repeat: no-repeat;
}
.main-contents .section.diff-bg-sap-accent01 {
	background-image: url(/jp/imagesgig5/bg_block2_tcm102-3656134_tcm102-2750236-32.jpg);
}
.main-contents .section.diff-bg-sap-accent02 {
	background-image: url(/jp/imagesgig5/bg_block3_tcm102-3656153_tcm102-2750236-32.jpg);
	background-color: #f2efe0;
}
.main-contents .section.diff-bg-sap-accent03 {
	background-image: url(/jp/imagesgig5/bg_block4_tcm102-3656154_tcm102-2750236-32.jpg);
	background-color: #312f30;
}


/* ----- 見出し：レベル2～5（タイプA） ----- */
.hdg-b.diff-sap-accent-none {
	padding-bottom: 0;
}
.hdg-b.diff-sap-accent-none::before {
	display: none;
}
.hdg-b.diff-sap-accent-none .subtitle {
	display: block;
	font-size: 2rem;
}


/* ----- 見出し：レベル2～5（タイプB） ----- */
.hdg-c.diff-sap-accent-white::before {
	background: #fff;
}


/* ----- 見出し：レベル2～5（タイプC） ----- */
.hdg-d.diff-sap-accent-none {
	padding: 0;
}
.hdg-d.diff-color-black {
	color: #000;
}
.hdg-d.diff-sap-accent01 {
	color: #000;
	background: #f3f3f3;
	padding: 8px 0;
	padding-left: 16px;
}
h2.hdg-d.diff-sap-accent01 {
	font-size: 2.8rem;
}
@media only screen and (max-width: 480px) {
h2.hdg-d.diff-sap-accent01 {
	font-size: 2.4rem;
}
}


/* ----- リストの装飾 ----- */
.list-a.diff-sap-accent01 {
	padding: 16px 30px;
	background: #eee;
}


/* ナビゲーションパーツ
--------------------------------------------------------- */

/* ----- パンくず ----- */
/* ウインドウリサイズ時にパンくずがウインドウ幅を超える現象対策 */
.breadcrumb-wrapper {
	overflow: hidden;
}


/* ----- アンカーリンク（タイプA） ----- */
.diff-style-sap-nav {
	background: #000;
}
.diff-style-sap-nav .nav-b .nav-b-inner {
	background: #000;
	overflow-x: auto;
}
.diff-style-sap-nav .nav-b ul a {
	color: #fff;
	padding-left: 0;
}
.diff-style-sap-nav .nav-b ul a::after {
	display: none;
}
.diff-style-sap-nav .nav-b ul {
	display: table;
	width: 100% !important;
	margin-bottom: 0;
	max-width: 1280px;
	margin: 0 auto;
}
.diff-style-sap-nav .nav-b ul>li {
	display: table-cell;
	vertical-align: middle;
}
.diff-style-sap-nav .nav-b ul>li::before {
	background: #fff;
	display: block !important;
}
.diff-style-sap-nav .nav-b ul>li:first-child::after {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 1px;
	height: 32px;
	margin-top: -16px;
	background: #fff;
}
 @media only screen and (max-width: 767px) {
.diff-style-sap-nav .nav-b .nav-b-inner {
	margin-right: 0;
	margin-left: 0;
	padding: 8px 0;
}
.diff-style-sap-nav .nav-b ul {
	display: -webkit-flex;
	display: flex;
}
.diff-style-sap-nav .nav-b ul>li {
	border-bottom: none;
	width: 33.333%;
	display: -webkit-inline-flex;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-left: 0;
	padding: 0;
	margin-right: 0;
	margin-top: 10px;
}
.diff-style-sap-nav .nav-b ul>li:last-child {
	margin-bottom: 12px;
}
.diff-style-sap-nav .nav-b.nav-top ul>li:nth-child(4),
.diff-style-sap-nav .nav-b.nav-top ul>li:nth-child(5) {
	width: 50%;
}
.diff-style-sap-nav .nav-b ul a {
	padding: 0 8px;
}
.diff-style-sap-nav.is-fixed .nav-b .nav-b-inner {
	padding: 20px 0;
}
.diff-style-sap-nav.is-fixed .nav-b ul>li {
	margin: 0;
	padding: 0 30px;
	-webkit-flex: none;
	flex: none;
}
.diff-style-sap-nav .nav-b ul>li:nth-child(1)::after,
.diff-style-sap-nav:not(.is-fixed) .nav-b ul>li:nth-child(3)::before,
.diff-style-sap-nav:not(.is-fixed) .nav-b.nav-top ul>li:nth-child(5)::before,
.diff-style-sap-nav:not(.is-fixed) .nav-b ul>li:nth-child(6)::before {
	display: none !important;
}
}


/* ----- 省スペースレイアウト（タイプA） ----- */
.list-accordion-a.diff-style-sap-bordertop>li:first-child {
	border-top: 1px solid #c6c6c0;
}


/* ----- 省スペースレイアウト（タイプB） ----- */
.tab-a.diff-bg-none .lists {
	height: auto;
	background: none;
	padding-top: 0;
}


/* ----- ハイライト（Attention Contents：タイプB） ----- */
.lyt-item-a .txt-catch-company {
	font-size: 1.8rem;
	font-weight: bold;
	color: #57564f;
}
.lyt-item-a .txt-catch-company + p {
	margin-top: 10px !important;
}


/* ----- インデックス（Sub Feature：タイプB） ----- */
.lyt-idx-b.diff-relatedlinks>* {
	width: 20%;
}
 @media only screen and (max-width: 1280px) {
.lyt-idx-b.diff-relatedlinks>* {
	width: 33.333%;
}
}
 @media only screen and (max-width: 767px) {
.lyt-idx-b.diff-relatedlinks>* {
	width: 50%;
}
}
/* ----- 画像の左固定 ----- */
 @media only screen and (max-width: 767px) {
.main-contents .section-inner >.lyt-item-a.lyt-item-sap-r {
	margin-top: 3rem;
}
}

 @media only screen and (max-width: 767px) {
.lyt-item-a.lyt-item-sap-r .lyt-item-sap-r__item {
	padding-top: 0;
}
}

.lyt-item-a.lyt-item-sap-r .lyt-item-sap-r__hdg {
	margin-bottom: 18px;
}
 @media only screen and (max-width: 767px) {
.lyt-item-a.lyt-item-sap-r .lyt-item-sap-r__hdg {
	padding-top: 25px;
}
}
.lyt-item-a.lyt-item-sap-r .lyt-item-sap-r__img {
	padding-top: 50px;
	padding-right: 16px;
}


/* =========================================================
 オリジナル部品
========================================================= */

/* ----- Youtube付きメインビジュアル ----- */

.hero-area-sap {
	height: 420px;
	background: #d2dbea;
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	position: relative;
}
 @media only screen and (max-width: 1280px) {
.hero-area-sap {
 height: calc(600vw*100/1280);
	min-height: inherit;
	max-height: 420px;
	padding: 0 8px;
}
}
 @media only screen and (max-width: 767px) {
.hero-area-sap {
	height: auto;
	max-height: inherit;
	padding: 32px;
}
}
.hero-area-sap .content {
	position: relative;
	z-index: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
 @media only screen and (max-width: 767px) {
.hero-area-sap .content {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
}
.hero-area-sap .content .content-inner {
	color: #000;
	text-shadow: 0 0 8px #fff, 0 0 8px #fff;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	margin-right: 20px;
	font-size: 2rem;
}
@media only screen and (max-width: 1000px) {
.hero-area-sap .content .content-inner {
	font-size: 2rem;
	line-height: 1.3;
}
}
 @media only screen and (max-width: 767px) {
.hero-area-sap .content .content-inner {
	margin-right: 0;
	margin-bottom: 16px;
	-webkit-flex: auto;
	flex: auto;
}
}
.hero-area-sap .content .main-txt {
	max-width: 650px;
}
@media only screen and (max-width: 1200px) {
.hero-area-sap .content .main-txt br {
	display: none;
}
}
@media only screen and (max-width: 767px) {
.hero-area-sap .content .main-txt {
	max-width: none;
}
}
.hero-area-sap .content .youtube-video {
	max-width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.hero-area-sap .content .youtube-video .youtube-video-inner {
	max-width: 440px;
    height: 248px;
    width: 100%;
}
.hero-area-sap .content .youtube-video iframe {
	width: 100%!important;
	height: 100%!important;
	border: 0;
}
@media only screen and (max-width: 767px) {
.hero-area-sap .content .youtube-video {
	position: relative;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
	min-width: auto;
	width: 100%;
}
.hero-area-sap .content .youtube-video .youtube-video-inner {
	position: relative;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 56%;
	min-width: auto;
	width: 100%;
}
.hero-area-sap .content .youtube-video iframe {
	position: absolute;
	top: 0;
	left: 0;
}
}
.hero-area-sap .visual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 1440px;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px) {
.hero-area-sap .visual {
	height: 100%;
}
.hero-area-sap .visual img {
	max-width: none;
	height: 100%;
	margin-left: -250px;
}
}


/* ----- 富士通のSAPソリューション情報 リンク一覧（フッター周辺で使用） ----- */

.list-link-sapinformation {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -16px;
}
.list-link-sapinformation li {
	margin-left: 16px;
	margin-bottom: 16px;
	display: inline-block;
	width: 100%;
	max-width: calc(25% - 16px);
}
.list-link-sapinformation a {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background: #000;
	color: #fff;
	text-decoration: none;
	padding-right: 32px;
	text-align: center;
	position: relative;
	height: 100%;
}
.list-link-sapinformation a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	right: 8px;
	top: calc(50% - 6px);
	transform: rotate(45deg);
}
@media only screen and (max-width: 1280px) {
.list-link-sapinformation li {
	max-width: calc(33.333% - 16px);
}
}
@media only screen and (max-width: 767px) {
.list-link-sapinformation li {
	max-width: calc(50% - 16px);
}
}
@media only screen and (max-width: 480px) {
.list-link-sapinformation li {
/*max-width: 100%;*/
}
}


/* ----- 解決メニュー一覧 ----- */
.lyt-solution-box {
	background: url(/jp/imagesgig5/kaiketsu-menu-icon_tcm102-3691612_tcm102-2750236-32.png) no-repeat 30px center;
	min-height: 88px;
	padding-left: 164px;
	width: 100%;
}
.lyt-solution-box .lyt-solution-box-inner {
	vertical-align: middle;
	align-items: center;
}
.lyt-solution-box .lyt-solution-box-inner > .lyt-col-a {
	margin-bottom: auto !important;
}
.lyt-solution-box .lyt-solution-box-inner > .lyt-col-a > * {
	padding-bottom: 0;
}
@media only screen and (max-width: 480px) {
.lyt-solution-box {
	background-position-x: 15px;
	padding-left: 131px;
}
.lyt-solution-box .lyt-solution-box-inner > .lyt-col-a > *:last-child {
	margin-bottom: 0;
}
}

/* =========================================================
 Utility
========================================================= */

/* フォントサイズ
   ========================================================================== */
/* 共通 */
.u-fz-10 {
  font-size: 10px !important;
}

.u-fz-11 {
  font-size: 11px !important;
}

.u-fz-12 {
  font-size: 12px !important;
}

.u-fz-13 {
  font-size: 13px !important;
}

.u-fz-14 {
  font-size: 14px !important;
}

.u-fz-15 {
  font-size: 15px !important;
}

.u-fz-16 {
  font-size: 16px !important;
}

.u-fz-17 {
  font-size: 17px !important;
}

.u-fz-18 {
  font-size: 18px !important;
}

.u-fz-19 {
  font-size: 19px !important;
}

.u-fz-20 {
  font-size: 20px !important;
}

.u-fz-21 {
  font-size: 21px !important;
}

.u-fz-22 {
  font-size: 22px !important;
}

.u-fz-23 {
  font-size: 23px !important;
}

.u-fz-24 {
  font-size: 24px !important;
}

.u-fz-25 {
  font-size: 25px !important;
}

.u-fz-26 {
  font-size: 26px !important;
}

.u-fz-27 {
  font-size: 27px !important;
}

.u-fz-28 {
  font-size: 28px !important;
}

.u-fz-29 {
  font-size: 29px !important;
}

.u-fz-30 {
  font-size: 30px !important;
}

/* タブレット */
@media screen and (max-width: 768px) {
  .u-fz-tb-10 {
    font-size: 10px !important;
  }
  .u-fz-tb-11 {
    font-size: 11px !important;
  }
  .u-fz-tb-12 {
    font-size: 12px !important;
  }
  .u-fz-tb-13 {
    font-size: 13px !important;
  }
  .u-fz-tb-14 {
    font-size: 14px !important;
  }
  .u-fz-tb-15 {
    font-size: 15px !important;
  }
  .u-fz-tb-16 {
    font-size: 16px !important;
  }
  .u-fz-tb-17 {
    font-size: 17px !important;
  }
  .u-fz-tb-18 {
    font-size: 18px !important;
  }
  .u-fz-tb-19 {
    font-size: 19px !important;
  }
  .u-fz-tb-20 {
    font-size: 20px !important;
  }
  .u-fz-tb-21 {
    font-size: 21px !important;
  }
  .u-fz-tb-22 {
    font-size: 22px !important;
  }
  .u-fz-tb-23 {
    font-size: 23px !important;
  }
  .u-fz-tb-24 {
    font-size: 24px !important;
  }
  .u-fz-tb-25 {
    font-size: 25px !important;
  }
  .u-fz-tb-26 {
    font-size: 26px !important;
  }
  .u-fz-tb-27 {
    font-size: 27px !important;
  }
  .u-fz-tb-28 {
    font-size: 28px !important;
  }
  .u-fz-tb-29 {
    font-size: 29px !important;
  }
  .u-fz-tb-30 {
    font-size: 30px !important;
  }
}

/* スマホ */
@media screen and (max-width: 480px) {
  .u-fz-sp-10 {
    font-size: 10px !important;
  }
  .u-fz-sp-11 {
    font-size: 11px !important;
  }
  .u-fz-sp-12 {
    font-size: 12px !important;
  }
  .u-fz-sp-13 {
    font-size: 13px !important;
  }
  .u-fz-sp-14 {
    font-size: 14px !important;
  }
  .u-fz-sp-15 {
    font-size: 15px !important;
  }
  .u-fz-sp-16 {
    font-size: 16px !important;
  }
  .u-fz-sp-17 {
    font-size: 17px !important;
  }
  .u-fz-sp-18 {
    font-size: 18px !important;
  }
  .u-fz-sp-19 {
    font-size: 19px !important;
  }
  .u-fz-sp-20 {
    font-size: 20px !important;
  }
  .u-fz-sp-21 {
    font-size: 21px !important;
  }
  .u-fz-sp-22 {
    font-size: 22px !important;
  }
  .u-fz-sp-23 {
    font-size: 23px !important;
  }
  .u-fz-sp-24 {
    font-size: 24px !important;
  }
  .u-fz-sp-25 {
    font-size: 25px !important;
  }
  .u-fz-sp-26 {
    font-size: 26px !important;
  }
  .u-fz-sp-27 {
    font-size: 27px !important;
  }
  .u-fz-sp-28 {
    font-size: 28px !important;
  }
  .u-fz-sp-29 {
    font-size: 29px !important;
  }
  .u-fz-sp-30 {
    font-size: 30px !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-fw-100 {
  font-weight: 100 !important;
}

.u-fw-200 {
  font-weight: 200 !important;
}

.u-fw-300 {
  font-weight: 300 !important;
}

.u-fw-400 {
  font-weight: 400 !important;
}

.u-fw-500 {
  font-weight: 500 !important;
}

.u-fw-600 {
  font-weight: 600 !important;
}

.u-fw-700 {
  font-weight: 700 !important;
}

.u-fw-800 {
  font-weight: 800 !important;
}

.u-fw-900 {
  font-weight: 900 !important;
}

/* 横幅
   ========================================================================== */
/* 共通 */
.u-w-a {
  width: auto !important;
}

.u-w-0p {
  width: 0% !important;
}

.u-w-5p {
  width: 5% !important;
}

.u-w-10p {
  width: 10% !important;
}

.u-w-15p {
  width: 15% !important;
}

.u-w-20p {
  width: 20% !important;
}

.u-w-25p {
  width: 25% !important;
}

.u-w-30p {
  width: 30% !important;
}

.u-w-35p {
  width: 35% !important;
}

.u-w-40p {
  width: 40% !important;
}

.u-w-45p {
  width: 45% !important;
}

.u-w-50p {
  width: 50% !important;
}

.u-w-55p {
  width: 55% !important;
}

.u-w-60p {
  width: 60% !important;
}

.u-w-65p {
  width: 65% !important;
}

.u-w-70p {
  width: 70% !important;
}

.u-w-75p {
  width: 75% !important;
}

.u-w-80p {
  width: 80% !important;
}

.u-w-85p {
  width: 85% !important;
}

.u-w-90p {
  width: 90% !important;
}

.u-w-95p {
  width: 95% !important;
}

.u-w-100p {
  width: 100% !important;
}

/* タブレット */
@media screen and (max-width: 768px) {
  .u-w-tb-0p {
    width: 0% !important;
  }
  .u-w-tb-5p {
    width: 5% !important;
  }
  .u-w-tb-10p {
    width: 10% !important;
  }
  .u-w-tb-15p {
    width: 15% !important;
  }
  .u-w-tb-20p {
    width: 20% !important;
  }
  .u-w-tb-25p {
    width: 25% !important;
  }
  .u-w-tb-30p {
    width: 30% !important;
  }
  .u-w-tb-35p {
    width: 35% !important;
  }
  .u-w-tb-40p {
    width: 40% !important;
  }
  .u-w-tb-45p {
    width: 45% !important;
  }
  .u-w-tb-50p {
    width: 50% !important;
  }
  .u-w-tb-55p {
    width: 55% !important;
  }
  .u-w-tb-60p {
    width: 60% !important;
  }
  .u-w-tb-65p {
    width: 65% !important;
  }
  .u-w-tb-70p {
    width: 70% !important;
  }
  .u-w-tb-75p {
    width: 75% !important;
  }
  .u-w-tb-80p {
    width: 80% !important;
  }
  .u-w-tb-85p {
    width: 85% !important;
  }
  .u-w-tb-90p {
    width: 90% !important;
  }
  .u-w-tb-95p {
    width: 95% !important;
  }
  .u-w-tb-100p {
    width: 100% !important;
  }
}

/* スマホ */
@media screen and (max-width: 480px) {
  .u-w-sp-0p {
    width: 0% !important;
  }
  .u-w-sp-5p {
    width: 5% !important;
  }
  .u-w-sp-10p {
    width: 10% !important;
  }
  .u-w-sp-15p {
    width: 15% !important;
  }
  .u-w-sp-20p {
    width: 20% !important;
  }
  .u-w-sp-25p {
    width: 25% !important;
  }
  .u-w-sp-30p {
    width: 30% !important;
  }
  .u-w-sp-35p {
    width: 35% !important;
  }
  .u-w-sp-40p {
    width: 40% !important;
  }
  .u-w-sp-45p {
    width: 45% !important;
  }
  .u-w-sp-50p {
    width: 50% !important;
  }
  .u-w-sp-55p {
    width: 55% !important;
  }
  .u-w-sp-60p {
    width: 60% !important;
  }
  .u-w-sp-65p {
    width: 65% !important;
  }
  .u-w-sp-70p {
    width: 70% !important;
  }
  .u-w-sp-75p {
    width: 75% !important;
  }
  .u-w-sp-80p {
    width: 80% !important;
  }
  .u-w-sp-85p {
    width: 85% !important;
  }
  .u-w-sp-90p {
    width: 90% !important;
  }
  .u-w-sp-95p {
    width: 95% !important;
  }
  .u-w-sp-100p {
    width: 100% !important;
  }
}

/* 最大横幅
   ========================================================================== */
/* 共通 */
.u-maw-0p {
  max-width: 0% !important;
}

.u-maw-5p {
  max-width: 5% !important;
}

.u-maw-10p {
  max-width: 10% !important;
}

.u-maw-15p {
  max-width: 15% !important;
}

.u-maw-20p {
  max-width: 20% !important;
}

.u-maw-25p {
  max-width: 25% !important;
}

.u-maw-30p {
  max-width: 30% !important;
}

.u-maw-35p {
  max-width: 35% !important;
}

.u-maw-40p {
  max-width: 40% !important;
}

.u-maw-45p {
  max-width: 45% !important;
}

.u-maw-50p {
  max-width: 50% !important;
}

.u-maw-55p {
  max-width: 55% !important;
}

.u-maw-60p {
  max-width: 60% !important;
}

.u-maw-65p {
  max-width: 65% !important;
}

.u-maw-70p {
  max-width: 70% !important;
}

.u-maw-75p {
  max-width: 75% !important;
}

.u-maw-80p {
  max-width: 80% !important;
}

.u-maw-85p {
  max-width: 85% !important;
}

.u-maw-90p {
  max-width: 90% !important;
}

.u-maw-95p {
  max-width: 95% !important;
}

.u-maw-100p {
  max-width: 100% !important;
}

.u-maw-0px {
  max-width: 0px !important;
}

.u-maw-50px {
  max-width: 50px !important;
}

.u-maw-100px {
  max-width: 100px !important;
}

.u-maw-150px {
  max-width: 150px !important;
}

.u-maw-200px {
  max-width: 200px !important;
}

.u-maw-250px {
  max-width: 250px !important;
}

.u-maw-300px {
  max-width: 300px !important;
}

.u-maw-350px {
  max-width: 350px !important;
}

.u-maw-400px {
  max-width: 400px !important;
}

.u-maw-450px {
  max-width: 450px !important;
}

.u-maw-500px {
  max-width: 500px !important;
}

.u-maw-550px {
  max-width: 550px !important;
}

.u-maw-600px {
  max-width: 600px !important;
}

.u-maw-650px {
  max-width: 650px !important;
}

.u-maw-700px {
  max-width: 700px !important;
}

.u-maw-750px {
  max-width: 750px !important;
}

.u-maw-800px {
  max-width: 800px !important;
}

.u-maw-850px {
  max-width: 850px !important;
}

.u-maw-900px {
  max-width: 900px !important;
}

.u-maw-950px {
  max-width: 950px !important;
}

.u-maw-1000px {
  max-width: 1000px !important;
}

.u-maw-1050px {
  max-width: 1050px !important;
}

.u-maw-1100px {
  max-width: 1100px !important;
}

.u-maw-1150px {
  max-width: 1150px !important;
}

.u-maw-1200px {
  max-width: 1200px !important;
}

.u-maw-1250px {
  max-width: 1250px !important;
}

.u-maw-1300px {
  max-width: 1300px !important;
}

.u-maw-1350px {
  max-width: 1350px !important;
}

.u-maw-1400px {
  max-width: 1400px !important;
}

.u-maw-1450px {
  max-width: 1450px !important;
}

.u-maw-1500px {
  max-width: 1500px !important;
}

/* タブレット */
.u-maw-tb-0p {
  max-width: 0% !important;
}

.u-maw-tb-5p {
  max-width: 5% !important;
}

.u-maw-tb-10p {
  max-width: 10% !important;
}

.u-maw-tb-15p {
  max-width: 15% !important;
}

.u-maw-tb-20p {
  max-width: 20% !important;
}

.u-maw-tb-25p {
  max-width: 25% !important;
}

.u-maw-tb-30p {
  max-width: 30% !important;
}

.u-maw-tb-35p {
  max-width: 35% !important;
}

.u-maw-tb-40p {
  max-width: 40% !important;
}

.u-maw-tb-45p {
  max-width: 45% !important;
}

.u-maw-tb-50p {
  max-width: 50% !important;
}

.u-maw-tb-55p {
  max-width: 55% !important;
}

.u-maw-tb-60p {
  max-width: 60% !important;
}

.u-maw-tb-65p {
  max-width: 65% !important;
}

.u-maw-tb-70p {
  max-width: 70% !important;
}

.u-maw-tb-75p {
  max-width: 75% !important;
}

.u-maw-tb-80p {
  max-width: 80% !important;
}

.u-maw-tb-85p {
  max-width: 85% !important;
}

.u-maw-tb-90p {
  max-width: 90% !important;
}

.u-maw-tb-95p {
  max-width: 95% !important;
}

.u-maw-tb-100p {
  max-width: 100% !important;
}

/* タブレット */
.u-maw-sp-0p {
  max-width: 0% !important;
}

.u-maw-sp-5p {
  max-width: 5% !important;
}

.u-maw-sp-10p {
  max-width: 10% !important;
}

.u-maw-sp-15p {
  max-width: 15% !important;
}

.u-maw-sp-20p {
  max-width: 20% !important;
}

.u-maw-sp-25p {
  max-width: 25% !important;
}

.u-maw-sp-30p {
  max-width: 30% !important;
}

.u-maw-sp-35p {
  max-width: 35% !important;
}

.u-maw-sp-40p {
  max-width: 40% !important;
}

.u-maw-sp-45p {
  max-width: 45% !important;
}

.u-maw-sp-50p {
  max-width: 50% !important;
}

.u-maw-sp-55p {
  max-width: 55% !important;
}

.u-maw-sp-60p {
  max-width: 60% !important;
}

.u-maw-sp-65p {
  max-width: 65% !important;
}

.u-maw-sp-70p {
  max-width: 70% !important;
}

.u-maw-sp-75p {
  max-width: 75% !important;
}

.u-maw-sp-80p {
  max-width: 80% !important;
}

.u-maw-sp-85p {
  max-width: 85% !important;
}

.u-maw-sp-90p {
  max-width: 90% !important;
}

.u-maw-sp-95p {
  max-width: 95% !important;
}

.u-maw-sp-100p {
  max-width: 100% !important;
}

/* 上マージン
   ========================================================================== */
/* 共通 */
.u-mt-0 {
  margin-top: 0px !important;
}

.u-mt-2 {
  margin-top: 2px !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mt-6 {
  margin-top: 6px !important;
}

.u-mt-8 {
  margin-top: 8px !important;
}

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

.u-mt-12 {
  margin-top: 12px !important;
}

.u-mt-14 {
  margin-top: 14px !important;
}

.u-mt-16 {
  margin-top: 16px !important;
}

.u-mt-18 {
  margin-top: 18px !important;
}

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

.u-mt-22 {
  margin-top: 22px !important;
}

.u-mt-24 {
  margin-top: 24px !important;
}

.u-mt-26 {
  margin-top: 26px !important;
}

.u-mt-28 {
  margin-top: 28px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mt-32 {
  margin-top: 32px !important;
}

/* タブレット */
@media screen and (max-width: 768px) {
  .u-mt-tb-0 {
    margin-top: 0px !important;
  }
  .u-mt-tb-2 {
    margin-top: 2px !important;
  }
  .u-mt-tb-4 {
    margin-top: 4px !important;
  }
  .u-mt-tb-6 {
    margin-top: 6px !important;
  }
  .u-mt-tb-8 {
    margin-top: 8px !important;
  }
  .u-mt-tb-10 {
    margin-top: 10px !important;
  }
  .u-mt-tb-12 {
    margin-top: 12px !important;
  }
  .u-mt-tb-14 {
    margin-top: 14px !important;
  }
  .u-mt-tb-16 {
    margin-top: 16px !important;
  }
  .u-mt-tb-18 {
    margin-top: 18px !important;
  }
  .u-mt-tb-20 {
    margin-top: 20px !important;
  }
  .u-mt-tb-22 {
    margin-top: 22px !important;
  }
  .u-mt-tb-24 {
    margin-top: 24px !important;
  }
  .u-mt-tb-26 {
    margin-top: 26px !important;
  }
  .u-mt-tb-28 {
    margin-top: 28px !important;
  }
  .u-mt-tb-30 {
    margin-top: 30px !important;
  }
  .u-mt-tb-32 {
    margin-top: 32px !important;
  }
}

/* スマホ */
@media screen and (max-width: 768px) {
  .u-mt-sp-0 {
    margin-top: 0px !important;
  }
  .u-mt-sp-2 {
    margin-top: 2px !important;
  }
  .u-mt-sp-4 {
    margin-top: 4px !important;
  }
  .u-mt-sp-6 {
    margin-top: 6px !important;
  }
  .u-mt-sp-8 {
    margin-top: 8px !important;
  }
  .u-mt-sp-10 {
    margin-top: 10px !important;
  }
  .u-mt-sp-12 {
    margin-top: 12px !important;
  }
  .u-mt-sp-14 {
    margin-top: 14px !important;
  }
  .u-mt-sp-16 {
    margin-top: 16px !important;
  }
  .u-mt-sp-18 {
    margin-top: 18px !important;
  }
  .u-mt-sp-20 {
    margin-top: 20px !important;
  }
  .u-mt-sp-22 {
    margin-top: 22px !important;
  }
  .u-mt-sp-24 {
    margin-top: 24px !important;
  }
  .u-mt-sp-26 {
    margin-top: 26px !important;
  }
  .u-mt-sp-28 {
    margin-top: 28px !important;
  }
  .u-mt-sp-30 {
    margin-top: 30px !important;
  }
  .u-mt-sp-32 {
    margin-top: 32px !important;
  }
}
/* 下マージン
   ========================================================================== */
/* 共通 */
.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-mb-2 {
  margin-bottom: 2px !important;
}

.u-mb-4 {
  margin-bottom: 4px !important;
}

.u-mb-6 {
  margin-bottom: 6px !important;
}

.u-mb-8 {
  margin-bottom: 8px !important;
}

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

.u-mb-12 {
  margin-bottom: 12px !important;
}

.u-mb-14 {
  margin-bottom: 14px !important;
}

.u-mb-16 {
  margin-bottom: 16px !important;
}

.u-mb-18 {
  margin-bottom: 18px !important;
}

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

.u-mb-22 {
  margin-bottom: 22px !important;
}

.u-mb-24 {
  margin-bottom: 24px !important;
}

.u-mb-26 {
  margin-bottom: 26px !important;
}

.u-mb-28 {
  margin-bottom: 28px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-mb-32 {
  margin-bottom: 32px !important;
}

/* タブレット */
@media screen and (max-width: 768px) {
  .u-mb-tb-0 {
    margin-bottom: 0px !important;
  }
  .u-mb-tb-2 {
    margin-bottom: 2px !important;
  }
  .u-mb-tb-4 {
    margin-bottom: 4px !important;
  }
  .u-mb-tb-6 {
    margin-bottom: 6px !important;
  }
  .u-mb-tb-8 {
    margin-bottom: 8px !important;
  }
  .u-mb-tb-10 {
    margin-bottom: 10px !important;
  }
  .u-mb-tb-12 {
    margin-bottom: 12px !important;
  }
  .u-mb-tb-14 {
    margin-bottom: 14px !important;
  }
  .u-mb-tb-16 {
    margin-bottom: 16px !important;
  }
  .u-mb-tb-18 {
    margin-bottom: 18px !important;
  }
  .u-mb-tb-20 {
    margin-bottom: 20px !important;
  }
  .u-mb-tb-22 {
    margin-bottom: 22px !important;
  }
  .u-mb-tb-24 {
    margin-bottom: 24px !important;
  }
  .u-mb-tb-26 {
    margin-bottom: 26px !important;
  }
  .u-mb-tb-28 {
    margin-bottom: 28px !important;
  }
  .u-mb-tb-30 {
    margin-bottom: 30px !important;
  }
  .u-mb-tb-32 {
    margin-bottom: 32px !important;
  }
}

/* スマホ */
@media screen and (max-width: 768px) {
  .u-mb-sp-0 {
    margin-bottom: 0px !important;
  }
  .u-mb-sp-2 {
    margin-bottom: 2px !important;
  }
  .u-mb-sp-4 {
    margin-bottom: 4px !important;
  }
  .u-mb-sp-6 {
    margin-bottom: 6px !important;
  }
  .u-mb-sp-8 {
    margin-bottom: 8px !important;
  }
  .u-mb-sp-10 {
    margin-bottom: 10px !important;
  }
  .u-mb-sp-12 {
    margin-bottom: 12px !important;
  }
  .u-mb-sp-14 {
    margin-bottom: 14px !important;
  }
  .u-mb-sp-16 {
    margin-bottom: 16px !important;
  }
  .u-mb-sp-18 {
    margin-bottom: 18px !important;
  }
  .u-mb-sp-20 {
    margin-bottom: 20px !important;
  }
  .u-mb-sp-22 {
    margin-bottom: 22px !important;
  }
  .u-mb-sp-24 {
    margin-bottom: 24px !important;
  }
  .u-mb-sp-26 {
    margin-bottom: 26px !important;
  }
  .u-mb-sp-28 {
    margin-bottom: 28px !important;
  }
  .u-mb-sp-30 {
    margin-bottom: 30px !important;
  }
  .u-mb-sp-32 {
    margin-bottom: 32px !important;
  }
}
/* テキスト位置
   ========================================================================== */
.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

/* 重ね順
   ========================================================================== */
/* 共通 */
.u-z-a {
  z-index: auto !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-z7 {
  z-index: 7 !important;
}

.u-z8 {
  z-index: 8 !important;
}

.u-z9 {
  z-index: 9 !important;
}

.u-z10 {
  z-index: 10 !important;
}

.u-z9999 {
  z-index: 9999 !important;
}

.lyt-w980-box {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}

/* 追加
   ========================================================================== */
.u-jc-c {
	justify-content: center !important;
}

.btn-b.icon-block[href$=".pdf"]::before {
    display: block;
}
@media only screen and (min-width: 1280px) {
	.u-mr-pc-0 {
		margin-right: 0 !important;
	}
}

.sap-lyt-4col-wrap.sap-lyt-3col-wrap .item:not(:last-child) {
    margin-right: 64px;
}
@media only screen and (max-width: 768px) {
	.sap-lyt-4col-wrap.sap-lyt-3col-wrap .item {
		margin: 0 auto !important;
	}
}
@media screen and (max-width: 768px) {
	.u-ml-tab-0 {
		margin-left: 0 !important;
	}
}