@charset "utf-8";
/* =========================================================
 layout
========================================================= */
#Cont {
  width: 100%;
}

.uc-wrapper {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(241, 90, 36, 0.3)), color-stop(50%, rgba(251, 176, 59, 0.4)), to(rgba(252, 238, 33, 0.5)));
  background: linear-gradient(0deg, rgba(241, 90, 36, 0.3) 0%, rgba(251, 176, 59, 0.4) 50%, rgba(252, 238, 33, 0.5) 100%);
  font-size: 14px;
  line-height: 1.8571428571;
}

.uc-wrapper *,
.uc-wrapper *::before,
.uc-wrapper *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.uc-wrapper strong {
  color: #000;
}

.uc-mainvisual {
  padding: 42px 0 28px;
}

@media screen and (max-width: 768px) {
  .uc-mainvisual {
    padding: 0;
  }
}

@media screen and (max-width: 640px) {
  .uc-wrapper {
    margin-bottom: 32px;
  }
}

/* section
--------------------------------------------------------- */
.uc-section {
  padding: 16px 0;
}

.uc-section:nth-child(even):not(.uc-section--information) {
  background: rgba(215, 38, 25, 0.1);
}

.uc-section--information {
  background: rgba(255, 255, 255, 0.5);
}

/* grid/cell
--------------------------------------------------------- */
.uc-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 992px;
  padding: 8px;
  margin: 0 auto;
}

.uc-grid--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.uc-cell {
  margin: 8px;
}

.uc-cell--1-col {
  width: calc(12.5% - 16px);
}

.uc-cell--2-col {
  width: calc(25% - 16px);
}

.uc-cell--3-col {
  width: calc(37.5% - 16px);
}

.uc-cell--4-col {
  width: calc(50% - 16px);
}

.uc-cell--5-col {
  width: calc(62.5% - 16px);
}

.uc-cell--6-col {
  width: calc(75% - 16px);
}

.uc-cell--7-col {
  width: calc(87.5% - 16px);
}

.uc-cell--8-col {
  width: calc(100% - 16px);
}

@media screen and (max-width: 768px) {
  .uc-cell {
    width: calc(100% - 16px);
  }
  .uc-cell--1-col, .uc-cell--2-col, .uc-cell--3-col, .uc-cell--4-col, .uc-cell--5-col, .uc-cell--6-col, .uc-cell--7-col {
    width: calc(100% - 16px);
  }
}

/* =========================================================
 components
========================================================= */
/* section components
--------------------------------------------------------- */
.uc-section-title {
  text-align: center;
}

.uc-section-title__sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .uc-section-title {
    text-align: center;
  }
  .uc-section-title__pc {
    display: none;
  }
  .uc-section-title__sp {
    display: inline;
  }
}

.uc-section p {
  margin: 26px 0;
}

.uc-section p:first-child {
  margin-top: 0;
}

.uc-section p:last-child {
  margin-bottom: 0;
}

/* media
--------------------------------------------------------- */
.uc-figure {
  margin: 26px 0;
  text-align: center;
}

.uc-figure:first-child {
  margin-top: 0;
}

.uc-figure:last-child {
  margin-bottom: 0;
}

.uc-figure img {
  display: inline;
}

.uc-figure__caption {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}

.uc-figure__caption--large {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .uc-figure__caption {
    text-align: center;
  }
}

/* list
--------------------------------------------------------- */
.list-notice {
  display: table;
  width: 100%;
  margin: 8px 0;
}

.list-notice:first-child {
  margin-top: 0;
}

.list-notice:last-child {
  margin-bottom: 0;
}

.list-notice__item {
  display: table-row;
}

.list-notice__item::before {
  content: "※ ";
  display: table-cell;
  white-space: pre;
}

.list-notice__item > div {
  display: table-cell;
  width: 100%;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin: 0;
}

/* banner
--------------------------------------------------------- */
.uc-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% + 32px);
  padding: 8px;
  margin: -16px 0 -16px -16px;
}

.uc-banner__item {
  margin: 8px;
  width: calc(33.3333333333% - 16px);
  background: #fff;
}

@media screen and (max-width: 768px) {
  .uc-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .uc-banner__item {
    width: auto;
  }
}

/* utilities
--------------------------------------------------------- */
.uc-text--center {
  text-align: center;
}