@charset "UTF-8";
/* ==========================================================================
 Foundation
========================================================================== */
/* ==========================================================================
 Reset
========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

:focus {
  outline: 0 none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

h1, h2, h3, h4, h5, h6, p, div {
  word-break: break-all;
  word-wrap: break-word;
  font-weight: normal;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

select::-ms-expand {
  display: none;
}

/* ==========================================================================
 Base
========================================================================== */
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: normal;
  src: url(../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.eot), url(../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.woff) format("woff"), url(../font/noto-sans-cjk/light/NotoSansCJKjp-Light-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 500;
  src: url(../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.eot), url(../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.woff) format("woff"), url(../font/noto-sans-cjk/regular/NotoSansCJKjp-Regular-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 600;
  src: url(../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.eot), url(../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.woff) format("woff"), url(../font/noto-sans-cjk/medium/NotoSansCJKjp-Medium-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: bold;
  src: url(../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.eot), url(../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.woff) format("woff"), url(../font/noto-sans-cjk/bold/NotoSansCJKjp-Bold-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
html {
  overflow-y: scroll;
  font-size: 0.625em;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font-family: "NotoSansCJKjp","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  color: #505050;
}

input, button, textarea, select {
  font-family: "NotoSansCJKjp","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}

img {
  vertical-align: top;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

a {
  text-decoration: none;
  transition: color 0.1s linear;
  color: #002a66;
}
a:active, a:hover {
  color: #002a66;
  text-decoration: none;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  color: #7d7d7d;
}

/* Firefox 18- */
:-moz-placeholder {
  color: #7d7d7d;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: #7d7d7d;
}

/* IE 10+ */
:-ms-input-placeholder {
  color: #7d7d7d !important;
}

:placeholder-shown {
  color: #7d7d7d;
}

.is-hide {
  display: none !important;
}

/* ==========================================================================
 Layout
========================================================================== */
/* ==========================================================================
 Wrapper
========================================================================== */
.l-wrapper {
  overflow: hidden;
  background-color: #fff;
  min-width: 1000px;
}

/* ==========================================================================
 Header
========================================================================== */
.l-header {
  width: 100%;
  border-bottom: 1px solid #aaaaaa;
}
.l-header__inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
.l-header__inner__logo {
  float: left;
}
.l-header__inner__link {
  float: right;
}
.l-header__inner__txt {
  font-size: 0.9rem;
  font-weight: 600;
  margin-top: 5px;
}
.l-header__inner__label {
  position: absolute;
  left: 0;
  bottom: -1px;
  border: 1px solid #000;
  font-size: 1.5rem;
  font-weight: bold;
}
.l-header__inner__label:before {
  content: " ";
  position: absolute;
  bottom: -9px;
  left: 8px;
  width: 0;
  height: 0;
  border-width: 0 8px 8px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #000;
  z-index: 1;
}
.l-header__inner__label:after {
  content: " ";
  position: absolute;
  bottom: -22px;
  left: 14px;
  width: 0;
  height: 0;
  border-width: 15px 0 6px 3px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #fff;
  z-index: 1;
}
.l-header__inner__label--pink {
  border-color: #b42e82;
  color: #b42e82;
}
.l-header__inner__label--pink:before {
  border-right-color: #b42e82;
}
.l-header__inner__label--img01 {
  background: url(../images/common/header/icon_01.png) left center no-repeat;
  background-size: 26px auto;
  padding-left: 30px;
  padding-right: 10px;
}

/* ==========================================================================
 Main
========================================================================== */
.l-nav {
  width: 100%;
  color: #fff;
  background-color: #6bbee8;
}
.l-nav__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.l-nav__inner__menu {
  -webkit-flex: 0 1 815px;
  flex: 0 1 815px;
}
.l-nav__inner__myBox {
  -webkit-flex: 0 1 320px;
  flex: 0 1 320px;
}

.l-navMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.l-navMenu__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.l-navMenu__list__link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #6bbee8;
  width: 100%;
  cursor: pointer;
  color: #fff;
  background-color: #6bbee8;
  line-height: 1.4;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  transition: color .1s linear,background-color .1s linear,border-color .1s linear,opacity .1s linear;
}
.l-navMenu__list__link:hover, .l-navMenu__list__linkis-current {
  border-left-color: #fff;
  border-right-color: #fff;
  color: #fff;
  background-color: #00b684;
}
.l-navMenuTxt {
  font-size: 2rem;
  display: block;
}
.l-navMenuTxt__small {
  font-size: 1.8rem;
  display: block;
}

.l-navMyBox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
.l-navMyBox__list {
  padding-left: 20px;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* ==========================================================================
 Main
========================================================================== */
.l-main__box {
  width: 100%;
}
.l-main__box__inner {
  width: 1000px;
  margin: 0 auto;
}

/* ==========================================================================
 Aside
========================================================================== */
/* ==========================================================================
 Footer
========================================================================== */
.l-footer {
  width: 100%;
}
.l-footer__inner {
  max-width: 1000px;
  margin: 0 auto;
}
.l-footer__inner__contact {
  padding: 7px;
  background: url(../images/common/bg/footer_01.png) repeat 0 0;
}
.l-footer__inner__contact--ttl {
  padding: 0 0 0 8px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
  border-left: 4px solid #b60081;
}
.l-footer__inner__contact--txt01 {
  color: #575757;
  font-size: 1rem;
}
.l-footer__inner__contact--txt02 {
  color: #000;
  font-size: 1.3rem;
}
.l-footer__inner__reader {
  padding: 10px 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 30px;
}
.l-footer__inner__reader--img {
  width: 158px;
  float: left;
  margin-left: 15px;
}
.l-footer__inner__reader--txt {
  float: left;
  margin-left: 20px;
  width: 807px;
  font-size: 1.1rem;
  color: #000;
}
.l-footer__inner__copyright {
  text-align: center;
  font-size: 1.5rem;
}

/* ==========================================================================
 Object
========================================================================== */
/* -----------------------------------------------------------------
 Component
----------------------------------------------------------------- */
.c-column {
  display: flex;
  flex-flow: row wrap;
}
.c-column__list {
  flex: 0 0 auto;
}
.c-column__list--border {
  border-right: 1px solid #a0a0a0;
}
.c-column__list--borderB {
  border-bottom: 1px solid #a0a0a0;
}
.c-column__list--one {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.c-column__list--one:nth-of-type(1n) {
  border-right-width: 0;
}
.c-column__list--two {
  width: 50%;
  max-width: 50%;
  flex-basis: 50%;
}
.c-column__list--two:nth-of-type(2n) {
  border-right-width: 0;
}
.c-column__list--three {
  width: 33.33%;
  max-width: 33.33%;
  flex-basis: 33.33%;
}
.c-column__list--three:nth-of-type(3n) {
  border-right-width: 0;
}
.c-column__list--four {
  width: 25%;
  max-width: 25%;
  flex-basis: 25%;
}
.c-column__list--four:nth-of-type(4n) {
  border-right-width: 0;
}
.c-column--spaceL {
  margin: 0 -35px -25px;
}
.c-column--spaceL__list {
  padding: 0 35px 25px;
}
.c-column--spaceM {
  margin: 0 -20px -30px;
}
.c-column--spaceM__list {
  padding: 0 20px 30px;
}
.c-column--spaceS {
  margin: 0 -6px -10px;
}
.c-column--spaceS__list {
  padding: 0 6px 10px;
}
.c-column--spaceSS {
  margin: 0 -5px -10px;
}
.c-column--spaceSS__list {
  padding: 0 5px 10px;
}
.c-column--spaceXS {
  margin: 0 -5px -5px;
}
.c-column--spaceXS__list {
  padding: 0 5px 5px;
}
.c-column--center {
  justify-content: center;
}

.row {
  margin-left: -2%;
  box-sizing: border-box;
}
.row [class*='col-'] {
  margin-left: 2%;
  box-sizing: border-box;
  float: left;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row--col-12 {
  width: 98%;
}
.row--col-11 {
  width: 89.66667%;
}
.row--col-10 {
  width: 81.33333%;
}
.row--col-9 {
  width: 73%;
}
.row--col-8 {
  width: 64.66667%;
}
.row--col-7 {
  width: 56.33333%;
}
.row--col-6 {
  width: 48%;
}
.row--col-5 {
  width: 39.66667%;
}
.row--col-4 {
  width: 31.33333%;
}
.row--col-3 {
  width: 23%;
}
.row--col2 {
  width: 14.66667%;
}
.row--col-1 {
  width: 6.33333%;
}

.c-btn {
  display: block;
  text-align: center;
  padding: 7px 12px 5px;
  margin: 0 auto;
  font-size: 1.7rem;
  font-weight: 600;
  color: #b60081;
  width: 100%;
  cursor: pointer;
  background-color: #FFF;
  line-height: 1.4;
  transition: color .1s linear,background-color .1s linear,border-color .1s linear,opacity .1s linear;
}
.c-btn:hover {
  color: #b60081;
}
.c-btn--fill {
  color: #fff;
  background-color: #6bbee8;
}
.c-btn--fill:hover, .c-btn--fillis-current {
  background-color: #00b684;
}
.c-btn--fill02 {
  color: #fff;
  background-color: #00b684;
  min-width: 120px;
}
.c-btn--fill02:hover {
  opacity: .8;
  background-color: #00b684;
}
.c-btn--bdr {
  border: 1px solid #bb1b81;
  color: #bb1b81;
}
.c-btn--bdrWhite {
  border: 4px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.c-btn--bdrWhite:hover {
  border: 4px solid white;
  background-color: white;
  color: #6bbee8;
}
.c-btn--radius {
  border-radius: 5px;
}
.c-btn--sizeM {
  width: 235px;
}
.c-btn--sizeL {
  width: 660px;
}
.c-btn--size510 {
  width: 510px;
}

.c-btnTxt {
  color: #505050;
}
.c-btnTxt:hover {
  color: #999;
}

.c-btnOpacity {
  transition: opacity .1s linear;
}
.c-btnOpacity:hover {
  opacity: .8;
}

.c-icon {
  color: #6bbee8;
}
.c-icon__print {
  display: inline-block;
  background: url(../images/icon/icon_print.svg) left center no-repeat;
  background-size: 24px auto;
  padding-left: 35px;
  min-height: 24px;
  line-height: 1.4;
}
.c-icon:hover .c-icon__print {
  background-image: url(../images/icon/icon_print_white.svg);
}

.c-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
}

.ccm-pagination-wrapper {
  text-align: center;
}

.c-pager {
  margin-bottom: 40px;
}
.c-pager > li {
  display: inline-block;
  padding: 0 5px;
  line-height: 1.4;
  font-size: 1.4rem;
}
.c-pager > li a {
  color: #6bbee8;
  display: inline-block;
  padding: 5px 10px;
  transition: color .1s linear,background-color .1s linear;
}
.c-pager > li a:hover {
  color: #fff;
  background-color: #6bbee8;
}
.c-pager > li span {
  display: inline-block;
  padding: 5px 10px;
}
.c-pager > li.is-active span {
  color: #fff;
  background-color: #6bbee8;
}
.c-pager__prev.is-disabled {
  display: none;
}
.c-pager__prev a:before {
  content: "";
  width: 14px;
  height: 10px;
  background: url(../images/icon/icon_arrow_left01.svg) left center no-repeat;
  background-size: 8px auto;
  display: inline-block;
}
.c-pager__next.is-disabled {
  display: none;
}
.c-pager__next a:after {
  content: "";
  width: 14px;
  height: 10px;
  background: url(../images/icon/icon_arrow_right01.svg) right center no-repeat;
  background-size: 8px auto;
  display: inline-block;
}

.c-keyframes {
  animation: .4s linear;
}
.c-keyframes--fadeIn {
  animation-name: fadeIn;
}
.c-keyframes--fadeOut {
  animation-name: fadeOut;
}
.c-keyframes--translateL {
  animation-name: translateL;
}
.c-keyframes--translateR {
  animation-name: translateR;
}
.c-keyframes--translateT {
  animation-name: translateT;
}
.c-keyframes--translateB {
  animation-name: translateB;
}
.c-keyframes--scale1 {
  animation-name: scale1;
}
.c-keyframes--scale0 {
  animation-name: scale0;
}
.c-keyframes--rotate {
  animation-name: rotate;
}
.c-keyframes--delay05 {
  animation-delay: .05s;
}
.c-keyframes--delay1 {
  animation-delay: .1s;
}
.c-keyframes--delay2 {
  animation-delay: .2s;
}
.c-keyframes--delay3 {
  animation-delay: .3s;
}
.c-keyframes--delay4 {
  animation-delay: .4s;
}
.c-keyframes--delay5 {
  animation-delay: .5s;
}
.c-keyframes--delay6 {
  animation-delay: .6s;
}
.c-keyframes--delay7 {
  animation-delay: .7s;
}
.c-keyframes--delay8 {
  animation-delay: .8s;
}
.c-keyframes--delay9 {
  animation-delay: .9s;
}
.c-keyframes--delay10 {
  animation-delay: 1s;
}
.c-keyframes--ease {
  animation-timing-function: ease;
}
.c-keyframes--easeIn {
  animation-timing-function: ease-in;
}
.c-keyframes--easeOut {
  animation-timing-function: ease-out;
}
.c-keyframes--easeInOut {
  animation-timing-function: ease-in-out;
}
.c-keyframes--infinity {
  animation-iteration-count: infinite;
}
.c-keyframes--200ms {
  animation-duration: .2s;
}
.c-keyframes--400ms {
  animation-duration: .4s;
}
.c-keyframes--600ms {
  animation-duration: .6s;
}
.c-keyframes--800ms {
  animation-duration: .8s;
}
.c-keyframes--1000ms {
  animation-duration: 1s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes translateL {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}
@keyframes translateR {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(100vw);
  }
}
@keyframes translateT {
  0% {
    transform: translateY(0vw);
  }
  100% {
    transform: translateY(-100vh);
  }
}
@keyframes translateB {
  0% {
    transform: translateY(0vh);
  }
  100% {
    transform: translateY(100vh);
  }
}
@keyframes scale1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale0 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-transform {
  transform-origin: center center;
}
.c-transform--rotate {
  transform: rotate(90deg);
}

.c-table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 15px;
}
.c-table--noFoot {
  border-bottom: 1px solid #e9e9e9;
}
.c-table__thead__tr__th {
  text-align: center;
  padding: 7px 10px 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #6bbee8;
  color: #fff;
}
.c-table__thead__tr__th--large {
  width: 270px;
}
.c-table__thead__tr__th--medium {
  width: 190px;
}
.c-table__thead__tr__td {
  text-align: center;
  padding: 7px 10px 5px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #dceaf5;
}
.c-table__thead__tr__td--large {
  width: 270px;
}
.c-table__thead__tr__td--medium {
  width: 190px;
}
.c-table__tbody__tr__th {
  text-align: right;
  padding: 7px 10px 5px;
  border-right: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}
.c-table__tbody__tr__th--large {
  width: 270px;
}
.c-table__tbody__tr__th--medium {
  width: 190px;
}
.c-table__tbody__tr__th:last-of-type {
  border-right-width: 0;
}
.c-table__tbody__tr__td {
  text-align: right;
  padding: 7px 10px 5px;
  border-right: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}
.c-table__tbody__tr__td--large {
  width: 270px;
}
.c-table__tbody__tr__td--medium {
  width: 190px;
}
.c-table__tbody__tr__td:last-of-type {
  border-right-width: 0;
}
.c-table__tfoot__tr__th {
  text-align: right;
  padding: 7px 10px 5px;
  border-top: 1px solid #6bbee8;
  border-bottom: 1px solid #6bbee8;
  border-right: 1px solid #e9e9e9;
}
.c-table__tfoot__tr__th--nobdr {
  border-right-width: 0;
}
.c-table__tfoot__tr__th:last-of-type {
  border-right-width: 0;
}
.c-table__tfoot__tr__td {
  text-align: right;
  padding: 7px 10px 5px;
  border-top: 1px solid #6bbee8;
  border-bottom: 1px solid #6bbee8;
  border-right: 1px solid #e9e9e9;
}
.c-table__tfoot__tr__td--nobdr {
  border-right-width: 0;
}
.c-table__tfoot__tr__td:last-of-type {
  border-right-width: 0;
}

.c-flex {
  display: -webkit-flex;
  display: flex;
}
.c-flex--jcBetween {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.c-flex--jcStart {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.c-flex--jcEnd {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.c-flex--aiCenter {
  -webkit-align-items: center;
  align-items: center;
}
.c-flex__children {
  flex: 0 1 auto;
}
.c-flex__children--w100 {
  flex-basis: 100px;
}

.c-pagetop {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.c-pagetop__btn {
  width: 60px;
  height: 60px;
  background-color: #505050;
  display: block;
  text-align: center;
  padding-top: 18px;
}

/* -----------------------------------------------------------------
 Project
----------------------------------------------------------------- */
/* ==========================================================================
 txt
========================================================================== */
.p-txt--ttl01 {
  font-size: 2.6rem;
  font-weight: bold;
  color: #6bbee8;
}
.p-txt--ttl02 {
  font-size: 3.0rem;
  font-weight: bold;
  background: #7ac4ea;
  color: #FFF;
}
.p-txt--ttl03 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #FFF;
}
.p-txt--ttl04 {
  position: relative;
  margin-top: 45px;
  height: 75px;
  background: #54b0de;
}
.p-txt--ttl04--img {
  position: absolute;
  top: -35px;
  left: 10px;
}
.p-txt--ttl05 {
  position: relative;
  height: 119px;
}
.p-txt--ttl05--img {
  position: absolute;
  top: -31px;
  left: 0;
}
.p-txt--ttl06 {
  font-size: 3rem;
  font-weight: 600;
  color: #505050;
  border-left: solid 10px #bb1b81;
  padding-left: 10px;
  line-height: 1.5;
}
.p-txt--ttl07 {
  font-size: 1.8rem;
  color: #000;
  font-weight: bold;
  margin: 36px 0 18px;
  border-left: 4px solid #b60081;
}
.p-txt--ttl07--border01 {
  padding: 0 0 0 10px;
  display: block;
  border-left: 2px solid #e9b3d9;
}
.p-txt--ttl08 {
  font-size: 1.5rem;
  color: #000;
  font-weight: bold;
  margin: 28px 0 18px;
  padding: 0 0 3px 16px;
  border-bottom: 1px solid #d1d1d1;
}
.p-txt--ttl09 {
  margin: 28px 0 18px;
  padding: 8px 0;
  font-size: 1.5rem;
  color: #000;
  font-weight: bold;
  background: #f5f5f5;
}
.p-txt--ttl09--border01 {
  padding: 1px 0 0 12px;
  display: block;
  line-height: 1;
  border-left: 4px solid #7a7a7a;
}
.p-txt--link01 {
  font-size: 1.9rem;
  font-weight: 600;
  color: #505050;
  border-bottom: 1px solid #505050;
}
.p-txt--link01:active, .p-txt--link01:hover {
  color: #505050;
}
.p-txt--link02 {
  text-decoration: underline;
}
.p-txt--link02:active, .p-txt--link02:hover {
  text-decoration: none;
}
.p-txt01 {
  font-size: 1.4rem;
  font-weight: 600;
  color: #7d7d7d;
}
.p-txt02 {
  font-size: 1.9rem;
  font-weight: 600;
  color: #505050;
}
.p-txt03 {
  font-size: 1.9rem;
  font-weight: bold;
  color: #00b684;
}
.p-txt04 {
  font-size: 2.3rem;
  font-weight: bold;
  color: #00b684;
}
.p-txt05 {
  font-size: 2.5rem;
  font-weight: 600;
  color: #505050;
}
.p-txt06 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #00b684;
}
.p-txt07 {
  font-size: 3rem;
  font-weight: 600;
  color: #505050;
}
.p-txt08 {
  font-size: 4.5rem;
  font-weight: 600;
  color: #00b684;
}
.p-txt09 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
}
.p-txt10 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
}
.p-txt11 {
  font-size: 3.5rem;
  font-weight: bold;
  color: #00b684;
}
.p-txt12 {
  font-size: 8.8rem;
  font-weight: bold;
  color: #00b684;
}
.p-txt--label01 {
  display: inline-block;
  font-size: 2.8rem;
  font-weight: bold;
  color: #FFF;
  background-color: #00b684;
  border-radius: 50px;
  line-height: 1.1;
  width: 100px;
  height: 100px;
  padding-top: 20px;
  vertical-align: bottom;
  text-align: center;
}

/* ==========================================================================
 icon
========================================================================== */
.p-icon {
  display: inline-block;
}
.p-icon--arrow01 {
  padding-left: 15px;
  background: url(../images/common/icon/arrow_01.png) left center no-repeat;
}
.p-icon--arrow02 {
  padding-left: 20px;
  background: url(../images/common/icon/arrow_02.png) left 60% no-repeat;
}
.p-icon--arrow03 {
  margin-bottom: 8px;
  padding-left: 16px;
  background: url(../images/common/icon/arrow_03.png) left center no-repeat;
}
.p-icon--square01 {
  margin-bottom: 8px;
  padding-left: 16px;
  background: url(../images/common/icon/square_01.png) left 45% no-repeat;
}
.p-icon--circle01 {
  margin-bottom: 8px;
  padding-left: 16px;
  background: url(../images/common/icon/circle_01.png) left 9px no-repeat;
}
.p-icon--pagetop {
  background: url(../images/common/icon/pagetop_off.png) no-repeat center 10px #FFF;
  text-decoration: none;
  width: 60px;
  font-size: 1rem;
  font-weight: bold;
  padding: 33px 10px 5px 10px;
  text-align: center;
  display: block;
  border-radius: 8px;
  color: #999;
  position: relative;
  box-shadow: 0px 0px 4px #666;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
  line-height: 1;
}
.p-icon--pagetop:active, .p-icon--pagetop:hover {
  background: url(../images/common/icon/pagetop_on.png) no-repeat center 10px #FFF;
  color: #999;
}

/* ==========================================================================
 background
========================================================================== */
.p-background--blue {
  background: #e1f2fa;
}
.p-background--lowblue {
  background: #6bbee8;
}
.p-background--border {
  background: url(../images/common/bg/border_01.jpg) repeat;
}
.p-background--ttl {
  background: url(../images/common/bg/blue_01.jpg) left top repeat-x;
  background-size: auto 100%;
}
.p-background--ttl--img {
  top: -15px;
  right: 0;
}

/* ==========================================================================
 border
========================================================================== */
.p-border01 {
  border-top: 1px solid #afb7bb;
}
.p-border02 {
  border: 3px solid #54b0de;
}
.p-border03 {
  border: 3px solid #bb1b81;
}
.p-border04 {
  border-top: 5px solid #6bbee8;
}

/* ==========================================================================
 form
========================================================================== */
.p-form--txt01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 3rem;
  font-weight: 600;
  color: #505050;
  border: 1px solid #a1a1a1;
  width: 160px;
  padding: 5px 10px;
  box-shadow: 0 0 0 #fff;
}
.p-form--select01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 3rem;
  font-weight: 600;
  color: #505050;
  border: 1px solid #a1a1a1;
  width: 160px;
  padding: 5px 45px 5px 5px;
  background: #fff url(../images/common/contents/btn03.svg) right center no-repeat;
  background-size: 28px auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================================
 block
========================================================================== */
.p-block__detail {
  width: 900px;
  margin: 0 auto;
}
.p-block__btnBlock {
  width: 1100px;
  margin: 0 auto;
}
.p-block__btnBlock--left {
  float: left;
  width: 478px;
}
.p-block__btnBlock--right {
  float: right;
  width: 598px;
}

/* ==========================================================================
 position
========================================================================== */
.p-position--pagetop {
  position: fixed;
  bottom: 60px;
  right: 60px;
}
.p-position--sidenavi {
  text-align: right;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 785px;
}

/* -----------------------------------------------------------------
 Utility
----------------------------------------------------------------- */
/* ==========================================================================
 width
========================================================================== */
.u-bgc-white {
  background-color: #fff !important;
}

.u-bgc-blue {
  background-color: #6bbee8 !important;
}

/* ==========================================================================
 vertical-align
========================================================================== */
.u-va-t {
  vertical-align: top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-va-bl {
  vertical-align: baseline !important;
}

/* ==========================================================================
 border
========================================================================== */
.u-br-4 {
  border-radius: 4px;
}

.u-br-8 {
  border-radius: 8px;
}

.u-br-12 {
  border-radius: 12px;
}

.u-br-16 {
  border-radius: 16px;
}

.u-br-16 {
  border-radius: 16px;
}

.u-br-tl-0 {
  border-top-left-radius: 0;
}

.u-br-tr-0 {
  border-top-right-radius: 0;
}

.u-br-bl-0 {
  border-bottom-left-radius: 0;
}

.u-br-br-0 {
  border-bottom-right-radius: 0;
}

/* border-none */
.u-br-0 {
  border: none;
}

.u-br-t-0 {
  border-top: none;
}

.u-br-r-0 {
  border-right: none;
}

.u-br-b-0 {
  border-bottom: none;
}

.u-br-l-0 {
  border-left: none;
}

/* ==========================================================================
 clearfix
========================================================================== */
.u-cf {
  min-height: 1%;
}
.u-cf:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* ==========================================================================
 display
========================================================================== */
.u-d-tb {
  display: table !important;
}

.u-d-tbc {
  display: table-cell !important;
}

.u-d-b {
  display: block !important;
}

.u-d-ib {
  display: inline-block !important;
}

.u-d-i {
  display: inline !important;
}

.u-d-n {
  display: none !important;
}

.u-d-f {
  display: flex !important;
}

/* ==========================================================================
 float
========================================================================== */
.u-fl-l {
  float: left !important;
}

.u-fl-r {
  float: right !important;
}

.u-fl-n {
  float: none !important;
}

/* ==========================================================================
 font-size
========================================================================== */
.u-fz-10 {
  font-size: 1rem !important;
}

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

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

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

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

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

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

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

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

.u-fz-10 {
  font-size: 1rem !important;
}

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

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

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

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

.u-fz-35 {
  font-size: 3.5rem !important;
}

.u-fz-40 {
  font-size: 4rem !important;
}

.u-fz-45 {
  font-size: 4.5rem !important;
}

.u-fz-50 {
  font-size: 5rem !important;
}

.u-fz-55 {
  font-size: 5.5rem !important;
}

.u-fz-60 {
  font-size: 6rem !important;
}

.u-fz-65 {
  font-size: 6.5rem !important;
}

.u-fz-70 {
  font-size: 7rem !important;
}

.u-fz-75 {
  font-size: 7.5rem !important;
}

/* ==========================================================================
 font-weight
========================================================================== */
.u-fw-n {
  font-weight: normal !important;
}

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

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

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

/* ==========================================================================
 line-height
========================================================================== */
.u-lh-10 {
  line-height: 1 !important;
}

.u-lh-11 {
  line-height: 1.1 !important;
}

.u-lh-12 {
  line-height: 1.2 !important;
}

.u-lh-13 {
  line-height: 1.3 !important;
}

.u-lh-14 {
  line-height: 1.4 !important;
}

.u-lh-15 {
  line-height: 1.5 !important;
}

.u-lh-16 {
  line-height: 1.6 !important;
}

.u-lh-17 {
  line-height: 1.7 !important;
}

.u-lh-18 {
  line-height: 1.8 !important;
}

.u-lh-19 {
  line-height: 1.9 !important;
}

.u-lh-20 {
  line-height: 2 !important;
}

/* ==========================================================================
 color
========================================================================== */
.u-clr-white {
  color: #fff !important;
}

.u-clr-blue {
  color: #6bbee8 !important;
}

.u-clr-red {
  color: #b80000 !important;
}

/* ==========================================================================
 margin
========================================================================== */
.u-m-c {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Top margin */
.u-mt-0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Right margin */
.u-mr-0 {
  margin-right: 0px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-mr-35 {
  margin-right: 35px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mr-45 {
  margin-right: 45px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-mr-55 {
  margin-right: 55px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-mr-65 {
  margin-right: 65px !important;
}

.u-mr-70 {
  margin-right: 70px !important;
}

.u-mr-75 {
  margin-right: 75px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-mr-85 {
  margin-right: 85px !important;
}

.u-mr-90 {
  margin-right: 90px !important;
}

/* Bottom margin */
.u-mb-0 {
  margin-bottom: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Left margin */
.u-ml-0 {
  margin-left: 0px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-ml-35 {
  margin-left: 35px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-ml-45 {
  margin-left: 45px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-ml-55 {
  margin-left: 55px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-ml-65 {
  margin-left: 65px !important;
}

.u-ml-70 {
  margin-left: 70px !important;
}

.u-ml-75 {
  margin-left: 75px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-ml-85 {
  margin-left: 85px !important;
}

.u-ml-90 {
  margin-left: 90px !important;
}

/* ==========================================================================
 padding
========================================================================== */
/* Top padding */
.u-pt-0 {
  padding-top: 0px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pt-55 {
  padding-top: 55px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pt-65 {
  padding-top: 65px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pt-75 {
  padding-top: 75px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pt-85 {
  padding-top: 85px !important;
}

.u-pt-90 {
  padding-top: 90px !important;
}

/* Right padding */
.u-pr-0 {
  padding-right: 0px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pr-25 {
  padding-right: 25px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

.u-pr-35 {
  padding-right: 35px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-pr-45 {
  padding-right: 45px !important;
}

.u-pr-50 {
  padding-right: 50px !important;
}

.u-pr-55 {
  padding-right: 55px !important;
}

.u-pr-60 {
  padding-right: 60px !important;
}

.u-pr-65 {
  padding-right: 65px !important;
}

.u-pr-70 {
  padding-right: 70px !important;
}

.u-pr-75 {
  padding-right: 75px !important;
}

.u-pr-80 {
  padding-right: 80px !important;
}

.u-pr-85 {
  padding-right: 85px !important;
}

.u-pr-90 {
  padding-right: 90px !important;
}

/* Bottom padding */
.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pb-35 {
  padding-bottom: 35px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pb-45 {
  padding-bottom: 45px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pb-55 {
  padding-bottom: 55px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pb-65 {
  padding-bottom: 65px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pb-75 {
  padding-bottom: 75px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pb-85 {
  padding-bottom: 85px !important;
}

.u-pb-90 {
  padding-bottom: 90px !important;
}

/* Left padding */
.u-pl-0 {
  padding-left: 0px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pl-25 {
  padding-left: 25px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

.u-pl-35 {
  padding-left: 35px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

.u-pl-45 {
  padding-left: 45px !important;
}

.u-pl-50 {
  padding-left: 50px !important;
}

.u-pl-55 {
  padding-left: 55px !important;
}

.u-pl-60 {
  padding-left: 60px !important;
}

.u-pl-65 {
  padding-left: 65px !important;
}

.u-pl-70 {
  padding-left: 70px !important;
}

.u-pl-75 {
  padding-left: 75px !important;
}

.u-pl-80 {
  padding-left: 80px !important;
}

.u-pl-85 {
  padding-left: 85px !important;
}

.u-pl-90 {
  padding-left: 90px !important;
}

/* ==========================================================================
 position
========================================================================== */
.u-pos-a {
  position: absolute !important;
}
.u-pos-a--left {
  left: 0;
}
.u-pos-a--right {
  right: 0;
}
.u-pos-a--top {
  top: 0;
}
.u-pos-a--bottom {
  bottom: 0;
}

.u-pos-r {
  position: relative !important;
}

.u-pos-s {
  position: static !important;
}

/* ==========================================================================
 text-align
========================================================================== */
.u-ta-l {
  text-align: left !important;
}

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

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

/* ==========================================================================
 text-decoration
========================================================================== */
.u-td-u {
  text-decoration: underline !important;
}

.u-td-n {
  text-decoration: none !important;
}

/* ==========================================================================
 text-indent
========================================================================== */
.u-tx-inside8 {
  text-indent: -0.8em !important;
  padding-left: 0.8em !important;
}

.u-tx-inside9 {
  text-indent: -0.9em !important;
  padding-left: 0.9em !important;
}

.u-tx-inside10 {
  text-indent: -1em !important;
  padding-left: 1em !important;
}

.u-tx-inside11 {
  text-indent: -1.1em !important;
  padding-left: 1.1em !important;
}

.u-tx-inside12 {
  text-indent: -1.2em !important;
  padding-left: 1.2em !important;
}

.u-tx-inside13 {
  text-indent: -1.3em !important;
  padding-left: 1.3em !important;
}

.u-tx-inside14 {
  text-indent: -1.4em !important;
  padding-left: 1.4em !important;
}

.u-tx-inside15 {
  text-indent: -1.5em !important;
  padding-left: 1.5em !important;
}

.u-tx-inside16 {
  text-indent: -1.6em !important;
  padding-left: 1.6em !important;
}

.u-tx-inside17 {
  text-indent: -1.7em !important;
  padding-left: 1.7em !important;
}

.u-tx-inside18 {
  text-indent: -1.8em !important;
  padding-left: 1.8em !important;
}

.u-tx-inside19 {
  text-indent: -1.9em !important;
  padding-left: 1.9em !important;
}

.u-tx-inside20 {
  text-indent: -2em !important;
  padding-left: 2em !important;
}

.u-tx-insideW8 {
  text-indent: -2.0em !important;
  padding-left: 2.4em !important;
}

.u-tx-insideW9 {
  text-indent: -2.3em !important;
  padding-left: 2.7em !important;
}

.u-tx-insideW10 {
  text-indent: -2.6em !important;
  padding-left: 3em !important;
}

.u-tx-insideW11 {
  text-indent: -2.9em !important;
  padding-left: 3.3em !important;
}

.u-tx-insideW12 {
  text-indent: -3.2em !important;
  padding-left: 3.6em !important;
}

.u-tx-insideW13 {
  text-indent: -3.5em !important;
  padding-left: 3.9em !important;
}

.u-tx-insideW14 {
  text-indent: -3.8em !important;
  padding-left: 4.2em !important;
}

.u-tx-insideW15 {
  text-indent: -4.1em !important;
  padding-left: 4.5em !important;
}

.u-tx-insideW16 {
  text-indent: -4.4em !important;
  padding-left: 4.8em !important;
}

.u-tx-insideW17 {
  text-indent: -4.7em !important;
  padding-left: 5.1em !important;
}

.u-tx-insideW18 {
  text-indent: -5em !important;
  padding-left: 5.4em !important;
}

.u-tx-insideW19 {
  text-indent: -5.3em !important;
  padding-left: 5.7em !important;
}

.u-tx-insideW20 {
  text-indent: -5.6em !important;
  padding-left: 6em !important;
}

/* ==========================================================================
 text-truncate
========================================================================== */
.u-tt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  /* for IE 8/9 */
}

/* ==========================================================================
 width
========================================================================== */
.u-w-auto {
  width: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ==========================================================================
 height
========================================================================== */
.u-h-5 {
  min-height: 5rem !important;
}

.u-h-10 {
  min-height: 10rem !important;
}

.u-h-15 {
  min-height: 15rem !important;
}

.u-h-20 {
  min-height: 20rem !important;
}

.u-h-25 {
  min-height: 25rem !important;
}

.u-h-30 {
  min-height: 30rem !important;
}

.u-h-35 {
  min-height: 35rem !important;
}

.u-h-40 {
  min-height: 40rem !important;
}

.u-h-45 {
  min-height: 45rem !important;
}

.u-h-50 {
  min-height: 50rem !important;
}

.u-h-55 {
  min-height: 55rem !important;
}

.u-h-60 {
  min-height: 60rem !important;
}

.u-h-65 {
  min-height: 65rem !important;
}

.u-h-70 {
  min-height: 70rem !important;
}

.u-h-75 {
  min-height: 75rem !important;
}

.u-h-80 {
  min-height: 80rem !important;
}

.u-h-85 {
  min-height: 85rem !important;
}

.u-h-90 {
  min-height: 90rem !important;
}

.u-h-95 {
  min-height: 95rem !important;
}

.u-h-100 {
  min-height: 100rem !important;
}