@charset "UTF-8";
/*
OZ RESET CSS
Author: ONZE
Author URI: http://on-ze.com
Version: 1.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline; }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%; }

body {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1;
  position: relative;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-smoothing: antialiased;
  width: 100%;
  height: 100%; }

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

audio,
canvas,
video {
  display: inline-block; }

hr {
  display: block; }

ol,
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

input,
select {
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

img {
  vertical-align: bottom; }

/* ============================================================ */
/* iconフォント */
/* ============================================================ */
@font-face {
  font-family: 'icomoon';
  src: url("/common/icon/fonts/icomoon.eot?u43vqc");
  src: url("/common/icon/fonts/icomoon.eot?u43vqc#iefix") format("embedded-opentype"), url("/common/icon/fonts/icomoon.woff2?u43vqc") format("woff2"), url("/common/icon/fonts/icomoon.ttf?u43vqc") format("truetype"), url("/common/icon/fonts/icomoon.woff?u43vqc") format("woff"), url("/common/icon/fonts/icomoon.svg?u43vqc#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-caution:before {
  content: "\e93b"; }

.icon-faq:before {
  content: "\e93c"; }

.icon-square_phone:before {
  content: "\e938"; }

.icon-fax:before {
  content: "\e939"; }

.icon-internet:before {
  content: "\e93a"; }

.icon-play:before {
  content: "\e933"; }

.icon-pc:before {
  content: "\e932"; }

.icon-locker:before {
  content: "\e927"; }

.icon-drink:before {
  content: "\e928"; }

.icon-diapers:before {
  content: "\e929"; }

.icon-bear:before {
  content: "\e92a"; }

.icon-glasses:before {
  content: "\e92b"; }

.icon-wheelchair:before {
  content: "\e92c"; }

.icon-parking:before {
  content: "\e92d"; }

.icon-energy:before {
  content: "\e92e"; }

.icon-vanity:before {
  content: "\e92f"; }

.icon-system-kitchen:before {
  content: "\e930"; }

.icon-system-bath:before {
  content: "\e931"; }

.icon-mansion:before {
  content: "\e91f"; }

.icon-house:before {
  content: "\e920"; }

.icon-single:before {
  content: "\e921"; }

.icon-couple:before {
  content: "\e922"; }

.icon-family:before {
  content: "\e923"; }

.icon-oil:before {
  content: "\e924"; }

.icon-gas:before {
  content: "\e925"; }

.icon-electrical:before {
  content: "\e926"; }

.icon-heating:before {
  content: "\e916"; }

.icon-reheating:before {
  content: "\e917"; }

.icon-faucet:before {
  content: "\e91e"; }

.icon-bath:before {
  content: "\e918"; }

.icon-shower:before {
  content: "\e919"; }

.icon-document:before {
  content: "\e91a"; }

.icon-catalog2:before {
  content: "\e91b"; }

.icon-showroom:before {
  content: "\e91c"; }

.icon-question2:before {
  content: "\e91d"; }

.icon-goods:before {
  content: "\e90a"; }

.icon-inspection:before {
  content: "\e90b"; }

.icon-care:before {
  content: "\e90c"; }

.icon-product:before {
  content: "\e90d"; }

.icon-palette:before {
  content: "\e90e"; }

.icon-showroom-human:before {
  content: "\e90f"; }

.icon-showroom-check:before {
  content: "\e910"; }

.icon-repair2:before {
  content: "\e911"; }

.icon-download:before {
  content: "\e912"; }

.icon-showroom-find:before {
  content: "\e913"; }

.icon-catalog:before {
  content: "\e914"; }

.icon-online:before {
  content: "\e915"; }

.icon-ppt:before {
  content: "\e907"; }

.icon-excel:before {
  content: "\e908"; }

.icon-word:before {
  content: "\e909"; }

.icon-inquiry:before {
  content: "\e900"; }

.icon-trash:before {
  content: "\e901"; }

.icon-repair:before {
  content: "\e902"; }

.icon-chevron-circle-left:before {
  content: "\e934"; }

.icon-chevron-circle-right:before {
  content: "\e935"; }

.icon-chevron-circle-down:before {
  content: "\e936"; }

.icon-chevron-circle-up:before {
  content: "\e937"; }

.icon-circle-arrow-left:before {
  content: "\e903"; }

.icon-circle-arrow-right:before {
  content: "\e904"; }

.icon-circle-arrow-up:before {
  content: "\e905"; }

.icon-circle-arrow-down:before {
  content: "\e906"; }

.icon-plus:before {
  content: "\f067"; }

.icon-question:before {
  content: "\f128"; }

.icon-minus:before {
  content: "\f068"; }

.icon-search2:before {
  content: "\f002"; }

.icon-check:before {
  content: "\f00c"; }

.icon-close2:before {
  content: "\f00d"; }

.icon-remove2:before {
  content: "\f00d"; }

.icon-times:before {
  content: "\f00d"; }

.icon-search-plus:before {
  content: "\f00e"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-play2:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-question-circle:before {
  content: "\f059"; }

.icon-exclamation-circle:before {
  content: "\f06a"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-feed:before {
  content: "\f09e"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-bars:before {
  content: "\f0c9"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-add:before {
  content: "\e145"; }

.icon-check_box:before {
  content: "\e834"; }

.icon-check_box_outline_blank:before {
  content: "\e835"; }

.icon-close:before {
  content: "\e5cd"; }

.icon-not_interested:before {
  content: "\e033"; }

.icon-error:before {
  content: "\e000"; }

.icon-get_app:before {
  content: "\e884"; }

.icon-keyboard_arrow_down:before {
  content: "\e313"; }

.icon-keyboard_arrow_left:before {
  content: "\e314"; }

.icon-keyboard_arrow_right:before {
  content: "\e315"; }

.icon-keyboard_arrow_up:before {
  content: "\e316"; }

.icon-open_in_new:before {
  content: "\e89e"; }

.icon-live_help:before {
  content: "\e0c6"; }

.icon-person:before {
  content: "\e7fd"; }

.icon-remove:before {
  content: "\e15b"; }

.icon-search:before {
  content: "\e8b6"; }

.icon-settings_phone:before {
  content: "\e8c5"; }

.icon-volume_mute:before {
  content: "\e04e"; }

.icon-volume_up:before {
  content: "\e050"; }

/* font-size
-------------------------------------------------- */
@media print, screen and (min-width: 767.5px) {
  /* ============================================================ */
  /* 基本設定 */
  /* ============================================================ */
  html {
    overflow-y: scroll; } }
  @media screen and (min-width: 767.5px) and (min-width: 767.5px) and (max-width: 1024px) {
    html {
      font-size: calc(100vw / 102.4); } }

@media print, screen and (min-width: 767.5px) {
  body {
    font-family: 'TBUDゴシック R', 'TBUDGothic R'; }
  .wrap {
    word-break: break-all;
    color: #404544;
    font-size: 1.4rem;
    line-height: 1.8; }
  .sp-view {
    display: none !important; }
  a {
    color: #e8380d;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    a:hover {
      opacity: 0.6; }
  a[href^="tel:"] {
    display: inline-block;
    pointer-events: none;
    cursor: default;
    color: #404544;
    text-decoration: none; }
    a[href^="tel:"]:hover {
      opacity: 1; }
  sup {
    font-size: 1rem;
    vertical-align: super;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  sub {
    font-size: 1rem;
    vertical-align: baseline;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  .link-gray {
    color: #404544; }
    .link-gray__opacity {
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
    .link-gray:hover {
      color: #e8380d;
      opacity: 1; }
      .link-gray:hover .link-gray__opacity {
        opacity: 0.6; }
    .link-gray + .icon-keyboard_arrow_right {
      position: relative;
      top: 2px;
      margin: 0 0 0 2px;
      font-size: 1.8rem; }
  .link-opacity {
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    .link-opacity:hover {
      opacity: 0.6; }
  .icon-pdf::before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    background: url(/common/img/common/icon_pdf.png) center center no-repeat;
    background-size: 18px;
    line-height: 1;
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
  .icon-word {
    color: #2c3580; }
  .icon-excel {
    color: #02723b; }
  .icon-ppt {
    color: #dc5b26; }
  .icon-word,
  .icon-excel,
  .icon-ppt {
    position: relative;
    top: 2px; }
  .accordion-hide {
    display: none; }
  /* --------------------------------------------------- */
  /* topic-path */
  /* --------------------------------------------------- */
  .topic-path {
    background: #f3f3f3;
    font-size: 1.2rem;
    line-height: 1.4; }
    .topic-path .lnav {
      display: none; }
    .topic-path__inner {
      max-width: 1160px;
      margin: 0 auto;
      padding: 10px 20px; }
    .topic-path__body {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
      .topic-path__body::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        content: '';
        width: 20px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(243, 243, 243, 0)), to(#f3f3f3));
        background: linear-gradient(to right, rgba(243, 243, 243, 0) 0%, #f3f3f3 100%); }
    .topic-path__item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .topic-path__item:not(:last-child)::after {
        margin: 0 5px;
        content: "\e315";
        color: #d2d2d2;
        font-size: 1.6rem;
        font-family: 'icomoon'; }
      .topic-path__item__link {
        color: #e8380d; }
  /* --------------------------------------------------- */
  /* header-mypage */
  /* --------------------------------------------------- */
  .header-mypage {
    background: #e7e7e7; }
    .header-mypage__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      max-width: 1160px;
      height: 60px;
      margin: 0 auto;
      padding: 0 20px; }
    .header-mypage__user {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .header-mypage__logout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100px;
      height: 30px;
      background: #fff;
      border: 1px solid #d2d2d2;
      color: #404544;
      font-size: 1.4rem;
      cursor: pointer;
      border-radius: 4px;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .header-mypage__logout:hover {
        opacity: 0.6; }
  /* --------------------------------------------------- */
  /* modal */
  /* --------------------------------------------------- */
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 45px;
    background: rgba(0, 0, 0, 0.4);
    color: #404544;
    font-size: 1.4rem;
    line-height: 1.8; }
    .modal__body {
      position: relative;
      padding: 40px;
      background: #fff;
      border-radius: 8px; }
    .modal__close-btn {
      position: absolute;
      top: 0;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #fff;
      text-align: center;
      -webkit-transform: translate(20px, -20px);
              transform: translate(20px, -20px);
      cursor: pointer;
      width: 50px;
      height: 50px;
      border-radius: 50%; }
      .modal__close-btn > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #e8380d;
        color: #fff;
        font-size: 3.0rem;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
    .modal .slick-slider {
      position: static; }
    .modal .slick-dotted.slick-slider {
      margin-bottom: 0; }
    .modal .slick-prev,
    .modal .slick-next {
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 32px;
      height: 64px;
      background: rgba(232, 56, 13, 0.5);
      color: #fff;
      font-size: 2.6rem;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .modal .slick-prev:hover,
      .modal .slick-next:hover {
        background: rgba(232, 56, 13, 0.5);
        color: #fff;
        opacity: 0.6; }
      .modal .slick-prev::before,
      .modal .slick-next::before {
        display: none; }
    .modal .slick-prev {
      left: 0; }
    .modal .slick-next {
      right: 0; }
    .modal .slick-dots {
      position: static;
      margin-top: 25px;
      line-height: 0; }
      .modal .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px; }
        .modal .slick-dots li button {
          width: 8px;
          height: 8px;
          padding: 0; }
          .modal .slick-dots li button::before {
            content: '';
            background: #e8e8e8;
            opacity: 1;
            width: 8px;
            height: 8px;
            border-radius: 50%; }
        .modal .slick-dots li.slick-active button::before {
          background: #f39b86; }
  /* --------------------------------------------------- */
  /* modal-video */
  /* --------------------------------------------------- */
  .modal-video {
    background: rgba(0, 0, 0, 0.4) !important; }
    .modal-video .modal-video-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 20px; }
    .modal-video .modal-video-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 60px 75px;
      height: auto;
      background: #fff;
      border-radius: 8px; }
    .modal-video .modal-video-close-btn {
      position: absolute;
      top: -80px;
      right: -95px;
      z-index: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #fff;
      text-align: center;
      cursor: pointer;
      width: 50px;
      height: 50px;
      border-radius: 50%; }
      .modal-video .modal-video-close-btn::before {
        position: static;
        content: '';
        margin: 0;
        background: #e8380d;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .modal-video .modal-video-close-btn::after {
        position: absolute;
        content: "\e5cd";
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        color: #fff;
        font-family: 'icomoon';
        font-size: 3.0rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        border-radius: 0px; }
  /* ============================================================ */
  /* header */
  /* ============================================================ */
  header .inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px;
    height: 120px;
    margin: 0 auto;
    padding: 0 20px; }
  header .inner2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 14.11%;
            flex: 0 0 14.11%;
    -ms-flex-item-align: center;
        align-self: center; }
  header .nav {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  header .hnav01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 30px 0 0; }
    header .hnav01__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 0 0 15px;
      font-size: 1.2rem; }
      header .hnav01__item__link {
        color: #404544; }
        header .hnav01__item__link:hover {
          color: #e8380d;
          opacity: 1; }
  header .hnav02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2rem;
    line-height: 1; }
    header .hnav02__item {
      margin: 0 10px 0 0; }
      header .hnav02__item:last-child {
        margin-right: 0; }
      header .hnav02__item__link {
        padding: 0 5px;
        color: #808080; }
        header .hnav02__item__link:hover {
          color: #e8380d;
          opacity: 1; }
      header .hnav02__item--search {
        position: relative; }
        header .hnav02__item--search__icon {
          right: 0;
          padding: 0 3px;
          color: #808080;
          background: #fff;
          cursor: pointer;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%); }
        header .hnav02__item--search input[type="text"] {
          width: 19px;
          height: auto;
          padding: 0;
          background-color: transparent;
          border: none;
          border-bottom: 2px solid transparent;
          color: transparent;
          -webkit-transition: 0.3s all;
          transition: 0.3s all; }
          header .hnav02__item--search input[type="text"].open {
            width: 205px;
            padding-right: 30px;
            border-bottom-color: #e8380d;
            color: #404544;
            cursor: auto; } }
          @media screen and (min-width: 767.5px) and (max-width: 800px) {
            header .hnav02__item--search input[type="text"].open {
              width: 160px; } }

@media print, screen and (min-width: 767.5px) {
        header .hnav02__item--search input:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #fff inset; }
        header .hnav02__item--search__submit {
          right: 0;
          display: block;
          width: 26px;
          height: 20px;
          background-color: transparent;
          color: #e8380d;
          font-size: 2rem;
          cursor: pointer;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%); }
  header .gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    margin: 15px 0 0; }
    header .gnav__item__link {
      position: relative;
      display: block;
      height: 53px;
      padding: 10px 0.875em;
      color: #404544;
      font-size: 1.5rem;
      line-height: 1.5; } }
    @media screen and (min-width: 767.5px) and (max-width: 1280px) {
      header .gnav__item__link {
        padding-left: 0.6em;
        padding-right: 0.6em; } }
    @media screen and (min-width: 767.5px) and (max-width: 1180px) {
      header .gnav__item__link {
        padding-left: 0.45em;
        padding-right: 0.45em;
        font-size: 1.4rem; } }
    @media screen and (min-width: 767.5px) and (max-width: 1050px) {
      header .gnav__item__link {
        padding-left: 0.3em;
        padding-right: 0.3em;
        font-size: 1.4rem; } }

@media print, screen and (min-width: 767.5px) {
      header .gnav__item__link::after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        border-bottom: 2px solid #e8380d;
        opacity: 0;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
    header .gnav__item:hover .gnav__item__link {
      opacity: 1; }
      header .gnav__item:hover .gnav__item__link::after {
        opacity: 1; }
    header .gnav .dropdown {
      position: absolute;
      left: 20px;
      right: 20px;
      z-index: 20;
      min-height: 220px;
      background: rgba(254, 248, 243, 0.95);
      border-bottom: 1px solid #e8380d;
      display: none; }
      header .gnav .dropdown__body {
        max-width: 1160px;
        margin: 0 auto;
        padding: 46px 20px 28px; }
      header .gnav .dropdown__ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 0 35px;
        font-size: 3.0rem;
        line-height: 1.2; }
        header .gnav .dropdown__ttl .icon-circle-arrow-right {
          margin: 0 0 0 15px;
          color: #e8380d;
          font-size: 2.4rem; }
        header .gnav .dropdown__ttl__link {
          color: #404544; }
      header .gnav .dropdown__menu__item {
        color: #404544; }
        header .gnav .dropdown__menu__item .icon-keyboard_arrow_right {
          position: relative;
          top: 3px;
          font-size: 2rem; }
        header .gnav .dropdown__menu__item:hover {
          color: #e8380d;
          opacity: 1; }
          header .gnav .dropdown__menu__item:hover .dropdown__menu__item__img {
            opacity: 0.6; }
  .product .gnav__item--product .gnav__item__link::after,
  .showroom .gnav__item--showroom .gnav__item__link::after,
  .aftersupport .gnav__item--aftersupport .gnav__item__link::after,
  .special .gnav__item--special .gnav__item__link::after,
  .info .gnav__item--info .gnav__item__link::after,
  .company .gnav__item--company .gnav__item__link::after {
    opacity: 1; }
  /* ============================================================ */
  /* .contents */
  /* ============================================================ */
  .contents {
    max-width: 1160px;
    margin: 50px auto 80px;
    padding: 0 20px; }
    .contents__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .contents .main {
      width: 71%; }
    .contents .side {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 25%; }
  .contents-lower {
    max-width: 1160px;
    margin: 0 auto 100px;
    padding: 0 20px; }
  .row {
    margin-bottom: 60px; }
    .row--narrow {
      max-width: 930px;
      margin-left: auto;
      margin-right: auto; }
    .row--wide {
      max-width: 1160px;
      margin-left: auto;
      margin-right: auto;
      padding: 0 20px; }
    .row--bg-gray {
      background: #f3f3f3; }
    .row--bg-red {
      background: #feead6; }
    .row:last-child {
      margin-bottom: 0; }
  .radius {
    border-radius: 8px; }
  .img-border {
    border: 1px solid #d2d2d2; }
  .ellipsis {
    position: relative;
    height: calc(1em * 1.8 * 2);
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
    overflow: hidden; }
    .ellipsis:before, .ellipsis:after {
      position: absolute;
      background: #fff; }
    .ellipsis:before {
      top: calc(1em * 1.8 * (2 - 1));
      right: 0;
      content: '...';
      width: 1em;
      text-align: center; }
    .ellipsis:after {
      content: '';
      height: 100%;
      width: 100%; }
  /* ============================================================ */
  /* 汎用スタイル */
  /* ============================================================ */
  /* --------------------------------------------------- */
  /* テキスト */
  /* --------------------------------------------------- */
  p {
    margin-bottom: 15px; }
    p:last-child {
      margin-bottom: 0; }
  .indent {
    display: table; }
    .indent > *:first-child {
      display: table-cell;
      white-space: nowrap; }
  /* --------------------------------------------------- */
  /* 見出し */
  /* --------------------------------------------------- */
  .ttl01 {
    margin: 0 0 30px;
    font-size: 3.4rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .ttl01__sub {
      display: block;
      margin: 5px 0 0;
      font-size: 1.6rem; }
  .ttl02 {
    margin: 0 0 30px;
    padding: 0 0 0 20px;
    border-left: 3px solid #e8380d;
    font-size: 3.0rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  .ttl03 {
    margin: 0 0 25px;
    padding: 0 0 0 20px;
    border-left: 3px solid #f39b86;
    color: #333;
    font-size: 2.4rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  .ttl04 {
    margin: 0 0 20px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  .ttl05 {
    color: #e8380d;
    font-size: 4.0rem;
    line-height: 1.4; }
  .ttl06 {
    font-size: 3.0rem;
    text-align: center;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* --------------------------------------------------- */
  /* .visual */
  /* --------------------------------------------------- */
  .visual {
    overflow: hidden;
    border-radius: 8px; }
    .visual .slick-prev,
    .visual .slick-next {
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 32px;
      height: 32px;
      background: rgba(255, 255, 255, 0.8);
      color: #e8380d;
      font-size: 2.6rem;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .visual .slick-prev:hover,
      .visual .slick-next:hover {
        background: rgba(255, 255, 255, 0.8);
        color: #e8380d;
        opacity: 0.6; }
      .visual .slick-prev::before,
      .visual .slick-next::before {
        display: none; }
    .visual .slick-prev {
      left: 0; }
    .visual .slick-next {
      right: 0; }
    .visual .slick-dots {
      bottom: 30px;
      line-height: 0; }
      .visual .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px; }
        .visual .slick-dots li button {
          width: 8px;
          height: 8px;
          padding: 0; }
          .visual .slick-dots li button::before {
            content: '';
            background: #fff;
            -webkit-box-shadow: 0 0 15px rgba(116, 127, 126, 0.36);
                    box-shadow: 0 0 15px rgba(116, 127, 126, 0.36);
            opacity: 0.5;
            width: 8px;
            height: 8px;
            border-radius: 50%; }
        .visual .slick-dots li.slick-active button::before {
          opacity: 1;
          color: black; }
    .visual .slick-slide {
      overflow: hidden;
      border-radius: 8px; }
  .visual02 {
    position: relative; }
    .visual02__lead {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      color: #fff;
      font-size: 1.5rem;
      line-height: 2.2; }
  /* --------------------------------------------------- */
  /* カラム制御 */
  /* --------------------------------------------------- */
  /* 複数カラム
/* --------------------------------------------------- */
  .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .column > * {
    margin-bottom: 15px; }
    .column > * * {
      max-width: 100%; }
    .column > * img {
      outline: 1px solid transparent; }
      .column > * img:not([class*="wd-a"]) {
        width: 100%; }
  .column1 > * {
    width: 100%; }
  .column2 {
    margin-left: -10px;
    margin-right: -10px; }
    .column2 > * {
      margin-left: 10px;
      margin-right: 10px;
      width: calc((100% - 41px) / 2); }
    .column2 .col2 {
      width: calc(100% - 20px); }
    .column2--wide {
      margin-left: -5px;
      margin-right: -5px; }
      .column2--wide > * {
        margin-left: 5px;
        margin-right: 5px;
        width: calc((100% - 21px) / 2); }
  .column3 {
    margin-left: -10px;
    margin-right: -10px; }
    .column3 > * {
      margin-left: 10px;
      margin-right: 10px;
      width: calc((100% - 61px) / 3); }
    .column3 .col2 {
      width: calc((100% - 61px) / 3 * 2 + 20px); }
    .column3 .col3 {
      width: calc(100% - 20px); }
    .column3--wide {
      margin-left: -5px;
      margin-right: -5px; }
      .column3--wide > * {
        margin-left: 5px;
        margin-right: 5px;
        width: calc((100% - 31px) / 3); }
  .column4 {
    margin-left: -10px;
    margin-right: -10px; }
    .column4 > * {
      margin-left: 10px;
      margin-right: 10px;
      width: calc((100% - 81px) / 4); }
    .column4 .col2 {
      width: calc((100% - 81px) / 4 * 2 + 20px); }
    .column4 .col3 {
      width: calc((100% - 81px) / 4 * 3 + 40px); }
    .column4--wide {
      margin-left: -5px;
      margin-right: -5px; }
      .column4--wide > * {
        margin-left: 5px;
        margin-right: 5px;
        width: calc((100% - 41px) / 4); }
  .column5 {
    margin-left: -10px;
    margin-right: -10px; }
    .column5 > * {
      margin-left: 10px;
      margin-right: 10px;
      width: calc((100% - 101px) / 5); }
    .column5 .col2 {
      width: calc((100% - 101px) / 5 * 2 + 20px); }
    .column5 .col3 {
      width: calc((100% - 101px) / 5 * 3 + 40px); }
    .column5--wide {
      margin-left: -5px;
      margin-right: -5px; }
      .column5--wide > * {
        margin-left: 5px;
        margin-right: 5px;
        width: calc((100% - 51px) / 5); }
  .column6 {
    margin-left: -10px;
    margin-right: -10px; }
    .column6 > * {
      margin-left: 10px;
      margin-right: 10px;
      width: calc((100% - 121px) / 6); }
    .column6 .col2 {
      width: calc((100% - 121px) / 6 * 2 + 20px); }
    .column6 .col3 {
      width: calc((100% - 121px) / 6 * 3 + 40px); }
  .column7 {
    margin-left: -10px;
    margin-right: -10px; }
    .column7 > * {
      margin-left: 10px;
      margin-right: 10px;
      width: calc((100% - 141px) / 7); }
    .column7 .col2 {
      width: calc((100% - 141px) / 7 * 2 + 20px); }
    .column7 .col3 {
      width: calc((100% - 141px) / 7 * 3 + 40px); }
  /* 幅指定カラム
------------------------------------------------------------ */
  .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .flex-column > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
      .flex-column > * * {
        max-width: 100%; }
  /* 画像回り込みカラム
------------------------------------------------------------ */
  .float::after {
    display: block;
    content: "";
    clear: both; }
  .float--left .float__item {
    float: left;
    margin: 0 35px 25px 0;
    max-width: 50%; }
    .float--left .float__item * {
      width: 100%; }
  .float--right .float__item {
    float: right;
    margin: 0 0 25px 35px;
    max-width: 50%; }
    .float--right .float__item * {
      width: 100%; }
  /* --------------------------------------------------- */
  /* リスト */
  /* --------------------------------------------------- */
  .list {
    list-style-type: none; }
    .list > * {
      position: relative;
      padding-left: 15px;
      margin-bottom: 5px; }
      .list > *::before {
        content: "";
        width: 6px;
        height: 6px;
        display: block;
        position: absolute;
        top: 0.8em;
        left: 5px; }
    .list--circle > *::before {
      width: 3px;
      height: 3px;
      border-radius: 50%; }
    .list--gray > *::before {
      background: #404544; }
    .list--red > *::before {
      background: #e8380d; }
    .list--decimal {
      list-style: decimal outside;
      margin: 0 0 15px 20px; }
      .list--decimal > * {
        padding-left: 0; }
  /* --------------------------------------------------- */
  /* box */
  /* --------------------------------------------------- */
  .box {
    padding: 30px;
    background: #fff;
    border-radius: 8px; }
    .box--gray {
      background: #f3f3f3; }
    .box--border-gray {
      border: 1px solid #d2d2d2; }
    .box--border-red {
      border: 1px solid #e8380d; }
    .box--border-purple {
      border: 1px solid #ba77af; }
    .box--orange {
      background: #feead6; }
    .box--lightorange {
      background: #fcf1e6; }
    .box--lightgray {
      background: #fbfbfb; }
    .box--accordion {
      padding: 0;
      border: 1px solid #d2d2d2; }
      .box--accordion__ttl {
        padding: 10px 25px;
        background: rgba(232, 56, 13, 0.1);
        font-size: 2.4rem;
        line-height: 1.5;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        .box--accordion__ttl .icon-add {
          font-size: 2.4rem; }
        .box--accordion__ttl.active .icon-add::before {
          content: "\e15b"; }
      .box--accordion__body {
        padding: 30px; }
    .box__band {
      margin: 0 -30px;
      padding: 10px 30px;
      max-width: none; }
      .box__band--gray {
        background: #f3f3f3; }
      .box__band--red {
        background: #e8380d;
        color: #fff; }
  .box-account {
    padding: 30px;
    border: 1px solid #d2d2d2;
    border-radius: 8px; }
  /* --------------------------------------------------- */
  /* iframe */
  /* --------------------------------------------------- */
  .iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
    .iframe > iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  /* --------------------------------------------------- */
  /* table */
  /* --------------------------------------------------- */
  .table {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px; }
    .table th,
    .table td {
      padding: 20px 30px;
      background: #fff;
      border-bottom: 1px solid #d2d2d2;
      font-size: 1.4rem;
      text-align: left;
      vertical-align: top;
      line-height: 1.6; }
    .table th {
      background: #f3f3f3;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .table--thin th,
    .table--thin td {
      padding: 15px; }
    .table--thin2 th,
    .table--thin2 td {
      padding: 10px;
      font-size: 1.2rem; }
    .table .bg-white {
      background: #fff; }
    .table .bg-gray {
      background: #f3f3f3; }
    .table .bg-darkgray {
      background: #ebebeb; }
    .table .bg-red {
      background: #feead6; }
    .table tr > *:not(:first-child),
    .table .bdr-left {
      border-left: 1px solid #d2d2d2; }
    .table thead tr:first-child > *:first-child {
      border-top-left-radius: 8px; }
    .table thead tr:first-child > *:last-child {
      border-top-right-radius: 8px; }
    .table tbody tr:last-child > * {
      border-bottom: none; }
      .table tbody tr:last-child > *:first-child {
        border-bottom-left-radius: 8px; }
      .table tbody tr:last-child > *:last-child {
        border-bottom-right-radius: 8px; }
    .table tbody:first-child tr:first-child > *:first-child {
      border-top-left-radius: 8px; }
    .table tbody:first-child tr:first-child > *:last-child {
      border-top-right-radius: 8px; }
  /* --------------------------------------------------- */
  /* btn */
  /* --------------------------------------------------- */
  .btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: 360px;
    min-height: 65px;
    margin: 0 10px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #404544;
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border-radius: 8px; }
    .btn .icon-fix-left,
    .btn .icon-fix-right {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .btn .icon-fix-left {
      left: 15px; }
    .btn .icon-fix-right {
      right: 15px; }
    .btn [class*="icon-angle-"],
    .btn [class*="icon-keyboard_arrow_"] {
      font-size: 2rem; }
    .btn:hover {
      background: #e8380d;
      border-color: #e8380d;
      color: #fff;
      opacity: 1; }
      .btn:hover .u-font-red,
      .btn:hover .u-font-lightgray {
        color: #fff !important; }
    .btn:disabled {
      opacity: 0.5;
      cursor: auto; }
      .btn:disabled:hover {
        background: #fff;
        border-color: #d2d2d2;
        color: #404544; }
        .btn:disabled:hover .u-font-red {
          color: #e8380d !important; }
        .btn:disabled:hover .u-font-lightgray {
          color: #797c7c !important; }
    .btn--lg {
      max-width: 550px; }
    .btn--md {
      max-width: 275px; }
    .btn--sm {
      max-width: 200px; }
    .btn--xs {
      max-width: 200px;
      min-height: 0;
      height: 35px;
      font-size: 1.2rem;
      border-radius: 4px; }
    .btn--orange {
      background: #feead6; }
      .btn--orange:hover {
        background: #feead6;
        border-color: #d2d2d2;
        color: #404544;
        opacity: 0.6; }
    .btn--hover-opacity:hover {
      background: #fff;
      border-color: #d2d2d2;
      color: #404544;
      opacity: 0.6; }
      .btn--hover-opacity:hover .u-font-red {
        color: #e8380d !important; }
      .btn--hover-opacity:hover .u-font-lightgray {
        color: #797c7c !important; }
    .btn.accordion.active .icon-add::before {
      content: "\e15b"; }
  button,
  input[type="button"].btn,
  input[type="submit"].btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -10px; }
    .btn-block--column1 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .btn-block--column1 .btn:not(:last-child) {
        margin-bottom: 30px; }
  /* --------------------------------------------------- */
  /* related-link */
  /* --------------------------------------------------- */
  .related-link__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 158px;
    padding: 0 1.8em 0 2.85em;
    border: 1px solid #d2d2d2;
    line-height: 1.6;
    font-family: 'TBUDゴシック B', 'TBUDGothic B';
    border-radius: 8px; }
    .related-link__item__icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 0 25px 0 0;
      color: #e8380d;
      font-size: 8.0rem; }
    .related-link__item__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin: 0 5px 0 0;
      color: #404544;
      font-size: 1.8rem; }
    .related-link__item [class*="icon-angle-"] {
      font-size: 2rem; }
    .related-link__item--company-product {
      background-image: url(/common/img/common/bg_related_link_company_product.png); }
    .related-link__item--company-about {
      background-image: url(/common/img/common/bg_related_link_company_about.png); }
    .related-link__item--company-ir {
      background-image: url(/common/img/common/bg_related_link_company_ir.png); }
    .related-link__item--company-csr {
      background: url(/common/img/common/bg_related_link_company_csr.png); }
    .related-link__item--company-news {
      background-image: url(/common/img/common/bg_related_link_company_news.png); }
  .related-link [class*="related-link__item--company-"] {
    padding-left: 145px;
    background-position: 50% left;
    background-repeat: no-repeat;
    background-size: auto 100%; }
  /* --------------------------------------------------- */
  /* menu-btn */
  /* --------------------------------------------------- */
  .menu-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #404544;
    font-size: 1.6rem;
    line-height: 1.4;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border-radius: 8px; }
    .menu-btn .icon-fix-left,
    .menu-btn .icon-fix-right {
      font-size: 1.8rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .menu-btn .icon-fix-left {
      left: 15px; }
    .menu-btn .icon-fix-right {
      right: 15px; }
    .menu-btn [class*="icon-keyboard_arrow_"] {
      font-size: 2rem; }
    .menu-btn__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      height: 150px; }
    .menu-btn__icon {
      width: 60px;
      margin: 0 0 10px; }
    .menu-btn--sm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 80px;
      padding: 0 0 0 20px;
      text-align: left; }
      .menu-btn--sm .menu-btn__icon {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: auto;
        margin: 0 15px 0 0;
        color: #e8380d;
        font-size: 3.0rem; }
    .menu-btn--lg {
      height: 210px;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .menu-btn--lg .menu-btn__body {
        height: 210px; }
      .menu-btn--lg .menu-btn__icon {
        color: #e8380d;
        font-size: 6.0rem; }
  /* --------------------------------------------------- */
  /* memu-box */
  /* --------------------------------------------------- */
  .memu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 8px; }
    .memu-box > * {
      width: calc((100% - 40px) / 2);
      margin: 0 10px; }
    .memu-box__ttl {
      margin: 0 0 10px; }
  /* --------------------------------------------------- */
  /* pager */
  /* --------------------------------------------------- */
  .pager {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px 0 0; }
    .pager li {
      margin: 0 3px 5px; }
      .pager li > * {
        display: block;
        padding: 10px 15px;
        background: #f3f3f3;
        border: 1px solid #d5d5d5;
        color: #404544;
        text-decoration: none;
        border-radius: 3px; }
        .pager li > *.current, .pager li > *:hover {
          background: #e8380d;
          border: 1px solid #e8380d;
          color: #fff;
          opacity: 1;
          text-decoration: none; }
    .pager__prev {
      position: absolute;
      left: 0; }
    .pager__next {
      position: absolute;
      right: 0; }
  /* --------------------------------------------------- */
  /* form */
  /* --------------------------------------------------- */
  .label-must {
    right: -10px;
    padding: 3px 8px;
    background: #e8380d;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  .error {
    margin: 5px 0 0;
    color: #e8380d; }
  .hankaku {
    ime-mode: disabled; }
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="number"],
  input[type="password"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 35px;
    padding: 0 10px;
    border: 1px solid #d2d2d2;
    color: #404544;
    font-size: 1.6rem;
    border-radius: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
  input::-webkit-input-placeholder {
    color: #d2d2d2; }
  input:-moz-placeholder {
    color: #d2d2d2; }
  input::-moz-placeholder {
    color: #d2d2d2; }
  input:-ms-input-placeholder {
    color: #d2d2d2; }
  input:focus::-webkit-input-placeholder {
    color: transparent; }
  input:focus:-moz-placeholder {
    color: transparent; }
  input:focus::-moz-placeholder {
    color: transparent; }
  input:focus::-ms-input-placeholder {
    color: transparent; }
  textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 5px 10px;
    width: 100%;
    height: 200px;
    border: 1px solid #d2d2d2;
    color: #404544;
    font-size: 1.6rem;
    border-radius: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
  /* radio
----------------------------------------------------------- */
  .radio {
    cursor: pointer; }
    .radio input[type="radio"] {
      display: none; }
    .radio input[type="radio"] + span {
      position: relative;
      display: block;
      padding: 0 0 0 28px;
      color: #404544; }
      .radio input[type="radio"] + span::before, .radio input[type="radio"] + span::after {
        position: absolute;
        top: 50%;
        content: '';
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .radio input[type="radio"] + span::before {
        left: 0;
        background: #fff;
        border: 1px solid #b0b0b0;
        width: 16px;
        height: 16px;
        border-radius: 50%; }
      .radio input[type="radio"] + span::after {
        left: 5px;
        background: #e8380d;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        opacity: 0; }
    .radio input[type="radio"]:checked + span::before {
      border-color: #e8380d; }
    .radio input[type="radio"]:checked + span::after {
      opacity: 1; }
  /* radio-btn
----------------------------------------------------------- */
  .radio-btn {
    cursor: pointer; }
    .radio-btn input[type="radio"] {
      display: none; }
    .radio-btn input[type="radio"] + .radio-btn__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 210px;
      padding: 10px 15px;
      background: #fff;
      border: 1px solid #d2d2d2;
      font-size: 2.4rem;
      text-align: center;
      border-radius: 8px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .radio-btn input[type="radio"] + .radio-btn__body .radio-btn__icon {
        margin: 0 0 10px;
        color: #e8380d;
        font-size: 7.0rem;
        text-align: center;
        line-height: 1; }
    .radio-btn input[type="radio"] + .radio-btn__body:hover {
      border: 3px solid rgba(232, 56, 13, 0.4); }
    .radio-btn input[type="radio"]:checked + .radio-btn__body {
      border: 3px solid #e8380d; }
    .radio-btn input[type="radio"]:disabled + .radio-btn__body {
      background: #f0f0f0;
      cursor: default; }
      .radio-btn input[type="radio"]:disabled + .radio-btn__body .radio-btn__icon,
      .radio-btn input[type="radio"]:disabled + .radio-btn__body .radio-btn__text {
        opacity: 0.4; }
    .radio-btn input[type="radio"]:disabled + .radio-btn__body:hover {
      border: 1px solid #d2d2d2; }
  /* checkbox
----------------------------------------------------------- */
  .checkbox input[type="checkbox"] {
    display: none; }
  .checkbox input[type="checkbox"] + span {
    position: relative;
    padding: 0 0 0 30px;
    color: #404544;
    cursor: pointer; }
    .checkbox input[type="checkbox"] + span::before, .checkbox input[type="checkbox"] + span::after {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .checkbox input[type="checkbox"] + span::before {
      left: 0;
      content: '';
      width: 16px;
      height: 16px;
      background: #fff;
      border: 1px solid #b0b0b0; }
    .checkbox input[type="checkbox"] + span::after {
      left: 2px;
      content: "\f00c";
      color: #e8380d;
      font-family: 'icomoon';
      font-size: 1.6rem;
      opacity: 0; }
  .checkbox input[type="checkbox"]:checked + span::before {
    border-color: #e8380d; }
  .checkbox input[type="checkbox"]:checked + span::after {
    opacity: 1; }
  .checkbox--border-red input[type="checkbox"] + span::before {
    border: 2px solid #e8380d;
    border-radius: 4px; }
  /* checkbox-btn
----------------------------------------------------------- */
  .checkbox-btn {
    position: relative; }
    .checkbox-btn input[type="checkbox"] {
      display: none; }
    .checkbox-btn input[type="checkbox"] + .checkbox-btn__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 70px;
      padding: 0 0 0 50px;
      background: #fff;
      color: #404544;
      font-size: 1.8rem;
      cursor: pointer;
      border-radius: 8px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B';
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::before, .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::after {
        position: absolute;
        content: ''; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::before {
        top: 1px;
        bottom: 1px;
        left: 1px;
        width: 50px;
        border-radius: 8px 0 0 8px;
        background: #ef7355; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid #d2d2d2;
        border-radius: 8px; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body:hover::after {
        border: 2px solid #f5a386; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body .checkbox-btn__check::after {
        left: 13px;
        content: "\e835";
        color: #fff;
        font-family: 'icomoon';
        font-size: 2.8rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .checkbox-btn input[type="checkbox"]:checked + .checkbox-btn__body::after {
      border: 2px solid #e8380d; }
    .checkbox-btn input[type="checkbox"]:checked + .checkbox-btn__body .checkbox-btn__check::after {
      content: "\e834"; }
    .checkbox-btn input[type="checkbox"]:disabled {
      cursor: default; }
    .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body {
      cursor: default;
      padding: 0; }
      .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body::before {
        display: none; }
      .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body:hover::after {
        border: 1px solid #d2d2d2; }
      .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body .checkbox-btn__check::after {
        display: none; }
  /* selectbox
----------------------------------------------------------- */
  .selectbox {
    position: relative;
    height: 35px;
    background: #fff;
    border: 1px solid #d2d2d2;
    cursor: pointer; }
    .selectbox::after {
      right: 0;
      width: 35px;
      content: "\e313";
      font-family: 'icomoon';
      color: #e8380d;
      font-size: 2.6rem;
      text-align: center;
      pointer-events: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .selectbox select {
      width: 100%;
      height: 33px;
      padding: 0 10px;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .selectbox select:disabled {
        color: #404544; }
    .selectbox select::-ms-expand {
      display: none; }
    .selectbox option {
      color: #404544; }
  /* --------------------------------------------------- */
  /* label */
  /* --------------------------------------------------- */
  .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100px;
    height: 17px;
    border: 1px solid #d8d8d8;
    font-size: 1.2rem;
    text-align: center;
    line-height: 25px; }
    .label--important {
      background: #e8380d;
      border-color: #e8380d;
      color: #fff; }
    .label--radius {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: auto;
      min-width: 90px;
      height: 25px;
      padding: 0 15px;
      border: none;
      border-radius: 8px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .label--radius-lg {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: auto;
      height: 32px;
      padding: 0 15px;
      font-size: 1.4rem;
      border: none;
      border-radius: 50px; }
    .label--gray {
      background: #f3f3f3; }
    .label--border-red {
      border: 1px solid #e8380d;
      color: #e8380d; }
    .label--red {
      background: #e8380d;
      color: #fff; }
    .label--red-lighten {
      background: #feead6; }
    .label--red-lighten02 {
      background: #ef7456;
      color: #fff; }
    .label--blue-lighten {
      background: #7aacd8;
      color: #fff; }
  .label-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 50px;
    border-radius: 100px;
    text-align: center;
    line-height: 1.4; }
    .label-feature--on {
      background: #feead6; }
    .label-feature--off {
      background: #ebebeb;
      color: rgba(64, 69, 68, 0.3); }
  /* --------------------------------------------------- */
  /* news-list */
  /* --------------------------------------------------- */
  .news-list {
    border-top: 1px solid #d2d2d2; }
    .news-list__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 15px 3.5%;
      border-bottom: 1px solid #d2d2d2; }
      .news-list__item__date {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0 20px 0 0;
        font-size: 1.2rem; }
      .news-list__item__category {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0 20px 0 0; }
      .news-list__item__text {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        font-size: 1.6rem; }
      .news-list__item__link {
        color: #404544; }
        .news-list__item__link:hover {
          opacity: 1;
          color: #e8380d; }
      .news-list__item .icon-keyboard_arrow_right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0 0 0 10px;
        color: #e8380d;
        font-size: 2rem; }
  /* --------------------------------------------------- */
  /* entry */
  /* --------------------------------------------------- */
  .entry p {
    margin-bottom: 0; }
  /* --------------------------------------------------- */
  /* link-movie */
  /* --------------------------------------------------- */
  .link-movie {
    position: relative;
    display: block; }
    .link-movie__icon {
      color: #fff;
      font-size: 4.8rem;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .link-movie__icon--lg {
        font-size: 6.0rem; }
  /* --------------------------------------------------- */
  /* contact-center */
  /* --------------------------------------------------- */
  .contact-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .contact-center > *:not(.box__band) {
      max-width: 456px;
      width: 100%;
      margin: 0 10px; }
    .contact-center__phone {
      text-align: center; }
      .contact-center__phone__ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 1.8rem;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        .contact-center__phone__ttl .icon-settings_phone {
          margin: 0 5px 0 0;
          color: #e8380d;
          font-size: 2.6rem; }
      .contact-center__phone__number {
        margin: 0 0 5px;
        color: #e8380d !important;
        font-size: 4.0rem;
        line-height: 1.2;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        .contact-center__phone__number--small {
          font-size: 3.4rem; }
      .contact-center__phone__charge {
        max-width: 350px;
        margin: 0 auto 10px;
        border: 1px solid #404544;
        font-size: 1.2rem;
        border-radius: 50px; }
      .contact-center__phone__mobile {
        font-size: 1.2rem;
        line-height: 1.4; }
        .contact-center__phone__mobile__number {
          margin: 0 0 0 5px;
          font-size: 2.4rem;
          font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .contact-center__reception {
      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; }
  /* --------------------------------------------------- */
  /* anchor-link */
  /* --------------------------------------------------- */
  .anchor-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2; }
    .anchor-link__item {
      border-right: 1px solid #d2d2d2; }
      .anchor-link__item:first-child {
        border-left: 1px solid #d2d2d2; }
      .anchor-link__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 1.4em;
        color: #404544; }
        .anchor-link__item__link .icon-keyboard_arrow_down {
          font-size: 2rem; }
        .anchor-link__item__link:hover {
          color: #e8380d;
          opacity: 1; }
    .anchor-link--column2 {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .anchor-link--column2 .anchor-link__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 50%;
        margin: 10px 0 0; }
        .anchor-link--column2 .anchor-link__item:nth-child(2n+1) {
          border-left: 1px solid #d2d2d2; }
        .anchor-link--column2 .anchor-link__item:nth-child(-n+2) {
          margin-top: 0; }
      .anchor-link--column2 .anchor-link__item__link {
        width: 100%; }
      .anchor-link--column2 .anchor-link__item__link__text {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        text-align: center; }
  /* --------------------------------------------------- */
  /* lnav */
  /* --------------------------------------------------- */
  .lnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.57em 40px;
    line-height: 1.4; }
    .lnav__ttl {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0.57em; }
      .lnav__ttl__link {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        background: #e8380d;
        color: #fff;
        text-align: center;
        border-radius: 6px; }
        .lnav__ttl__link::before {
          z-index: 5;
          bottom: -8px;
          content: '';
          border-style: solid;
          border-width: 8px 8px 0;
          border-color: #e8380d transparent transparent;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: 0.3s all;
          transition: 0.3s all;
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
        .lnav__ttl__link--current::before {
          opacity: 1;
          visibility: visible; }
    .lnav__level1 {
      position: relative;
      -webkit-box-flex: 5;
          -ms-flex: 5 1 auto;
              flex: 5 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .lnav__level1__item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        position: relative;
        margin: 0 0.57em; }
        .lnav__level1__item__link {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 30px;
          min-height: 50px;
          background: #fff;
          border: 1px solid #d2d2d2;
          color: #404544;
          text-align: center;
          border-radius: 6px; }
          .lnav__level1__item__link::before {
            bottom: -8px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 8px 0;
            border-color: #f07355 transparent transparent;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: 0.3s all;
            transition: 0.3s all;
            position: absolute;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0); }
        .lnav__level1__item:hover .lnav__level1__item__link {
          background: #f07355;
          border-color: #f07355;
          color: #fff;
          opacity: 1; }
          .lnav__level1__item:hover .lnav__level1__item__link::before {
            opacity: 1;
            visibility: visible; }
        .lnav__level1__item:hover .lnav__level2 {
          opacity: 1;
          visibility: visible; }
        .lnav__level1__item--float {
          position: static; }
    .lnav__level2 {
      position: absolute;
      top: 50px;
      left: 0;
      z-index: 5;
      width: 265px;
      padding: 10px 0 0;
      opacity: 0;
      visibility: hidden; }
      .lnav__level1__item--float .lnav__level2 {
        left: auto;
        right: 0.57em; }
      .lnav__level2__item {
        border: 1px solid #d2d2d2;
        border-bottom: none; }
        .lnav__level2__item:first-child,
        .lnav__level2__item:first-child > * {
          border-top-left-radius: 8px;
          border-top-right-radius: 8px; }
        .lnav__level2__item:last-child,
        .lnav__level2__item:last-child > * {
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px; }
        .lnav__level2__item:last-child {
          border-bottom: 1px solid #d2d2d2; }
        .lnav__level2__item__link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 15px;
          background: #feead6;
          color: #404544; }
          .lnav__level2__item__link .icon-keyboard_arrow_right {
            margin-left: auto;
            color: #e8380d;
            font-size: 2.2rem; }
          .lnav__level2__item__link:hover {
            color: #e8380d;
            opacity: 1; }
  .product_kyutoki_gus .lnav__level1__item--gus .lnav__level1__item__link,
  #product_kyutoki_hybrid_mb .lnav__level1__item--gus .lnav__level1__item__link,
  .product_kyutoki_oil .lnav__level1__item--oil .lnav__level1__item__link,
  .product_kyutoki_hybrid:not(#product_kyutoki_hybrid_mb) .lnav__level1__item--hybrid .lnav__level1__item__link,
  .product_kyutoki_gyoumuyou .lnav__level1__item--pro .lnav__level1__item__link,
  .product_onsui_danbou_mist_dryhot .lnav__level1__item--mist .lnav__level1__item__link,
  .product_onsui_danbou_yukadan .lnav__level1__item--yukadan .lnav__level1__item__link,
  .product_onsui_danbou_livung .lnav__level1__item--livung .lnav__level1__item__link,
  #product_onsui_danbou_eco_j .lnav__level1__item--eco-j .lnav__level1__item__link,
  .product_kitchen_recipia_plus .lnav__level1__item--recipia_plus .lnav__level1__item__link,
  #product_kitchen_recipia_plus .lnav__level1__item--recipia_plus .lnav__level1__item__link,
  .product_kitchen01_builtin .lnav__level1__item--builtin .lnav__level1__item__link,
  .product_kitchen01_table .lnav__level1__item--table .lnav__level1__item__link,
  .product_kitchen01_rangehood .lnav__level1__item--rangehood .lnav__level1__item__link,
  .product_kitchen01_oven .lnav__level1__item--oven .lnav__level1__item__link,
  #product_kitchen01_takujyouoven .lnav__level1__item--takujyouoven .lnav__level1__item__link,
  #product_kitchen01_cartridge .lnav__level1__item--cartridge .lnav__level1__item__link,
  .product_bathroom_yupatio .lnav__level1__item--yupatio .lnav__level1__item__link,
  .product_bathroom_yupatioms .lnav__level1__item--yupatio-ms .lnav__level1__item__link,
  #product_bathroom_kinou .lnav__level1__item--yupatio-kinou .lnav__level1__item__link,
  .product_bathroom_acleadseries .lnav__level1__item--aclead .lnav__level1__item__link,
  .product_kitchen_jtm .lnav__level1__item--jtm .lnav__level1__item__link,
  #product_kitchen_recipia_plus_cyouri .lnav__level1__item--jtm .lnav__level1__item__link,
  .product_sanitary_cubo .lnav__level1__item--cubo .lnav__level1__item__link,
  .product_sanitary_shampine_new .lnav__level1__item--shampine .lnav__level1__item__link,
  .product_sanitary_sophinia .lnav__level1__item--sophinia .lnav__level1__item__link,
  .product_sanitary_sophiniacrie .lnav__level1__item--sophiniacrie .lnav__level1__item__link,
  #product_gas_fanheater_deluxe .lnav__level1__item--deluxe .lnav__level1__item__link,
  #product_gas_fanheater_standard .lnav__level1__item--standard .lnav__level1__item__link,
  #product_gas_fanheater_warm_life .lnav__level1__item--warm .lnav__level1__item__link,
  #product_taiyo_vf_series .lnav__level1__item--vf .lnav__level1__item__link,
  #product_taiyo_xf_series .lnav__level1__item--xf .lnav__level1__item__link,
  #product_taiyo_uf_series .lnav__level1__item--other .lnav__level1__item__link,
  #product_taiyo_sjq_series .lnav__level1__item--other .lnav__level1__item__link,
  #product_taiyo_sj_series .lnav__level1__item--other .lnav__level1__item__link,
  #product_taiyo_skb_series .lnav__level1__item--other .lnav__level1__item__link,
  #product_taiyo_skypia_pro .lnav__level1__item--other .lnav__level1__item__link,
  #product_taiyo_faq .lnav__level1__item--faq .lnav__level1__item__link,
  #product_taiyo_caution .lnav__level1__item--caution .lnav__level1__item__link {
    background: #f07355;
    border-color: #f07355;
    color: #fff;
    opacity: 1; }
    .product_kyutoki_gus .lnav__level1__item--gus .lnav__level1__item__link::before,
    #product_kyutoki_hybrid_mb .lnav__level1__item--gus .lnav__level1__item__link::before,
    .product_kyutoki_oil .lnav__level1__item--oil .lnav__level1__item__link::before,
    .product_kyutoki_hybrid:not(#product_kyutoki_hybrid_mb) .lnav__level1__item--hybrid .lnav__level1__item__link::before,
    .product_kyutoki_gyoumuyou .lnav__level1__item--pro .lnav__level1__item__link::before,
    .product_onsui_danbou_mist_dryhot .lnav__level1__item--mist .lnav__level1__item__link::before,
    .product_onsui_danbou_yukadan .lnav__level1__item--yukadan .lnav__level1__item__link::before,
    .product_onsui_danbou_livung .lnav__level1__item--livung .lnav__level1__item__link::before,
    #product_onsui_danbou_eco_j .lnav__level1__item--eco-j .lnav__level1__item__link::before,
    .product_kitchen_recipia_plus .lnav__level1__item--recipia_plus .lnav__level1__item__link::before,
    #product_kitchen_recipia_plus .lnav__level1__item--recipia_plus .lnav__level1__item__link::before,
    .product_kitchen01_builtin .lnav__level1__item--builtin .lnav__level1__item__link::before,
    .product_kitchen01_table .lnav__level1__item--table .lnav__level1__item__link::before,
    .product_kitchen01_rangehood .lnav__level1__item--rangehood .lnav__level1__item__link::before,
    .product_kitchen01_oven .lnav__level1__item--oven .lnav__level1__item__link::before,
    #product_kitchen01_takujyouoven .lnav__level1__item--takujyouoven .lnav__level1__item__link::before,
    #product_kitchen01_cartridge .lnav__level1__item--cartridge .lnav__level1__item__link::before,
    .product_bathroom_yupatio .lnav__level1__item--yupatio .lnav__level1__item__link::before,
    .product_bathroom_yupatioms .lnav__level1__item--yupatio-ms .lnav__level1__item__link::before,
    #product_bathroom_kinou .lnav__level1__item--yupatio-kinou .lnav__level1__item__link::before,
    .product_bathroom_acleadseries .lnav__level1__item--aclead .lnav__level1__item__link::before,
    .product_kitchen_jtm .lnav__level1__item--jtm .lnav__level1__item__link::before,
    #product_kitchen_recipia_plus_cyouri .lnav__level1__item--jtm .lnav__level1__item__link::before,
    .product_sanitary_cubo .lnav__level1__item--cubo .lnav__level1__item__link::before,
    .product_sanitary_shampine_new .lnav__level1__item--shampine .lnav__level1__item__link::before,
    .product_sanitary_sophinia .lnav__level1__item--sophinia .lnav__level1__item__link::before,
    .product_sanitary_sophiniacrie .lnav__level1__item--sophiniacrie .lnav__level1__item__link::before,
    #product_gas_fanheater_deluxe .lnav__level1__item--deluxe .lnav__level1__item__link::before,
    #product_gas_fanheater_standard .lnav__level1__item--standard .lnav__level1__item__link::before,
    #product_gas_fanheater_warm_life .lnav__level1__item--warm .lnav__level1__item__link::before,
    #product_taiyo_vf_series .lnav__level1__item--vf .lnav__level1__item__link::before,
    #product_taiyo_xf_series .lnav__level1__item--xf .lnav__level1__item__link::before,
    #product_taiyo_uf_series .lnav__level1__item--other .lnav__level1__item__link::before,
    #product_taiyo_sjq_series .lnav__level1__item--other .lnav__level1__item__link::before,
    #product_taiyo_sj_series .lnav__level1__item--other .lnav__level1__item__link::before,
    #product_taiyo_skb_series .lnav__level1__item--other .lnav__level1__item__link::before,
    #product_taiyo_skypia_pro .lnav__level1__item--other .lnav__level1__item__link::before,
    #product_taiyo_faq .lnav__level1__item--faq .lnav__level1__item__link::before,
    #product_taiyo_caution .lnav__level1__item--caution .lnav__level1__item__link::before {
      opacity: 1;
      visibility: visible; }
  /* --------------------------------------------------- */
  /* snav */
  /* --------------------------------------------------- */
  .snav {
    border: 1px solid #d2d2d2;
    overflow: hidden;
    border-radius: 8px; }
    .snav__ttl__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 60px;
      padding: 0.6em 0.83em;
      color: #404544;
      font-size: 1.8rem;
      line-height: 1.4; }
      .snav__ttl__link__text {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
      .snav__ttl__link:hover {
        background: #feead6;
        color: #e8380d;
        opacity: 1; }
    .snav__level1__item, .snav__level2__item, .snav__level3__item, .snav__level4__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-top: 1px solid #d2d2d2; }
      .snav__level1__item__link, .snav__level2__item__link, .snav__level3__item__link, .snav__level4__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        min-height: 50px;
        padding: 10px 1.1em;
        color: #404544; }
        .snav__level1__item__link__text, .snav__level2__item__link__text, .snav__level3__item__link__text, .snav__level4__item__link__text {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; }
        .snav__level1__item__link .icon-keyboard_arrow_right, .snav__level2__item__link .icon-keyboard_arrow_right, .snav__level3__item__link .icon-keyboard_arrow_right, .snav__level4__item__link .icon-keyboard_arrow_right {
          color: #e8380d;
          font-size: 2.2rem; }
        .snav__level1__item__link:hover, .snav__level2__item__link:hover, .snav__level3__item__link:hover, .snav__level4__item__link:hover {
          color: #e8380d;
          opacity: 1; }
        .snav__level1__item__link--current, .snav__level2__item__link--current, .snav__level3__item__link--current, .snav__level4__item__link--current {
          background: #feead6; }
    .snav__level2 {
      display: none; }
      .snav__level2__item__link {
        padding-left: 2.15em; }
      .snav__level1__item__link--current + .snav__level2 {
        display: block; }
    .snav__level3 {
      display: none; }
      .snav__level3__item__link {
        padding-left: 4.3em; }
      .snav__level1__item__link--current + .snav__level3 {
        display: block; }
    .snav__level4 {
      display: none; }
      .snav__level4__item__link {
        padding-left: 6.45em; }
      .snav__level1__item__link--current + .snav__level4 {
        display: block; }
  /* カレント表示 */
  .info_safety .snav__level1__item--safety .snav__level2,
  .info_houtei .snav__level1__item--houtei .snav__level2,
  .info_group .snav__level1__item--group .snav__level2,
  .company_about_outline .snav__level1__item--outline .snav__level2,
  .company_about_sports_athletic .snav__level1__item--sports .snav__level2,
  .company_about_sports_fencing .snav__level1__item--sports .snav__level2,
  .company_ir_individual .snav__level1__item--individual .snav__level2,
  .company_ir_vision .snav__level1__item--vision .snav__level2,
  .company_ir_ir_library .snav__level1__item--library .snav__level2,
  .company_ir_stock .snav__level1__item--stock .snav__level2,
  .company_ir_ir_event .snav__level1__item--event .snav__level2,
  .company_about_outline .snav__level1__item--outline .snav__level2,
  .company_about_sports .snav__level1__item--sports .snav__level2,
  .company_csr_csrabout .snav__level1__item--csrabout .snav__level2,
  .company_csr_topics .snav__level1__item--topics .snav__level2,
  .company_csr_quality .snav__level1__item--quality .snav__level2,
  .company_csr_kankyou .snav__level1__item--kankyou .snav__level2,
  .company_csr_social .snav__level1__item--social .snav__level2,
  .company_csr_governance .snav__level1__item--governance .snav__level2,
  .company_csr_engagement .snav__level1__item--engagement .snav__level2,
  .company_csr_csr_library .snav__level1__item--library .snav__level2,
  .aftersupport_hosyu .snav__level1__item--hosyu .snav__level2,
  .aftersupport_maintenance .snav__level1__item--maintenance .snav__level2,
  .aftersupport_repair .snav__level1__item--repair .snav__level2 {
    display: block; }
  .company_about_outline_office .snav__level1__item--outline .snav__level3,
  .info_houtei_houtei_tenken .snav__level2__item--houtei_tenken .snav__level3,
  .info_houtei_anshin .snav__level2__item--anshin .snav__level3,
  .company_about_sports_athletic .snav__level2__item--athletic .snav__level3,
  .company_about_sports_fencing .snav__level2__item--fencing .snav__level3,
  .company_csr_kankyou_seihin .snav__level2__item--seihin .snav__level3,
  .aftersupport_hosyu_anshins .snav__level2__item--anshins .snav__level3 {
    display: block; }
  .info_houtei .snav__level3 .snav__level4,
  .company_about_sports_athletic_schedule .snav__level3__item--schedule .snav__level4,
  .company_about_sports_fencing_schedule .snav__level3__item--schedule .snav__level4 {
    display: block; }
  .info_safety_gus .snav__level2__item--gus .snav__level2__item__link,
  .info_houtei_toku_a .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_toku_b .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_toku_c .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_toku_d .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_kiken .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_ippan_f .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_ippan_g .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_ippan_h .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_gyoumu .snav__level2__item--search .snav__level2__item__link,
  .info_houtei_error .snav__level2__item--search .snav__level2__item__link,
  #company_about_sports_athletic_index .snav__level2__item--athletic .snav__level2__item__link,
  #company_about_sports_fencing_index .snav__level2__item--fencing .snav__level2__item__link {
    background: #feead6; }
  .company_about_sports_athletic_photolibrary .snav__level2__item--athletic .snav__level3__item--photolibrary .snav__level3__item__link,
  .company_about_sports_fencing_photolibrary .snav__level2__item--fencing .snav__level3__item--photolibrary .snav__level3__item__link,
  #company_csr_kankyou_seihin_forestoffsset .snav__level2__item--seihin .snav__level3__item--forestoffsset .snav__level3__item__link,
  #company_csr_kankyou_seihin_forestoffset2017_01 .snav__level2__item--seihin .snav__level3__item--forestoffsset .snav__level3__item__link,
  #company_csr_kankyou_seihin_forestoffset2017_02 .snav__level2__item--seihin .snav__level3__item--forestoffsset .snav__level3__item__link,
  #company_csr_kankyou_seihin_forestoffset2017_03 .snav__level2__item--seihin .snav__level3__item--forestoffsset .snav__level3__item__link,
  #company_csr_kankyou_seihin_forestoffset2017_04 .snav__level2__item--seihin .snav__level3__item--forestoffsset .snav__level3__item__link {
    background: #feead6; }
  /* --------------------------------------------------- */
  /* progress */
  /* --------------------------------------------------- */
  .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .progress__item {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 22px 0 0; }
      .progress__item__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        min-height: 50px;
        padding: 5px 0;
        background: #f3f3f3;
        border-radius: 8px 0 0 8px;
        line-height: 1.4; }
      .progress__item::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 2px;
        content: '';
        width: 22px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-image: url(/common/img/common/bg_progress_arrow_gray.svg);
        background-size: 22px 100%; }
      .progress__item:last-child {
        padding-right: 0; }
        .progress__item:last-child:after {
          display: none; }
        .progress__item:last-child .progress__item__text {
          border-radius: 8px; }
      .progress__item--current .progress__item__text {
        background: #e8380d;
        color: #fff; }
      .progress__item--current::after {
        background-image: url(/common/img/common/bg_progress_arrow_red.svg); }
  /* --------------------------------------------------- */
  /* progress-step */
  /* --------------------------------------------------- */
  .progress-step__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 110px;
    margin-bottom: 0; }
    .progress-step__item__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(100% - 42px);
      background: #fff;
      border: 2px solid #e8380d;
      border-right: none;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
    .progress-step__item::after {
      content: '';
      width: 42px;
      background: url(/common/img/common/bg_progress_step_arrow.svg) 0 0 no-repeat;
      background-size: 100% auto; }
    .progress-step__item__step {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 42px;
      background: #e8380d;
      color: #fff;
      text-align: center;
      line-height: 1.2;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .progress-step__item__step__text {
        font-size: 1rem;
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        -webkit-transform-origin: center center;
                transform-origin: center center; }
      .progress-step__item__step__number {
        font-size: 1.8rem; }
    .progress-step__item__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0 0 0 1em;
      -ms-flex-item-align: center;
          align-self: center; }
  /* --------------------------------------------------- */
  /* agreement */
  /* --------------------------------------------------- */
  .agreement {
    padding: 30px;
    border: 1px solid #d2d2d2;
    overflow-y: auto; }
  /* --------------------------------------------------- */
  /* panel-link */
  /* --------------------------------------------------- */
  .panel-link {
    position: relative;
    display: block; }
    .panel-link__ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      left: 30px;
      color: #fff;
      font-size: 2.4rem;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      line-height: 1.4;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
      .panel-link__ttl .icon-circle-arrow-right {
        font-size: 1.8rem; }
  /* --------------------------------------------------- */
  /* lineup */
  /* --------------------------------------------------- */
  .lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 40px; }
    .lineup__thumb {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 52.3%;
      padding: 35px 0;
      border: 1px solid #d2d2d2;
      border-right: none;
      border-radius: 8px 0 0 8px;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
    .lineup__ttl {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      width: 100%;
      margin: 20px 0 0; }
    .lineup__text {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 47.6%;
      padding: 25px;
      border: 1px solid #d2d2d2;
      border-radius: 0 8px 8px 0;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
    .lineup.link-gray:hover .lineup__text {
      color: #404544; }
    .lineup.link-gray:hover .lineup__thumb,
    .lineup.link-gray:hover .lineup__text {
      opacity: 0.6; }
  .lineup02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    border: 1px solid #d2d2d2;
    border-radius: 8px; }
    .lineup02__thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 52.7%;
      padding: 30px; }
    .lineup02__legend {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 47.3%; }
      .lineup02__legend__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 50%;
        border-left: 1px solid #d2d2d2;
        color: #d2d2d2;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        .lineup02__legend__item:nth-child(n+3) {
          border-top: 1px solid #d2d2d2; }
        .lineup02__legend__item__icon {
          margin: 0 0 10px;
          font-size: 6.0rem; }
        .lineup02__legend__item--support {
          color: #404544; }
          .lineup02__legend__item--support .lineup02__legend__item__icon {
            color: #ef7355; }
  .lineup03 {
    margin-bottom: 20px;
    border: 1px solid #d2d2d2;
    word-break: keep-all;
    border-radius: 8px; }
    .tablet .lineup03 {
      word-break: normal; }
    .lineup03__ttl {
      padding: 10px 15px;
      border-bottom: 1px solid #d2d2d2;
      font-size: 1.6rem; }
    .lineup03__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 30px 0; }
      .lineup03__body > * {
        width: calc((100% - 60px) / 2);
        margin: 0 15px; }
    .lineup03__thumb {
      text-align: center; }
  /* --------------------------------------------------- */
  /* legend */
  /* --------------------------------------------------- */
  .legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .legend__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 40px 0 0; }
      .legend__item__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 38px;
        height: 38px;
        margin: 0 15px 0 0;
        border: 1px solid #ef7355;
        color: #ef7355;
        font-size: 2.4rem;
        border-radius: 8px; }
  /* --------------------------------------------------- */
  /* product-info-icon */
  /* --------------------------------------------------- */
  .product-info-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 25px; }
    .product-info-icon__content1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 17.2%; }
      .product-info-icon__content1__item {
        width: calc((100% - 10px) / 2);
        margin: 0 0 0 9px; }
        .product-info-icon__content1__item:nth-child(2n+1) {
          margin-left: 0; }
    .product-info-icon__content2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 80%; }
      .product-info-icon__content2__item {
        width: calc((100% - 27px) / 4);
        margin: 9px 0 0 9px; }
        .product-info-icon__content2__item:nth-child(4n+1) {
          margin-left: 0; }
        .product-info-icon__content2__item:nth-child(-n+4) {
          margin-top: 0; }
        .product-info-icon__content2__item--unsupport {
          opacity: 0.2; }
  /* --------------------------------------------------- */
  /* tab */
  /* --------------------------------------------------- */
  .tab,
  .tab2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px 30px; }
    .tab__item,
    .tab2__item {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 8px; }
      .tab__item__body,
      .tab2__item__body {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        height: 50px;
        background: #fff;
        border: 1px solid #d2d2d2;
        cursor: pointer;
        color: #404544;
        border-radius: 6px;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .tab__item__body::before,
        .tab2__item__body::before {
          bottom: -8px;
          content: '';
          border-style: solid;
          border-width: 8px 8px 0;
          border-color: #e8380d transparent transparent;
          opacity: 0;
          -webkit-transition: 0.3s all;
          transition: 0.3s all;
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
      .tab__item:hover,
      .tab2__item:hover {
        opacity: 0.6; }
      .tab__item.active,
      .tab2__item.active {
        opacity: 1; }
        .tab__item.active .tab__item__body,
        .tab__item.active .tab2__item__body,
        .tab2__item.active .tab__item__body,
        .tab2__item.active .tab2__item__body {
          background: #e8380d;
          border-color: #e8380d;
          color: #fff; }
          .tab__item.active .tab__item__body::before,
          .tab__item.active .tab2__item__body::before,
          .tab2__item.active .tab__item__body::before,
          .tab2__item.active .tab2__item__body::before {
            opacity: 1; }
  /* --------------------------------------------------- */
  /* ノーリツソーシャル */
  /* social */
  /* --------------------------------------------------- */
  .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .social__item {
      position: relative;
      width: 25%; }
      .social__item__link {
        display: block; }
      .social__item__thumb {
        position: relative;
        padding-top: 100%;
        background: #fff;
        overflow: hidden; }
        .social__item__thumb > * {
          max-width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .social__item__icon {
        position: absolute;
        right: 12px;
        bottom: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #fff;
        width: 48px;
        height: 48px;
        border-radius: 50%; }
        .social__item__icon > * {
          width: 25px; }
  /* --------------------------------------------------- */
  /* ノーリツNOW */
  /* noritz-now */
  /* --------------------------------------------------- */
  #noritz-now {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    #noritz-now .u-font-bold {
      font-weight: bold;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    #noritz-now .noritz-now__thumb {
      position: relative;
      margin: 0 0 15px;
      padding-top: 61.9%;
      overflow: hidden;
      border-radius: 8px; }
      #noritz-now .noritz-now__thumb > * {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 50% 50%;
           object-position: 50% 50%;
        font-family: 'object-fit: cover; object-position: 50% 50%'; }
  /* ============================================================ */
  /* TOTO製品の修理受付 */
  /* /repair_toto.html */
  /* ============================================================ */
  #repair_toto .contents-lower {
    display: none; }
  /* ============================================================ */
  /* footer */
  /* ============================================================ */
  .pagetop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 20px; }
    .pagetop__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 190px;
      height: 36px;
      background: #f3f3f3;
      border-radius: 10px 10px 0 0;
      color: #404544;
      font-size: 1.2rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .pagetop__link:hover {
        color: #e8380d; }
  footer {
    padding: 65px 0;
    background: #f3f3f3; }
    footer .fnav {
      max-width: 1160px;
      margin: 0 auto;
      padding: 0 20px; }
    footer .fnav01 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0 70px;
      border-right: 1px solid #d2d2d2;
      font-size: 1.2rem;
      line-height: 1.4; }
      footer .fnav01__column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: calc(100% / 6); }
        footer .fnav01__column__body {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto;
          padding: 0 5px 0 15px;
          border-left: 1px solid #d2d2d2; }
          footer .fnav01__column__body:not(:last-child) {
            margin: 0 0 40px; }
      footer .fnav01__ttl {
        margin: 0 0 25px;
        font-size: 1.6rem; }
      footer .fnav01__sns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-right: 10px; }
        footer .fnav01__sns__item {
          max-width: 32px; }
    footer .fnav02 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 0 30px;
      font-size: 1.1rem; }
      footer .fnav02__item {
        padding: 0 15px;
        border-right: 1px solid #d2d2d2; }
        footer .fnav02__item:first-child {
          border-left: 1px solid #d2d2d2; }
        footer .fnav02__item__link {
          color: #404544; }
    footer .copyright {
      font-size: 1.1rem;
      text-align: center; }
  /* ============================================================ */
  /* index.html */
  /* ============================================================ */
  #index {
    /* .index-visual
	----------------------------------------------------------- */
    /* .important
	----------------------------------------------------------- */
    /* .pickup
	----------------------------------------------------------- */
    /* .pickup-column
	----------------------------------------------------------- */
    /* .product
	----------------------------------------------------------- */
    /* .product02
	----------------------------------------------------------- */
    /* .product-notice
	----------------------------------------------------------- */
    /* .news
	----------------------------------------------------------- */
    /* .sns-official
	----------------------------------------------------------- */
    /* .bnr-slider
	----------------------------------------------------------- */ }
    #index .contents {
      max-width: none;
      margin: 0;
      padding: 0; }
    #index .row-wide {
      padding: 80px 0; }
      #index .row-wide.bg-gray {
        background: #f3f3f3; }
      #index .row-wide.bg-red {
        background: #f55333; }
      #index .row-wide.bg-red-lighten {
        background: #feead6; }
      #index .row-wide__inner {
        max-width: 1160px;
        margin: 0 auto;
        padding: 0 20px; }
    #index .index-ttl01,
    #index .index-ttl02,
    #index .index-ttl03 {
      color: #e8380d;
      text-align: center;
      line-height: 1.5; }
    #index .index-ttl01 {
      margin: 0 0 40px;
      font-size: 4.0rem; }
    #index .index-ttl02 {
      margin: 0 0 40px;
      font-size: 3.6rem; }
    #index .index-ttl03 {
      margin: 0 0 30px;
      font-size: 2.4rem; }
    #index .index-visual {
      position: relative; }
      #index .index-visual::before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        content: '';
        height: 40px;
        background: url(/common/img/index/bg_gray_wave.png) bottom center no-repeat;
        background-size: 100% 100%; }
      #index .index-visual__slider {
        opacity: 0;
        -webkit-transition: opacity .3s linear;
        transition: opacity .3s linear; }
        #index .index-visual__slider.slick-initialized {
          opacity: 1; }
      #index .index-visual__slider,
      #index .index-visual__slider * {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
      #index .index-visual__scroll {
        bottom: 95px;
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #fff;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); }
      #index .index-visual .slick-slide {
        position: relative; }
      #index .index-visual .slick-prev,
      #index .index-visual .slick-next {
        z-index: 5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 35px;
        height: 67px;
        background: rgba(255, 255, 255, 0.8);
        color: #e8380d;
        font-size: 2.6rem; }
        #index .index-visual .slick-prev::before,
        #index .index-visual .slick-next::before {
          display: none; }
      #index .index-visual .slick-prev {
        left: 0; }
      #index .index-visual .slick-next {
        right: 0; }
      #index .index-visual .slick-dots {
        bottom: 65px;
        pointer-events: none; }
        #index .index-visual .slick-dots li {
          width: 8px;
          height: 8px;
          margin: 0 3px; }
          #index .index-visual .slick-dots li button {
            pointer-events: auto;
            padding: 0;
            background: rgba(255, 255, 255, 0.5);
            width: 8px;
            height: 8px;
            border-radius: 50%; }
            #index .index-visual .slick-dots li button::before {
              display: none; }
          #index .index-visual .slick-dots li.slick-active button {
            background: #fff; }
      #index .index-visual .slick-dotted.slick-slider {
        margin-bottom: 0; }
      #index .index-visual__body {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
        #index .index-visual__body__inner {
          position: relative;
          height: 100%;
          max-width: 1160px;
          margin: 0 auto;
          padding: 0 20px; }
      #index .index-visual__btn-play, #index .index-visual__btn-volume {
        position: absolute;
        bottom: 65px;
        z-index: 10;
        background: none;
        border: 1px solid #fff;
        color: #fff;
        opacity: 0.6;
        cursor: pointer;
        width: 36px;
        height: 36px;
        border-radius: 50%; }
        #index .index-visual__btn-play > *, #index .index-visual__btn-volume > * {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 34px;
          height: 34px;
          border-radius: 50%; }
        #index .index-visual__btn-play:hover, #index .index-visual__btn-volume:hover {
          opacity: 1; }
      #index .index-visual__btn-play {
        right: 65px; }
        #index .index-visual__btn-play--play .icon-pause::before {
          content: "\f04b"; }
      #index .index-visual__btn-volume {
        right: 20px;
        font-size: 2rem; }
        #index .index-visual__btn-volume--off .icon-volume_up::before {
          content: "\e04e"; }
      #index .index-visual .btn-cm {
        position: absolute;
        bottom: 130px;
        right: 170px;
        width: 210px;
        height: 50px;
        border: none; } }
      @media screen and (min-width: 767.5px) and (max-width: 1280px) {
        #index .index-visual .btn-cm {
          bottom: 100px; } }
      @media screen and (min-width: 767.5px) and (max-width: 1024px) {
        #index .index-visual .btn-cm {
          bottom: 80px;
          right: 120px; } }

@media print, screen and (min-width: 767.5px) {
      #index .index-visual__slider__mv {
        background: #000;
        overflow: hidden; }
        #index .index-visual__slider__mv__thumb {
          position: absolute;
          top: 0; }
        #index .index-visual__slider__mv__movie, #index .index-visual__slider__mv__thumb {
          margin-top: -5px; }
    #index .important {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 0 70px; }
      #index .important__ttl {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 170px;
        min-height: 64px;
        background: #e8380d;
        border: 1px solid #d2d2d2;
        border-radius: 8px 0 0 8px;
        color: #fff;
        font-size: 1.6rem;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      #index .important__body {
        width: calc(100% - 170px);
        min-height: 64px;
        background: #fff;
        border: 1px solid #d2d2d2;
        border-left: none;
        border-radius: 0 8px 8px 0; }
      #index .important__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 25px; }
        #index .important__content__link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%; }
          #index .important__content__link__date {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            width: 80px;
            font-size: 1.2rem; }
          #index .important__content__link__text {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto; }
          #index .important__content__link .icon-angle-right {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            -ms-flex-item-align: center;
                align-self: center;
            margin: 0 0 0 20px;
            color: #e8380d; }
        #index .important__content:not(:first-child) {
          border-top: 1px solid #d2d2d2; }
    #index .pickup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 -10px; }
      #index .pickup__item {
        width: calc((100% - 100px) / 5);
        max-width: 142px;
        margin: 0 10px;
        font-size: 1.8rem;
        text-align: center; }
        #index .pickup__item__link img {
          -webkit-transition: 0.3s all;
          transition: 0.3s all; }
        #index .pickup__item__link:hover img {
          opacity: 0.6; }
    #index .pickup-column {
      background: #fff;
      border: 1px solid #d2d2d2;
      overflow: hidden;
      border-radius: 8px;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
      #index .pickup-column img {
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
      #index .pickup-column__body {
        padding: 20px 25px;
        border-top: 1px solid #d2d2d2; }
      #index .pickup-column:hover img {
        opacity: 0.6; }
      #index .pickup-column .u-font-bold {
        font-weight: bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    #index .product {
      position: relative; }
      #index .product::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        content: '';
        height: 40px;
        background: url(/common/img/index/bg_orange_wave.png) top center no-repeat #fff;
        background-size: cover; }
      #index .product__column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        #index .product__column__item {
          width: 40.6%; }
          #index .product__column__item--lg {
            width: 57.6%; }
          #index .product__column__item__link {
            position: relative;
            display: block; }
            #index .product__column__item__link > * {
              position: relative;
              z-index: 1; }
            #index .product__column__item__link img {
              -webkit-transition: 0.3s all;
              transition: 0.3s all; }
            #index .product__column__item__link:hover {
              opacity: 1; }
              #index .product__column__item__link:hover img {
                opacity: 0.6; }
            #index .product__column__item__link::before {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              z-index: 0;
              content: '';
              background: #fff;
              border-radius: 9px; }
    #index .product02 {
      background: url(/common/img/index/bg_cta.png) top center no-repeat;
      background-size: cover; }
      #index .product02__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 266px;
        background: rgba(255, 255, 255, 0.8);
        color: #404544;
        font-size: 2.4rem;
        border-radius: 8px;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        #index .product02__item__icon {
          margin: 0 0 15px; }
    #index .product-notice__ttl {
      position: relative; }
      #index .product-notice__ttl .index-ttl02 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      #index .product-notice__ttl__list {
        position: absolute;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    #index .news__ttl {
      position: relative; }
      #index .news__ttl__link {
        position: absolute;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
    #index .news .news-list .label {
      background: rgba(255, 255, 255, 0.6); }
    #index .sns-official {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #index .sns-official__item {
        width: 222px;
        margin: 0 10px; }
    #index .bnr-slider {
      padding: 0 54px; }
      #index .bnr-slider__item {
        padding: 0 8px; }
        #index .bnr-slider__item a {
          display: block; }
      #index .bnr-slider .slick-prev,
      #index .bnr-slider .slick-next {
        width: 35px;
        height: 67px;
        border: 1px solid #e8380d;
        color: #e8380d;
        font-size: 2.6rem; }
        #index .bnr-slider .slick-prev__inner,
        #index .bnr-slider .slick-next__inner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 33px;
          height: 65px; }
        #index .bnr-slider .slick-prev::before,
        #index .bnr-slider .slick-next::before {
          display: none;
          content: ''; }
      #index .bnr-slider .slick-prev {
        left: 0; }
      #index .bnr-slider .slick-next {
        right: 0; }
  /* ============================================================ */
  /* 商品情報 共通 */
  /* /product/ */
  /* ============================================================ */
  .product {
    /* ●●シリーズ
	----------------------------------------------------------- */ }
    .product .series-info__thumb {
      text-align: center; }
    .product .series-info__function__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin: 0 -4px;
      max-width: none; }
    .product .series-info__function__item {
      position: relative;
      margin: 0 4px 7px;
      width: calc((100% - 72px) / 9); }
      .product .series-info__function__item--col2 {
        width: calc((100% - 72px) / 9 * 2 + 8px); }
      .product .series-info__function__item__note {
        position: absolute;
        right: -4px;
        bottom: 8px;
        width: 12px;
        height: 12px;
        line-height: 1; }
    .product .series-info__mark {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .product .series-info__mark__item {
        position: relative;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0 8px 8px 0;
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        line-height: 1; }
        .product .series-info__mark__item > * {
          width: 100%;
          vertical-align: middle; }
        .product .series-info__mark__item--eco-j {
          width: 135px; }
        .product .series-info__mark__item--q21 {
          width: 45px; }
        .product .series-info__mark__item--teinox {
          width: 45px; }
        .product .series-info__mark__item--yuteria {
          width: 45px; }
        .product .series-info__mark__item--souhoukou {
          width: 45px; }
        .product .series-info__mark__item--intelligent {
          width: 45px; }
        .product .series-info__mark__item--e-con {
          width: 45px; }
        .product .series-info__mark__item--kanki-kyokusyo {
          width: 45px; }
        .product .series-info__mark__item--kanki-24h {
          width: 45px; }
        .product .series-info__mark__item--green {
          width: 135px; }
        .product .series-info__mark__item--use-period {
          width: 80px; }
        .product .series-info__mark__item--bl-bs {
          width: 125px; }
        .product .series-info__mark__item--bl-bs2 {
          width: 65px; }
        .product .series-info__mark__item--bl {
          width: 45px; }
        .product .series-info__mark__item--gp {
          width: 45px; }
        .product .series-info__mark__item--xxxxx {
          width: 45px; }
        .product .series-info__mark__item--warranty3 {
          width: 45px; }
        .product .series-info__mark__item--syouene {
          width: 152px; }
        .product .series-info__mark__item--l2_tech {
          width: 80px; }
        .product .series-info__mark__item__note {
          position: absolute;
          top: 0;
          right: 0;
          width: 12px;
          height: 12px;
          line-height: 1; }
  /* ============================================================ */
  /* 給湯機器トップ */
  /* /product/kyutoki/ */
  /* ============================================================ */
  #product_kyutoki_index {
    /*----- あなたにぴったりの給湯器をお勧めします -----*/
    /*----- ノーリツの給湯器ならこんなことができる！ -----*/
    /*----- クイズ お風呂の「正しい入り方」 -----*/ }
    #product_kyutoki_index .recommend__number {
      margin: 0 0 5px;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #product_kyutoki_index .recommend__product-name {
      margin: 0 0 10px;
      font-size: 2.4rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #product_kyutoki_index .recommend__function {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      line-height: 1.5; }
      #product_kyutoki_index .recommend__function__icon {
        font-size: 1.2rem; }
        #product_kyutoki_index .recommend__function__icon > * {
          display: block; }
        #product_kyutoki_index .recommend__function__icon [class^="icon-"] {
          color: #e8380d;
          font-size: 4.5rem; }
      #product_kyutoki_index .recommend__function__add {
        margin: 10px 10px 0;
        font-size: 2rem; }
    #product_kyutoki_index .balloon {
      position: relative;
      background: #fff;
      border: 1px solid #d2d2d2;
      font-size: 1.8rem;
      text-align: center;
      line-height: 1.5;
      cursor: pointer;
      font-family: 'TBUDゴシック B', 'TBUDGothic B';
      border-radius: 8px;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      #product_kyutoki_index .balloon::before, #product_kyutoki_index .balloon::after {
        position: absolute;
        bottom: 20px;
        content: '';
        border-style: solid;
        border-width: 9px 10px 9px 0;
        border-color: transparent;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
      #product_kyutoki_index .balloon::before {
        left: -10px;
        border-right-color: #d2d2d2; }
      #product_kyutoki_index .balloon::after {
        left: -9px;
        border-right-color: #fff; }
      #product_kyutoki_index .balloon:hover {
        background: #e8380d;
        border-color: #e8380d;
        color: #fff; }
        #product_kyutoki_index .balloon:hover::before, #product_kyutoki_index .balloon:hover::after {
          border-right-color: #e8380d; }
      #product_kyutoki_index .balloon > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 125px; }
    #product_kyutoki_index .quiz__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #product_kyutoki_index .quiz__item:not(:last-child) {
        margin: 0 0 40px; }
      #product_kyutoki_index .quiz__item__alphabet {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 20px 0 0;
        border: 2px solid #e8380d;
        color: #e8380d;
        font-size: 2.4rem;
        line-height: 1;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
    #product_kyutoki_index .quiz-btn {
      position: relative; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] {
        display: none; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer1,
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 360px;
        height: 65px;
        font-size: 1.6rem;
        cursor: pointer;
        border-radius: 8px;
        font-family: 'TBUDゴシック B', 'TBUDGothic B';
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer1 {
        background: #e8380d;
        border: 1px solid #d2d2d2;
        color: #fff; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer2 {
        display: none;
        background: #fff;
        border: 1px solid #e8380d;
        color: #e8380d; }
        #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer2 .quiz-btn__answer2__alphabet {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border: 1px solid #e8380d;
          width: 24px;
          height: 24px;
          border-radius: 50%; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"]:checked + .quiz-btn__body .quiz-btn__answer1 {
        display: none; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"]:checked + .quiz-btn__body .quiz-btn__answer2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  /* ============================================================ */
  /* 無線LAN対応リモコン */
  /* /product/kyutoki/gus/remocon/06.html */
  /* ============================================================ */
  #product_kyutoki_gus_remocon_06 .useful-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #product_kyutoki_gus_remocon_06 .useful-content__place {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 140px;
      margin: 0 -10px 0 0; }
    #product_kyutoki_gus_remocon_06 .useful-content__img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 300px;
      margin: 0 30px 0 0; }
    #product_kyutoki_gus_remocon_06 .useful-content__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      -ms-flex-item-align: center;
          align-self: center; }
    #product_kyutoki_gus_remocon_06 .useful-content--noplace .useful-content__img {
      margin-left: 130px; }
  /* ============================================================ */
  /* 給湯機器　戸建住宅用 ⁄ 集合住宅用 ハイブリッド給湯・暖房システム　お客さまの声、Q＆A */
  /* /product/kyutoki/hybrid/qa.html */
  /* ============================================================ */
  #product_kyutoki_hybrid_qa .faq-list__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 10px;
    font-size: 1.6rem;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #product_kyutoki_hybrid_qa .faq-list__question::before {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      content: 'Q';
      margin: 0 10px 0 0;
      background: #e8380d;
      color: #fff;
      font-size: 1.8rem;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      font-family: 'TBUDゴシック R', 'TBUDGothic R'; }
  #product_kyutoki_hybrid_qa .faq-list__answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 40px; }
    #product_kyutoki_hybrid_qa .faq-list__answer:last-child {
      margin-bottom: 0; }
    #product_kyutoki_hybrid_qa .faq-list__answer::before {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: block;
      content: 'A.';
      margin: 0 10px 0 5px;
      color: #e8380d;
      font-size: 2.2rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* 取替用キッチン機器 共通  */
  /* /product/kitchen01/ */
  /* ============================================================ */
  .product_kitchen01 .balloon {
    position: relative;
    margin: 25px 0 0;
    padding: 10px;
    border: 1px solid #e8380d;
    color: #e8380d;
    font-size: 1.6rem;
    text-align: center;
    font-family: 'TBUDゴシック B', 'TBUDGothic B';
    border-radius: 8px; }
    .product_kitchen01 .balloon::before, .product_kitchen01 .balloon::after {
      content: '';
      border-style: solid;
      border-width: 0 10px 10px;
      border-color: transparent;
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
    .product_kitchen01 .balloon::before {
      top: -10px;
      border-bottom-color: #e8380d; }
    .product_kitchen01 .balloon::after {
      top: -9px;
      border-bottom-color: #fff; }
  /* ============================================================ */
  /* 取替用キッチン機器　レンジフード　お手入れ簡単ノーリツのレンジフード */
  /* /product/kitchen01/rangehood/oteire.html */
  /* ============================================================ */
  #product_kitchen01_rangehood_oteire .icon-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    background: #57c3e0;
    color: #fff;
    border-radius: 4px;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* キッチントップ */
  /* /product/kitchen/ */
  /* ============================================================ */
  #product_kitchen_index .kitchen-movie {
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    #product_kitchen_index .kitchen-movie:hover {
      opacity: 0.6; }
    #product_kitchen_index .kitchen-movie__body {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 20px;
      color: #fff;
      font-size: 1.6rem;
      text-align: center;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      line-height: 1.4; }
    #product_kitchen_index .kitchen-movie__ttl {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      font-size: 1.8rem; }
    #product_kitchen_index .kitchen-movie__icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 20px 0;
      font-size: 4.8rem; }
    #product_kitchen_index .kitchen-movie__text {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
  /* ============================================================ */
  /* キッチン：レシピア プラス */
  /* /product/kitchen/recipia_plus/ */
  /* ============================================================ */
  #product_kitchen_recipia_plus_index .mylife {
    background: url(/common/img/product/kitchen/recipia_plus/bg_mylife.png) 0 0 no-repeat;
    background-size: 100% auto; }
    #product_kitchen_recipia_plus_index .mylife__body {
      margin: 0 95px; }
    #product_kitchen_recipia_plus_index .mylife__content {
      padding: 10px 25px 25px;
      background: #fff; }
      #product_kitchen_recipia_plus_index .mylife__content__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0 0 15px;
        font-size: 1.8rem;
        line-height: 1.5;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* キッチン：レシピア */
  /* /product/kitchen/recipia/ */
  /* ============================================================ */
  .product_kitchen_recipia .lnav__level1__item--recipia .lnav__level1__item__link {
    background: #f07355;
    border-color: #f07355;
    color: #fff;
    opacity: 1; }
    .product_kitchen_recipia .lnav__level1__item--recipia .lnav__level1__item__link::before {
      opacity: 1;
      visibility: visible; }
  /* ============================================================ */
  /* キッチン：ジュ・テーム */
  /* /product/kitchen/jtm/ */
  /* ============================================================ */
  #product_kitchen_jtm_index .box--jtm {
    background: #fffcdb; }
  /* ============================================================ */
  /* バスルーム */
  /* /product/bathroom/*/
  /* ============================================================ */
  .product_bathroom .equipment-set {
    overflow: hidden;
    border-radius: 8px; }
    .product_bathroom .equipment-set__slider {
      margin: 0 -2px; }
    .product_bathroom .equipment-set__item {
      position: relative;
      margin: 0 2px;
      text-align: center;
      cursor: pointer; }
      .product_bathroom .equipment-set__item::before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        height: 150px;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%); }
      .product_bathroom .equipment-set__item__btn1 {
        bottom: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        max-width: 360px;
        height: 50px;
        border: 1px solid #d2d2d2;
        color: #fff;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        border-radius: 6px;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
      .product_bathroom .equipment-set__item__btn2 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        max-width: 360px;
        height: 50px;
        margin: 20px auto 0;
        border: 1px solid #d2d2d2;
        color: #fff;
        border-radius: 6px; }
      .product_bathroom .equipment-set__item__content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 40px 60px 24px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .product_bathroom .equipment-set__item__content__body {
          height: 100%;
          text-align: left;
          overflow: hidden; }
      .product_bathroom .equipment-set__item__price {
        font-size: 2.4rem; }
      .product_bathroom .equipment-set__item:hover .equipment-set__item__btn1 {
        opacity: 0;
        visibility: hidden; }
      .product_bathroom .equipment-set__item:hover .equipment-set__item__content {
        opacity: 1;
        visibility: visible; }
    .product_bathroom .equipment-set .slick-prev,
    .product_bathroom .equipment-set .slick-next {
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 32px;
      height: 64px;
      background: rgba(232, 56, 13, 0.5);
      color: #fff;
      font-size: 2.6rem;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .product_bathroom .equipment-set .slick-prev:hover,
      .product_bathroom .equipment-set .slick-next:hover {
        opacity: 0.6; }
      .product_bathroom .equipment-set .slick-prev::before,
      .product_bathroom .equipment-set .slick-next::before {
        display: none; }
    .product_bathroom .equipment-set .slick-prev {
      left: 2px; }
    .product_bathroom .equipment-set .slick-next {
      right: 2px; }
  /* ============================================================ */
  /* 洗面化粧台 共通 */
  /* /product/sanitary/ */
  /* ============================================================ */
  .sanitary-plan__img {
    float: left;
    width: 36%;
    margin: 0 20px 0 0; }
  .sanitary-plan__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 10px;
    overflow: hidden; }
    .sanitary-plan__label .label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 35px;
      margin: 0 0 10px;
      line-height: 1.2; }
  .sanitary-plan__text {
    margin-left: calc(36% + 20px); }
  /* ============================================================ */
  /* 洗面化粧台：シャンピーヌ共通 */
  /* /product/sanitary/shampine_new/ */
  /* ============================================================ */
  .product_sanitary_shampine_new .eco-faucet {
    position: relative; }
    .product_sanitary_shampine_new .eco-faucet__text {
      position: absolute;
      top: 0;
      left: 34%; }
  /* ============================================================ */
  /* ミスト保湿浴のススメ 02：身体にやさしい入浴スタイル */
  /* /product/onsui_danbou/mist_dryhot/susume/mist02.html */
  /* ============================================================ */
  #product_onsui_danbou_mist_dryhot_susume_mist02 .box--green {
    background: #effbe4; }
  #product_onsui_danbou_mist_dryhot_susume_mist02 .hoshitsuyoku-table {
    width: 500px;
    max-width: 48%; }
  /* ============================================================ */
  /* ミスト保湿浴のススメ 07：おふろでエステ 2 */
  /* /product/onsui_danbou/mist_dryhot/susume/mist07.html */
  /* ============================================================ */
  #product_onsui_danbou_mist_dryhot_susume_mist07 .box--aroma {
    background: #e2ffc6; }
  .label {
    white-space: nowrap; }
  /* .バスルーム ローカルナビカレント
----------------------------------------------------------- */
  #product_etc_ytvd-1201w-rc .lnav__level1__item--tv12 .lnav__level1__item__link,
  #product_etc_oneseg .lnav__level1__item--oneseg .lnav__level1__item__link,
  #product_etc_juke .lnav__level1__item--juke .lnav__level1__item__link,
  #product_etc_jmoss .lnav__level1__item--jmoss .lnav__level1__item__link,
  .product_etc_ozonsakkin .lnav__level1__item--ozonsakkin .lnav__level1__item__link {
    background: #f07355;
    border-color: #f07355;
    color: #fff;
    opacity: 1; }
    #product_etc_ytvd-1201w-rc .lnav__level1__item--tv12 .lnav__level1__item__link::before,
    #product_etc_oneseg .lnav__level1__item--oneseg .lnav__level1__item__link::before,
    #product_etc_juke .lnav__level1__item--juke .lnav__level1__item__link::before,
    #product_etc_jmoss .lnav__level1__item--jmoss .lnav__level1__item__link::before,
    .product_etc_ozonsakkin .lnav__level1__item--ozonsakkin .lnav__level1__item__link::before {
      opacity: 1;
      visibility: visible; }
  /* .バスルーム ローカルナビカレント
----------------------------------------------------------- */
  .product_bathroom_hiroy_d .lnav__level1__item--yupatio-d .lnav__level1__item__link,
  .product_bathroom_hiroy_w .lnav__level1__item--yupatio-w .lnav__level1__item__link,
  #product_bathroom_yupatio-kinou .lnav__level1__item--yupatio-kinou .lnav__level1__item__link,
  #product_bathroom_aclead .lnav__level1__item--aclead .lnav__level1__item__link {
    background: #f07355;
    border-color: #f07355;
    color: #fff;
    opacity: 1; }
    .product_bathroom_hiroy_d .lnav__level1__item--yupatio-d .lnav__level1__item__link::before,
    .product_bathroom_hiroy_w .lnav__level1__item--yupatio-w .lnav__level1__item__link::before,
    #product_bathroom_yupatio-kinou .lnav__level1__item--yupatio-kinou .lnav__level1__item__link::before,
    #product_bathroom_aclead .lnav__level1__item--aclead .lnav__level1__item__link::before {
      opacity: 1;
      visibility: visible; }
  .product {
    /* .picture-tab
	----------------------------------------------------------- */
    /* .picture-nav
	----------------------------------------------------------- */ }
    .product .picture-tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .product .picture-tab__image {
        display: none;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s; }
        .product .picture-tab__image:nth-child(1) {
          display: block; }
      .product .picture-tab > * {
        min-height: 0%; }
      .product .picture-tab__tabs {
        margin-top: 20px; }
        .product .picture-tab__tabs__item {
          opacity: .5;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .product .picture-tab__tabs__item.current {
            opacity: 1; }
    .product .picture-nav-main__image {
      display: none;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .product .picture-nav-main__image:nth-child(1) {
        display: block; }
    .product .picture-nav__navs__item {
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .product .picture-nav__navs__item:hover {
        opacity: .7; }
  /* ============================================================ */
  /* ショールームを探す 共通 */
  /* /showroom/ */
  /* ============================================================ */
  .showroom {
    /* gallery-slide
	----------------------------------------------------------- */
    /* 設備
	----------------------------------------------------------- */
    /* 地図
	----------------------------------------------------------- */
    /* 展示品 モーダル表示
	----------------------------------------------------------- */ }
    .showroom .exhibit__tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0 -8px 30px; }
      .showroom .exhibit__tab__item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 50px;
        margin: 0 8px;
        background: #fff;
        border: 1px solid #d2d2d2;
        line-height: 1.4;
        cursor: pointer;
        border-radius: 6px;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .showroom .exhibit__tab__item [class^="icon-"] {
          margin: 0 10px 0 0;
          font-size: 3.0rem; }
        .showroom .exhibit__tab__item::before {
          bottom: -8px;
          content: '';
          border-style: solid;
          border-width: 8px 8px 0;
          border-color: #e8380d transparent transparent;
          opacity: 0;
          -webkit-transition: 0.3s all;
          transition: 0.3s all;
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
        .showroom .exhibit__tab__item:hover {
          opacity: 0.6; }
        .showroom .exhibit__tab__item.active {
          background: #e8380d;
          border-color: #e8380d;
          color: #fff;
          opacity: 1; }
          .showroom .exhibit__tab__item.active::before {
            opacity: 1; }
    .showroom .zoom {
      position: relative;
      cursor: pointer;
      padding-top: 75%;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .showroom .zoom::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        content: '';
        border: 1px solid #d2d2d2; }
      .showroom .zoom:hover {
        opacity: 0.6; }
      .showroom .zoom > img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .showroom .zoom__icon {
        position: absolute;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 20px;
        height: 20px;
        background: #e8380d;
        color: #fff; }
    .showroom .gallery-slide .slick-dots {
      position: absolute;
      bottom: -25px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center; }
      .showroom .gallery-slide .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        cursor: pointer; }
        .showroom .gallery-slide .slick-dots li button {
          width: 8px;
          height: 8px;
          padding: 0;
          background: #e8e8e8;
          border-radius: 100%;
          overflow: hidden; }
          .showroom .gallery-slide .slick-dots li button::before {
            display: none; }
        .showroom .gallery-slide .slick-dots li.slick-active button {
          background: #f6af9e; }
    .showroom .gallery-slide .slick-prev,
    .showroom .gallery-slide .slick-next {
      z-index: 1;
      width: 32px;
      height: 32px;
      font-size: 2.6rem;
      color: #fff;
      background: rgba(232, 56, 13, 0.5); }
      .showroom .gallery-slide .slick-prev::before,
      .showroom .gallery-slide .slick-next::before {
        display: none; }
    .showroom .gallery-slide .slick-prev {
      left: -30px; }
    .showroom .gallery-slide .slick-next {
      right: -30px; }
    .showroom .facility {
      margin: 0 -2px; }
      .showroom .facility__item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: calc((100% - 31px) / 3);
        width: 105px;
        height: 40px;
        margin: 0 2px 10px;
        padding: 0 10px;
        border: 1px solid #e8380d;
        color: #e8380d;
        font-size: 1rem;
        line-height: 1.4;
        border-radius: 8px; }
        .showroom .facility__item [class^="icon-"] {
          margin: 0 5px 0 0;
          font-size: 2.4rem; }
    .showroom .map {
      position: relative;
      padding-bottom: 100%;
      height: 0;
      overflow: hidden; }
      .showroom .map__body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .showroom .map,
    .showroom .map * {
      max-width: none; }
    .showroom .modal .slider .slick-slide img {
      max-height: 80vh; }
  /* ============================================================ */
  /* ショールームを探す トップ */
  /* /showroom/ */
  /* ============================================================ */
  #showroom_index .btn--anchorlink {
    min-height: 0;
    height: 50px; }
    #showroom_index .btn--anchorlink .icon-showroom-find,
    #showroom_index .btn--anchorlink .icon-showroom-check,
    #showroom_index .btn--anchorlink .icon-showroom-human {
      position: relative;
      top: 2px;
      margin: 0 10px 0 0;
      font-size: 4.0rem; }
    #showroom_index .btn--anchorlink .icon-keyboard_arrow_down {
      margin: 0 0 0 10px;
      font-size: 1.8rem; }
  #showroom_index .btn--anchorlink-active {
    background: #e8380d;
    border-color: #e8380d;
    color: #fff; }
  /* ============================================================ */
  /* アフターサポート */
  /* /aftersupport/ */
  /* ============================================================ */
  .aftersupport:not(#aftersupport_index) .main .contact-center__phone__number {
    font-size: 3.4rem; }
  /* ============================================================ */
  /* 修理のご依頼 */
  /* /aftersupport/repair/ */
  /* ============================================================ */
  #aftersupport_repair_index .tab__item__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 80px; }
  #aftersupport_repair_index .tab__item__icon {
    font-size: 3.0rem;
    line-height: 1; }
  #aftersupport_repair_index .contact-center__phone__number {
    margin: 0 0 5px;
    color: #e8380d;
    font-size: 3.4rem;
    line-height: 1.2;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* 知る・楽しむ */
  /* /special/ */
  /* ============================================================ */
  .special--row .special-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 25px;
    padding: 30px 0;
    border: 1px solid #d2d2d2;
    color: #404544;
    border-radius: 8px; }
    .special--row .special-box__img {
      width: 40%;
      padding: 0 0 0 30px;
      text-align: center; }
      .special--row .special-box__img img {
        max-width: 230px;
        width: 100%; }
    .special--row .special-box__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 58%;
      padding: 0 30px 0 0; }
      .special--row .special-box__body > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
    .special--row .special-box__ttl {
      margin: 0 0 15px;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .special--row .special-box__text {
      margin: 0 0 40px; }
    .special--row .special-box__link {
      -ms-flex-item-align: end;
          align-self: flex-end;
      color: #404544;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .special--row .special-box__link .icon-circle-arrow-right {
        margin: 0 0 0 10px;
        color: #e8380d; }
    .special--row .special-box--ecorelakirei {
      min-height: 280px;
      background: url(/common/img/special/pic_ecorelakirei.png) top right no-repeat;
      background-size: auto 100%; }
      .special--row .special-box--ecorelakirei .special-box__link {
        margin-right: 30px;
        color: #fff; }
        .special--row .special-box--ecorelakirei .special-box__link .icon-circle-arrow-right {
          color: #fff; }
  /* ============================================================ */
  /* やっぱり家のおふろが、いちばんです。 */
  /* /special/cmcontents/index.html */
  /* ============================================================ */
  .special_cmcontents .cm {
    position: relative;
    background: #e7380d; }
    .special_cmcontents .cm::before {
      position: absolute;
      left: 0;
      right: 0;
      top: -220px;
      z-index: -1;
      content: '';
      height: 320px;
      background: url(/special/cmcontents/img/bg_red_up.png) repeat-x; }
    .special_cmcontents .cm::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -195px;
      z-index: 1;
      content: '';
      height: 196px;
      background: url(/special/cmcontents/img/bg_kashi_up.png) bottom center no-repeat;
      background-size: 100% 100%; }
  .special_cmcontents .kashi {
    position: relative;
    padding-top: 195px;
    padding-bottom: 124px;
    background: url(/special/cmcontents/img/bg_kashi.png) center no-repeat;
    background-size: cover; }
    .special_cmcontents .kashi::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      content: '';
      height: 124px;
      background: url(/special/cmcontents/img/bg_kashi_down.png) bottom center no-repeat;
      background-size: 100% 100%; }
  .special_cmcontents .takahashi {
    position: relative;
    margin-bottom: 70px;
    background: #e7380d; }
    .special_cmcontents .takahashi::before {
      position: absolute;
      left: 0;
      right: 0;
      top: -50px;
      z-index: -1;
      content: '';
      height: 320px;
      background: url(/special/cmcontents/img/bg_red_up.png) repeat-x; }
    .special_cmcontents .takahashi::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -50px;
      z-index: -1;
      content: '';
      height: 320px;
      background: url(/special/cmcontents/img/bg_red_down.png) bottom center no-repeat;
      background-size: 100% 100%; }
  .special_cmcontents .modalbg {
    background: #fff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none; }
  .special_cmcontents .modalcontents {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 940px;
    display: none; }
  .special_cmcontents .modalcontents .modaltxt {
    font-size: 133.33%;
    color: #fff;
    text-align: center; }
  .special_cmcontents .modalcontents .modalmovie {
    margin-top: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
    height: 528px; }
  .special_cmcontents .modalcontents .modalclosebtn {
    position: absolute;
    top: -20px;
    right: 0; } }

@media screen and (min-width: 767.5px) and (max-width: 980px) {
  .special_cmcontents .modalcontents {
    width: 100%;
    padding: 0 2%; }
    .special_cmcontents .modalcontents .modalclosebtn {
      right: 2%; }
    .special_cmcontents .modalcontents iframe {
      width: 100%;
      height: 100%; } }

@media print, screen and (min-width: 767.5px) {
  /* ============================================================ */
  /* 企業・IR情報 */
  /* /company/ */
  /* ============================================================ */
  /* ============================================================ */
  /* 企業情報 */
  /* /company/about/ */
  /* ============================================================ */
  #company_about_index .topmessage {
    position: relative;
    display: block;
    color: #fff; }
    #company_about_index .topmessage__body {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 60px 30px 30px 40px; }
    #company_about_index .topmessage__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.8rem;
      text-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.6);
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* 企業情報｜沿革 */
  /* /company/about/history.html */
  /* ============================================================ */
  #company_about_history {
    /* .history-anchorlink
	----------------------------------------------------------- */
    /* .timeline-accordion
	----------------------------------------------------------- */
    /* .timeline
	----------------------------------------------------------- */ }
    #company_about_history .btn--accordion.active .icon-add::before {
      content: "\e15b"; }
    #company_about_history .history-anchorlink {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center; }
      #company_about_history .history-anchorlink__item {
        position: relative;
        width: 100%;
        max-width: 114px;
        line-height: 1; }
        #company_about_history .history-anchorlink__item::before, #company_about_history .history-anchorlink__item::after {
          position: absolute;
          bottom: 10px;
          z-index: -1;
          content: '';
          width: calc(50% - 10px);
          border-top: 1px solid #d2d2d2; }
        #company_about_history .history-anchorlink__item::before {
          left: 0; }
        #company_about_history .history-anchorlink__item::after {
          right: 0; }
        #company_about_history .history-anchorlink__item:first-child::before, #company_about_history .history-anchorlink__item:last-child::after {
          display: none; }
        #company_about_history .history-anchorlink__item__link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #company_about_history .history-anchorlink__item__link .icon-chevron-circle-down {
            font-size: 2rem; }
        #company_about_history .history-anchorlink__item__year {
          margin: 0 0 10px;
          color: #404544;
          font-size: 1.8rem;
          font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #company_about_history .timeline-accordion {
      height: auto;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      #company_about_history .timeline-accordion.hide {
        position: relative;
        height: 150px;
        overflow: hidden;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        #company_about_history .timeline-accordion.hide::before {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          content: '';
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, white), to(white));
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 75%, white 100%); }
    #company_about_history .timeline {
      position: relative;
      margin: 0 0 50px; }
      #company_about_history .timeline::before {
        position: absolute;
        top: 0;
        bottom: 5px;
        left: 31px;
        content: '';
        border-left: 2px solid #d2d2d2; }
      #company_about_history .timeline__item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 45px; }
        #company_about_history .timeline__item::before {
          position: absolute;
          top: 0;
          left: 24px;
          display: block;
          content: '';
          background: #fff;
          border: 4px solid #e8380d;
          width: 8px;
          height: 8px;
          border-radius: 50%; }
        #company_about_history .timeline__item:last-child {
          margin-bottom: 0; }
        #company_about_history .timeline__item__year {
          width: 25.6%;
          padding: 0 0 0 8.5%;
          font-size: 1.8rem;
          line-height: 1;
          font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        #company_about_history .timeline__item__body {
          width: 74.4%; }
        #company_about_history .timeline__item__content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 0 0 30px; }
          #company_about_history .timeline__item__content:last-child {
            margin-bottom: 0; }
          #company_about_history .timeline__item__content__text {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            margin: -5px 0 0; }
          #company_about_history .timeline__item__content__img {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            width: 197px;
            margin: 0 0 0 20px;
            border: 1px solid #d2d2d2;
            overflow: hidden;
            border-radius: 8px; }
            #company_about_history .timeline__item__content__img > * {
              max-width: 100%; }
  /* ============================================================ */
  /* 企業情報｜ブランドメッセージ */
  /* /company/about/brandmessage.html */
  /* ============================================================ */
  #company_about_brandmessage .img-zoom {
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    #company_about_brandmessage .img-zoom:hover {
      opacity: 0.6; }
    #company_about_brandmessage .img-zoom__icon {
      position: absolute;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 25px;
      height: 25px;
      background: #e8380d;
      color: #fff; }
  #company_about_brandmessage .special-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 25px;
    padding: 15px 0;
    border: 1px solid #d2d2d2;
    color: #404544;
    border-radius: 8px; }
    #company_about_brandmessage .special-box__img {
      width: 40%;
      padding: 0 0 0 30px;
      text-align: center; }
      #company_about_brandmessage .special-box__img img {
        max-width: 230px;
        width: 100%; }
    #company_about_brandmessage .special-box__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 58%;
      padding: 0 30px 0 0; }
      #company_about_brandmessage .special-box__body > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
    #company_about_brandmessage .special-box__ttl {
      margin: 0 0 15px;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #company_about_brandmessage .special-box__text {
      margin: 0 0 40px; }
    #company_about_brandmessage .special-box__link {
      -ms-flex-item-align: end;
          align-self: flex-end;
      color: #404544;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      #company_about_brandmessage .special-box__link .icon-circle-arrow-right {
        margin: 0 0 0 10px;
        color: #e8380d; }
    #company_about_brandmessage .special-box--ecorelakirei {
      min-height: 240px;
      background: url(/common/img/company/about/brandmessage/pic_ecorelakirei.png) top right no-repeat;
      background-size: auto 100%; } }
    @media screen and (min-width: 767.5px) and (max-width: 1024.499px) {
      #company_about_brandmessage .special-box--ecorelakirei {
        background-position: top left; } }

@media print, screen and (min-width: 767.5px) {
      #company_about_brandmessage .special-box--ecorelakirei .special-box__link {
        margin-right: 30px;
        color: #fff; }
        #company_about_brandmessage .special-box--ecorelakirei .special-box__link .icon-circle-arrow-right {
          color: #fff; }
  /* ============================================================ */
  /* フォトライブラリー */
  /* /company/about/sports/athletic/photolibrary/ */
  /* /company/about/sports/fencing/photolibrary/ */
  /* ============================================================ */
  .company_about_sports .photolibrary__item {
    line-height: 1.5; }
    .company_about_sports .photolibrary__item__img {
      position: relative;
      margin: 0 0 15px;
      padding-top: calc(75% - 2px);
      border: 1px solid #d2d2d2; }
      .company_about_sports .photolibrary__item__img > * {
        width: auto !important;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .company_about_sports .photolibrary__item__date {
      display: block;
      margin: 0 0 5px;
      color: #404544;
      font-size: 1.2rem; }
    .company_about_sports .photolibrary__item__ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .company_about_sports .img-zoom {
    position: relative;
    cursor: pointer;
    padding-top: calc(75% - 2px);
    border: 1px solid #d2d2d2;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    .company_about_sports .img-zoom:hover {
      opacity: 0.6; }
    .company_about_sports .img-zoom__icon {
      position: absolute;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 20px;
      height: 20px;
      background: #e8380d;
      color: #fff; }
    .company_about_sports .img-zoom img {
      width: auto !important;
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  #company_about_sports_athletic_photolibrary_index .tab2__item:first-child .tab2__item__body,
  #company_about_sports_fencing_photolibrary_index .tab2__item:first-child .tab2__item__body {
    background: #e8380d;
    border-color: #e8380d;
    color: #fff; }
    #company_about_sports_athletic_photolibrary_index .tab2__item:first-child .tab2__item__body::before,
    #company_about_sports_fencing_photolibrary_index .tab2__item:first-child .tab2__item__body::before {
      opacity: 1; }
  /* ============================================================ */
  /* 株主・投資家向け情報 共通 */
  /* /company/ir/配下 */
  /* ============================================================ */
  .company_ir .contents {
    max-width: none;
    padding-left: 0;
    padding-right: 0; }
  .company_ir .js-tab .js-tab_content {
    display: none; }
  .company_ir .js-tab > .c-section + .js-tab_content {
    display: block; }
  /* ============================================================ */
  /* 株主・投資家向け情報トップ */
  /* /company/ir/index.html */
  /* ============================================================ */
  .tablet #company_ir_index .c-iframe_frame {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
  /* ============================================================ */
  /* 株主・投資家向け情報：業績・財務データ */
  /* /company/ir/finance.html */
  /* ============================================================ */
  #company_ir_finance .g-column_main_title {
    position: relative;
    margin: 60px 0 40px;
    padding-top: 40px;
    border-top: 1px solid #CCC;
    color: #e8380d;
    font-size: 4rem;
    text-align: center; }
    #company_ir_finance .g-column_main_title:first-child {
      margin-top: 0; }
  #company_ir_finance .xj_chart_table {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-collapse: collapse;
    border-spacing: 0px; }
  #company_ir_finance .xj_chart_header_first {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray; }
  #company_ir_finance .xj_chart_header {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_title {
    width: 100px;
    font-size: 10pt;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_unit {
    display: block; }
  #company_ir_finance .xj_chart_q {
    width: 35px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_q_last {
    width: 35px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_value {
    width: 100px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right; }
  #company_ir_finance .xj_chart_value_last {
    width: 100px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right; }
  #company_ir_finance .xj_chart_no_value {
    text-align: center; }
  #company_ir_finance .c-table .xj_chart_table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 0;
    overflow: hidden;
    table-layout: fixed;
    width: 100%; }
  #company_ir_finance .c-table .xj_chart_header_first,
  #company_ir_finance .c-table tr > .xj_chart_header {
    background-color: #f3f3f3;
    border-left: 1px solid #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 5px 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    word-break: break-all; }
  #company_ir_finance .c-table tr > .xj_chart_header:first-child {
    border-left: none;
    border-top: 1px solid #ccc; }
  #company_ir_finance .c-table .xj_chart_value {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    padding: 10px 4px;
    vertical-align: middle;
    word-break: break-all; }
  #company_ir_finance .c-table .xj_chart_header_first:first-child,
  #company_ir_finance .c-table .xj_chart_value:first-child {
    border-left: none; }
  #company_ir_finance .c-table.noq .xj_chart_header_first,
  #company_ir_finance .c-table.noq tr > .xj_chart_header:first-child {
    display: none; }
  #company_ir_finance .c-table.noq tr > .xj_chart_header:nth-of-type(2),
  #company_ir_finance .c-table.noq tr > .xj_chart_value:nth-of-type(2) {
    border-left: none; }
  /* ============================================================ */
  /* 株主・投資家向け情報：株主情報：配当・株主還元 */
  /* /company/ir/stock/dividend.html */
  /* ============================================================ */
  #company_ir_stock_dividend .xj_chart_value {
    text-align: right; }
  #company_ir_stock_dividend .c-table .xj_chart_table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 0;
    overflow: hidden;
    table-layout: fixed; }
  #company_ir_stock_dividend .c-table .xj_chart_header_first,
  #company_ir_stock_dividend .c-table tr > .xj_chart_header {
    padding: 5px 0;
    background-color: #f3f3f3;
    border-left: 1px solid #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    word-break: break-all; }
  #company_ir_stock_dividend .c-table.xj-haito tr > .xj_chart_header:first-child,
  #company_ir_stock_dividend .c-table.xj-haito .xj_chart_value {
    padding: 10px 4px;
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    vertical-align: middle;
    word-break: break-all; }
  #company_ir_stock_dividend .c-table.xj-haito tr > .xj_chart_header:first-child,
  #company_ir_stock_dividend .c-table.xj-haito .xj_chart_header_first:first-child {
    width: 30%;
    border-left: none;
    text-align: left; }
  /* ============================================================ */
  /* 株主・投資家向け情報：株主情報：資本金・発行済株式総数の推移 */
  /* /company/ir/stock/transition.html */
  /* ============================================================ */
  #company_ir_stock_transition .c-table .c-table_head--border_left {
    border-left: 1px solid #ccc !important; }
  #company_ir_stock_transition .c-table .c-table_head--text_center {
    text-align: center; }
  #company_ir_stock_transition .c-table .c-table_data.c-table_data--border_left {
    border-left: 1px solid #ccc !important; }
  /* ============================================================ */
  /* CSRの取り組み：国際的イニシアティブとの整合 */
  /* /company/csr/initiative.html */
  /* ============================================================ */
  #company_csr_initiative .shaded {
    background: url(/common/img/company/csr/initiative/line.svg) 0 0 no-repeat;
    background-size: 100% 100%; }
  /* ============================================================ */
  /* CSRの取り組み：経営とCSRの融合  マテリアリティ */
  /* /company/csr/csrabout/materiality.html */
  /* ============================================================ */
  #company_csr_csrabout_materiality .table .bg-green {
    background: #cfe0c5; }
  #company_csr_csrabout_materiality .table .bg-green-lighten {
    background: #e8efe2; }
  #company_csr_csrabout_materiality .table .bg-pink {
    background: #f8e0d8; }
  #company_csr_csrabout_materiality .table .bg-pink-lighten {
    background: #fcf2ef; }
  #company_csr_csrabout_materiality .table .bg-yellow {
    background: #fbf7bf; }
  #company_csr_csrabout_materiality .table .bg-yellow-lighten {
    background: #fefde9; }
  #company_csr_csrabout_materiality .table .bg-purple {
    background: #dfd7fb; }
  #company_csr_csrabout_materiality .table .bg-purple-lighten {
    background: #ede8fd; }
  #company_csr_csrabout_materiality .table .th-bg-aqua {
    background: #9bdeff; }
  #company_csr_csrabout_materiality .table .th-bg-aqua-lighten {
    background: #caeeff; }
  #company_csr_csrabout_materiality .table .th-bg-aqua-darken {
    background: #43a7f1; }
  #company_csr_csrabout_materiality .table .th-bg-pink-lighten {
    background: #ffd0ff; }
  #company_csr_csrabout_materiality .table .th-bg-pink-darken {
    background: #f5709b; }
  /* ============================================================ */
  /* CSRの取り組み：ガバナンス：リスクマネジメント */
  /* /company/csr/governance/risk_management.html */
  /* ============================================================ */
  #company_csr_governance_risk_management .box-naibutousei {
    padding: 0 30px;
    background: url(/common/img/company/csr/governance/risk_management/bg_risk_management01.jpg) 0 0 repeat-x;
    border-radius: 8px; }
  #company_csr_governance_risk_management .ttl04--pink {
    color: #ff6666; }
  #company_csr_governance_risk_management .ttl04--green {
    color: #339966; }
  #company_csr_governance_risk_management .ttl04--blue {
    color: #3399cc; }
  /* ============================================================ */
  /* CSRの取り組み：環境：生物多様性保全 */
  /* /company/csr/kankyou/seibutu.html */
  /* ============================================================ */
  #company_csr_kankyou_seibutu .product-wrap {
    background: url(/common/img/company/csr/kankyou/seibutu/img_torikumi01.png) 0 0 no-repeat;
    background-size: contain; }
  /* ============================================================ */
  /* CSRの取り組み：環境：製品を通じた環境負荷低減：森林カーボン・オフセット（2017） */
  /* /company/csr/kankyou/seihin/forestoffsset.html */
  /* ============================================================ */
  #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 25px;
    border: 1px solid #7fc116; }
    #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 25%;
      border-left: 1px solid #7fc116; }
      #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item:first-child,
      #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item:first-child,
      #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item:first-child,
      #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item:first-child,
      #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item:first-child {
        border-left: none; }
      #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        padding: 15px;
        color: #7fc116;
        text-align: center;
        line-height: 1.4;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item__link__text {
          margin: 10px 0 0; }
  #company_csr_kankyou_seihin_forestoffsset .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_01 .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_02 .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_03 .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_04 .sub_menu_title {
    margin: 0 0 20px;
    padding: 5px 15px;
    background: #7fc116;
    color: #fff;
    font-size: 1.6rem;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  #company_csr_kankyou_seihin_forestoffsset .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_01 .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_02 .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_03 .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_04 .sub_menu_title2 {
    padding: 5px 0;
    background: #7fc116;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  #company_csr_kankyou_seihin_forestoffsset .title_box,
  #company_csr_kankyou_seihin_forestoffsset .title_box2,
  #company_csr_kankyou_seihin_forestoffsset .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_01 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_01 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_01 .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_02 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_02 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_02 .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_03 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_03 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_03 .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_04 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_04 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_04 .title_box3 {
    margin: 20px 0;
    padding: 5px 15px;
    background: #f3fce4;
    border: 1px solid #7fc116;
    color: #5c8910;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  #company_csr_kankyou_seihin_forestoffsset .table01,
  #company_csr_kankyou_seihin_forestoffset2017_01 .table01,
  #company_csr_kankyou_seihin_forestoffset2017_02 .table01,
  #company_csr_kankyou_seihin_forestoffset2017_03 .table01,
  #company_csr_kankyou_seihin_forestoffset2017_04 .table01 {
    width: 100%;
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff; }
    #company_csr_kankyou_seihin_forestoffsset .table01 th,
    #company_csr_kankyou_seihin_forestoffsset .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table01 td {
      padding: 5px 10px;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
    #company_csr_kankyou_seihin_forestoffsset .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table01 th {
      background: #efefef;
      color: #015f83;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap; }
  #company_csr_kankyou_seihin_forestoffsset .table02,
  #company_csr_kankyou_seihin_forestoffset2017_01 .table02,
  #company_csr_kankyou_seihin_forestoffset2017_02 .table02,
  #company_csr_kankyou_seihin_forestoffset2017_03 .table02,
  #company_csr_kankyou_seihin_forestoffset2017_04 .table02 {
    width: 100%;
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd; }
    #company_csr_kankyou_seihin_forestoffsset .table02 th,
    #company_csr_kankyou_seihin_forestoffsset .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table02 td {
      padding: 5px;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
    #company_csr_kankyou_seihin_forestoffsset .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table02 th {
      background: #efefef;
      color: #015f83;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap; }
  #company_csr_kankyou_seihin_forestoffsset .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_01 .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_02 .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_03 .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_04 .font-brown {
    color: #91700c; }
  #company_csr_kankyou_seihin_forestoffsset .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_01 .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_02 .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_03 .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_04 .font-green {
    color: #167857; }
  #company_csr_kankyou_seihin_forestoffsset .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_01 .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_02 .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_03 .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_04 .font-navy {
    color: #16678a; }
  #company_csr_kankyou_seihin_forestoffsset .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_01 .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_02 .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_03 .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_04 .top_btn {
    width: 94%;
    margin: 10px auto;
    padding: 10px;
    background: #f08f05;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item--page01 .forestoffsset-menu__item__link,
  #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item--page02 .forestoffsset-menu__item__link,
  #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item--page03 .forestoffsset-menu__item__link,
  #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item--page04 .forestoffsset-menu__item__link {
    opacity: 0.6; }
  /* ============================================================ */
  /* ニュースリリース */
  /* /company/news/ */
  /* ============================================================ */
  .company-news-entry table:not(.table),
  .company-news-entry table:not(.table) th,
  .company-news-entry table:not(.table) td {
    border-style: solid;
    border-width: 1px; }
  /* ============================================================ */
  /* 製品に関する大切なお知らせ */
  /* /info/ */
  /* ============================================================ */
  .info .box .info-danger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -30px -30px 30px;
    border-bottom: 1px solid #e8380d; }
    .info .box .info-danger__ttl {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 150px;
      border-right: 1px solid #e8380d;
      color: #e8380d;
      font-size: 2.8rem;
      letter-spacing: 0.2em;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .info .box .info-danger__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding: 15px 20px;
      border-radius: 0 8px 0 0;
      background: #feead6; }
  /* ============================================================ */
  /* ハッピーパレット */
  /* /happypalette/ */
  /* ============================================================ */
  #happypalette_index {
    /*----- #main -----*/
    /*----- #experience -----*/
    /*----- #features -----*/
    /*----- #howto -----*/
    /*----- #showroom -----*/
    /* disclaimer
	----------------------------------------------- */ }
    #happypalette_index .happypalette-contents {
      background: url(/common/img/happypalette/bg_main.gif) 0 0 repeat;
      text-align: center; }
      #happypalette_index .happypalette-contents h2 {
        padding: 0 0 40px; }
      #happypalette_index .happypalette-contents h4 {
        color: #e15381;
        padding: 1em 0 0; }
      #happypalette_index .happypalette-contents strong {
        color: #4b88b0;
        font-weight: normal; }
    #happypalette_index #main {
      padding: 70px 0 75px; }
      #happypalette_index #main ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 640px;
        margin: 0 auto;
        padding: 55px 0 0; }
        #happypalette_index #main ul li {
          width: 160px; }
    #happypalette_index #experience {
      position: relative;
      background: url(/common/img/happypalette/bg_experience.png) top center no-repeat;
      padding: 123px 0 0; }
      #happypalette_index #experience .btn-happypalette {
        padding: 15px 0 10px; }
      #happypalette_index #experience::before, #happypalette_index #experience::after {
        position: absolute;
        top: 0;
        height: 123px;
        content: '';
        background: #e15381; }
      #happypalette_index #experience::before {
        left: 0;
        right: calc(50% + 39px); }
      #happypalette_index #experience::after {
        left: calc(50% + 39px);
        right: 0; }
      #happypalette_index #experience .experience-inner {
        padding: 20px 30px 50px;
        background: #e15381; }
    #happypalette_index #features {
      background: url(/common/img/happypalette/bg_features.gif) top center no-repeat #ee8b66;
      padding: 163px 0 50px; }
      #happypalette_index #features ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 920px;
        margin: 0 auto; }
        #happypalette_index #features ul li {
          width: 50%;
          padding: 0 30px; }
    #happypalette_index #howto {
      background: url(/common/img/happypalette/bg_howto.gif) top center no-repeat #e2ae50;
      padding: 163px 30px 50px; }
      #happypalette_index #howto .btn-happypalette {
        padding: 15px 0 10px; }
    #happypalette_index #showroom {
      background: url(/common/img/happypalette/bg_showroom.gif) top center no-repeat #5ab180;
      padding: 163px 30px 50px; }
      #happypalette_index #showroom .btn-happypalette {
        padding: 40px 0; }
    #happypalette_index .disclaimer {
      background: url(/common/img/happypalette/bg_disclaimer.gif) 0 0 repeat;
      padding: 40px;
      text-align: left; }
  /* ============================================================ */
  /* あ、うちもノーリツキャンペーンLP */
  /* /campaign/cp_auchimo.html */
  /* ============================================================ */
  #index_cp_auchimo {
    /* .cm {
	margin-bottom: 200px;
	padding: 180px 0 0;
	margin-top: -60px;
    z-index: 0;
	
	&::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -100px;
      z-index: 1;
      content: '';
      height: 100px;
      background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_r_last.png) bottom center no-repeat;
      background-size: 100% 100%;
    }

} */
    /*.campaign-pos {
		position: absolute;
		bottom: -70px;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		z-index: 9999;
		width: 100%;
	}*/ }
    #index_cp_auchimo .contents {
      background-image: url(/campaign/img/cp_auchimo/bg_cp_auchimo.png);
      padding: 0; }
    #index_cp_auchimo .cp_auchimo_main {
      width: 100%;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
    #index_cp_auchimo .cp_auchimo_main__01 {
      position: relative;
      background: #fff;
      padding-bottom: 50px; }
    #index_cp_auchimo .cp_auchimo_main__02 {
      position: relative;
      background: #ffef00;
      padding: 40px 0 0; }
      #index_cp_auchimo .cp_auchimo_main__02 .btn_click {
        position: absolute;
        bottom: -32%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: 10; }
      #index_cp_auchimo .cp_auchimo_main__02::before {
        position: absolute;
        left: 0;
        right: 0;
        top: -42px;
        z-index: 1;
        content: '';
        height: 42px;
        background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_cm_first.png) repeat-x; }
      #index_cp_auchimo .cp_auchimo_main__02::after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -100px;
        z-index: -1;
        content: '';
        height: 100px;
        background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_cm_last.png) bottom center no-repeat;
        background-size: 100% 100%; }
    #index_cp_auchimo .cp_auchimo_scroll {
      width: 1400px;
      position: absolute;
      top: 70%;
      left: 0;
      z-index: 2; } }
  @media screen and (min-width: 767.5px) and (min-width: 768px) and (max-width: 1400px) {
    #index_cp_auchimo .cp_auchimo_scroll {
      -webkit-transform: scale(0.6);
              transform: scale(0.6); } }
  @media screen and (min-width: 767.5px) and (min-width: 768px) and (max-width: 1000px) {
    #index_cp_auchimo .cp_auchimo_scroll {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      top: 65%; } }

@media print, screen and (min-width: 767.5px) {
    #index_cp_auchimo .cm-02 {
      padding: 180px 0 0;
      margin-top: -50px; }
    #index_cp_auchimo .yellow {
      background-color: #fff000;
      position: relative;
      margin: 100px 0; }
      #index_cp_auchimo .yellow .cp_auchimo_01__01 {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box .sound__btn {
        cursor: pointer;
        position: relative; }
        #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box .sound__btn::after {
          position: absolute;
          bottom: 65px;
          left: 284px;
          content: url(/campaign/img/cp_auchimo/pic_pickup_thumb_icon.png); } }
      @media screen and (min-width: 767.5px) and (min-width: 811px) and (max-width: 850px) {
        #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box .sound__btn::after {
          left: 264px; } }
      @media screen and (min-width: 767.5px) and (min-width: 767.5px) and (max-width: 810px) {
        #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box .sound__btn::after {
          left: 244px; } }

@media print, screen and (min-width: 767.5px) {
      #index_cp_auchimo .yellow .cp_auchimo_01__02 {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      #index_cp_auchimo .yellow::before {
        position: absolute;
        left: 0;
        right: 0;
        top: -100px;
        z-index: 1;
        content: '';
        height: 100px;
        background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_y_first.png) bottom center no-repeat;
        background-size: 100% 100%; }
      #index_cp_auchimo .yellow::after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -100px;
        z-index: 1;
        content: '';
        height: 100px;
        background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_y_last.png) bottom center no-repeat;
        background-size: 100% 100%; }
    #index_cp_auchimo .red {
      /*background: #ec1b24;*/
      background: #e4380d;
      position: relative; }
    #index_cp_auchimo .red--01 {
      top: -100px;
      padding: 200px 0 0;
      margin: 0 0 100px; }
    #index_cp_auchimo .red--02 {
      position: relative;
      top: 36px;
      padding: 50px 0;
      margin: 150px 0 0; }
    #index_cp_auchimo .red--03 {
      top: -100px;
      padding: 200px 0 0;
      margin: 0 0 50px; }
    #index_cp_auchimo .red--01::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -100px;
      content: '';
      height: 100px;
      background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_tokuten_last.png) bottom center no-repeat;
      background-size: 100% 100%; }
    #index_cp_auchimo .red--02::after {
      position: absolute;
      left: 0;
      right: 0;
      top: -100px;
      content: '';
      height: 100px;
      background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_last.png) bottom center no-repeat;
      background-size: 100% 100%; }
    #index_cp_auchimo .red--03::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -100px;
      content: '';
      height: 100px;
      background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_tokuten_last.png) bottom center no-repeat;
      background-size: 100% 100%; }
    #index_cp_auchimo .pagetop {
      position: relative;
      z-index: 1; }
    #index_cp_auchimo .modalbg {
      background: #fff;
      filter: alpha(opacity=90);
      -moz-opacity: 0.90;
      opacity: 0.90;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
      display: none; }
    #index_cp_auchimo .modalcontents {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 20;
      width: 940px;
      display: none; }
    #index_cp_auchimo .modalcontents .modaltxt {
      font-size: 133.33%;
      color: #fff;
      text-align: center; }
    #index_cp_auchimo .modalcontents .modalmovie {
      margin-top: 20px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      height: 528px; }
    #index_cp_auchimo .modalcontents .modalclosebtn {
      position: absolute;
      top: -20px;
      right: 0; } }
  @media screen and (min-width: 767.5px) and (max-width: 980px) {
    #index_cp_auchimo .modalcontents {
      width: 100%;
      padding: 0 2%; }
      #index_cp_auchimo .modalcontents .modalclosebtn {
        right: 2%; }
      #index_cp_auchimo .modalcontents iframe {
        width: 100%;
        height: 100%; } }

@media print, screen and (min-width: 767.5px) {
    #index_cp_auchimo .red_text {
      color: #e8380d; }
    #index_cp_auchimo .gray_text {
      color: #222; }
    #index_cp_auchimo .ttl03 {
      font-weight: bold;
      border-left: 0;
      padding: 0; }
    #index_cp_auchimo .ttl04 {
      font-weight: bold;
      margin: 0 0 25px;
      padding: 0 0 0 20px;
      border-left: 3px solid #e8380d;
      color: #333;
      font-size: 2.4rem;
      line-height: 1.4;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #index_cp_auchimo .campaign-pos01 .campaign-pos01-btn {
      margin: 40px 0 -50px; }
    #index_cp_auchimo .application-link {
      text-decoration: underline;
      color: #222; }
  /* 2カラム 左をやや広く
----------------------------------------------------------- */
  .column2 > .cp_auchimo_a_01 {
    /*width: 60%;
		margin-left: 0;
		margin-right: 0;*/
    width: calc((120% - 41px) / 2); }
  .column2 > .cp_auchimo_a_02 {
    width: 100%; }
    .column2 > .cp_auchimo_a_02 .cp_auchimo_a_02-position {
      position: absolute;
      top: -25px;
      right: 0px; } }

@media screen and (min-width: 767.5px) and (max-width: 1024px) {
  .column2 > .cp_auchimo_a_02 {
    width: 70%; }
    .column2 > .cp_auchimo_a_02 .cp_auchimo_a_02-position {
      width: 43%;
      top: -20px;
      right: 0px; } }

@media print, screen and (min-width: 767.5px) {
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/配下共通 */
  /* ============================================================ */
  .special_ecorelakirei {
    background: #fafafa; }
    .special_ecorelakirei .ecorelakirei-head {
      height: 70px;
      background: #EF4023; }
      .special_ecorelakirei .ecorelakirei-head .inner {
        max-width: 980px;
        margin: 0 auto;
        position: relative; }
      .special_ecorelakirei .ecorelakirei-head__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .special_ecorelakirei .ecorelakirei-head__logo {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9; }
    .special_ecorelakirei .ecorelakirei-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .special_ecorelakirei .ecorelakirei-content__inner {
        width: 980px; }
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/index.html */
  /* ============================================================ */
  #special_ecorelakirei_index {
    /* 既存の CSS を継承 ▼
	 -------------------------------------------------------------------*/
    /* -------------------------------------------------------------------
	既存の CSS を継承 ここまで▲ */ }
    #special_ecorelakirei_index .ecorelakirei-content__inner {
      background: #fff; }
      #special_ecorelakirei_index .ecorelakirei-content__inner img {
        display: block;
        margin: 0 auto;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
    #special_ecorelakirei_index .cp_auchimo_01__01 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    #special_ecorelakirei_index .cp_auchimo_01__thumb {
      width: 923px;
      margin: 0 auto; }
      #special_ecorelakirei_index .cp_auchimo_01__thumb .sound__box .sound__btn {
        cursor: pointer;
        position: relative; }
        #special_ecorelakirei_index .cp_auchimo_01__thumb .sound__box .sound__btn::after {
          position: absolute;
          bottom: 65px;
          left: 284px;
          content: url(/campaign/img/cp_auchimo/pic_pickup_thumb_icon.png); }
    #special_ecorelakirei_index .cp_auchimo_01__02 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    #special_ecorelakirei_index .modalbg {
      background: #fff;
      filter: alpha(opacity=90);
      -moz-opacity: 0.90;
      opacity: 0.90;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
      display: none; }
    #special_ecorelakirei_index .modalcontents {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 20;
      width: 940px;
      display: none; }
    #special_ecorelakirei_index .modalcontents .modaltxt {
      font-size: 133.33%;
      color: #fff;
      text-align: center; }
    #special_ecorelakirei_index .modalcontents .modalmovie {
      margin-top: 20px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      height: 528px; }
    #special_ecorelakirei_index .modalcontents .modalclosebtn {
      position: absolute;
      top: -20px;
      right: 0; } }
  @media screen and (min-width: 767.5px) and (max-width: 980px) {
    #special_ecorelakirei_index .modalcontents {
      width: 100%;
      padding: 0 2%; }
      #special_ecorelakirei_index .modalcontents .modalclosebtn {
        right: 2%; }
      #special_ecorelakirei_index .modalcontents iframe {
        width: 100%;
        height: 100%; } }

@media print, screen and (min-width: 767.5px) {
    #special_ecorelakirei_index #ct01 #main_img {
      background: url(/common/img/ecorelakirei/home/main.jpg) 0 0 no-repeat;
      padding-top: 95.91837%;
      opacity: 1;
      position: relative; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 {
      position: absolute;
      left: 620px;
      top: 235px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 img {
      position: absolute; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw1 {
      left: 0;
      top: 0; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw2 {
      left: 100px;
      top: -35px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw3 {
      left: 152px;
      top: -28px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw4 {
      left: 220px;
      top: -68px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw5 {
      left: 285px;
      top: -84px; }
    #special_ecorelakirei_index #ct01 #main_img #txt {
      position: absolute;
      left: 620px;
      top: 370px; }
    #special_ecorelakirei_index #ct01 #main_img #txt path {
      fill: #FFF;
      opacity: 0; }
    #special_ecorelakirei_index #ct01 #main_img #onp2 {
      position: absolute;
      left: 300px;
      top: 890px; }
    #special_ecorelakirei_index #ct01 #main_img #onp2 img {
      opacity: 0;
      position: absolute; }
    #special_ecorelakirei_index #ct01 .sub-img {
      margin-top: -32px;
      padding-left: 15px;
      position: relative; }
    #special_ecorelakirei_index #ct01 #se-btn {
      width: 46px;
      height: 46px;
      position: absolute;
      top: 242px;
      left: 562px;
      opacity: 0;
      cursor: pointer; }
    #special_ecorelakirei_index #ct01 .txt {
      margin-top: 58px;
      margin-bottom: 60px; }
    #special_ecorelakirei_index #ct01 .txt .title {
      padding-left: 20px; }
    #special_ecorelakirei_index #ct01 .txt .copy {
      margin-top: 55px; }
    #special_ecorelakirei_index #ct04-2 {
      position: relative;
      height: 542px; }
      #special_ecorelakirei_index #ct04-2 .support {
        padding-top: 100px; }
      #special_ecorelakirei_index #ct04-2 .support-btn {
        cursor: pointer;
        position: relative;
        margin: 50px auto 0;
        width: 340px;
        height: 60px; }
      #special_ecorelakirei_index #ct04-2 .support-btn img {
        margin: 0; }
      #special_ecorelakirei_index #ct04-2 .support-btn .arw {
        position: absolute;
        left: 280px;
        top: 18px;
        margin: 0; }
    #special_ecorelakirei_index #ct06 {
      background-image: url(/common/img/ecorelakirei/home/06_bg.png);
      background-repeat: no-repeat;
      height: 940px; }
      #special_ecorelakirei_index #ct06 ul {
        width: 700px;
        margin: 0 auto;
        padding-top: 125px; }
      #special_ecorelakirei_index #ct06 ul li {
        margin-top: 45px;
        vertical-align: top;
        display: inline-block; }
      #special_ecorelakirei_index #ct06 ul li:nth-child(odd) {
        margin-right: 70px; }
      #special_ecorelakirei_index #ct06 ul li .thumb-txt {
        margin-top: 25px; }
    #special_ecorelakirei_index .sclIn {
      opacity: 0; }
    #special_ecorelakirei_index #ct06 .thumb-img {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
      opacity: 1;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    #special_ecorelakirei_index #ct06 .thumb-img:hover {
      opacity: .85;
      -webkit-transform: scale(1.08, 1.08);
      transform: scale(1.08, 1.08); }
    #special_ecorelakirei_index #modal-close {
      opacity: 1;
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; }
    #special_ecorelakirei_index #modal-close:hover {
      opacity: .7; }
    #special_ecorelakirei_index #intro {
      position: relative;
      top: 70px;
      width: 980px;
      height: 740px;
      margin: 0 auto;
      background-color: #ef4023;
      opacity: 0; }
      #special_ecorelakirei_index #intro img {
        display: block;
        margin: 0 auto;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-drag: none;
        -khtml-user-drag: none; }
      #special_ecorelakirei_index #intro .onp-icon {
        padding-top: 50px;
        margin-bottom: 50px; }
      #special_ecorelakirei_index #intro #sound-select {
        width: 410px;
        margin: 80px auto 0;
        padding-bottom: 80px; }
      #special_ecorelakirei_index #intro #sound-select img {
        display: inline-block;
        margin: 0 20px;
        cursor: pointer; }
      #special_ecorelakirei_index #intro #intro-copy {
        margin: 0 auto;
        width: 200px; }
      #special_ecorelakirei_index #intro #introOnp {
        position: absolute;
        z−index: 1;
        left: 600px;
        top: 340px; }
      #special_ecorelakirei_index #intro #introOnp img {
        position: absolute; }
      #special_ecorelakirei_index #intro #introOnp #iopw1 {
        left: 0;
        top: 0; }
      #special_ecorelakirei_index #intro #introOnp #iopw2 {
        left: 100px;
        top: -35px; }
      #special_ecorelakirei_index #intro #introOnp #iopw3 {
        left: 152px;
        top: -28px; }
      #special_ecorelakirei_index #intro #introOnp #iopw4 {
        left: 220px;
        top: -68px; }
      #special_ecorelakirei_index #intro #introOnp #iopw5 {
        left: 285px;
        top: -84px; }
    #special_ecorelakirei_index .btn-off {
      pointer-events: none; }
    #special_ecorelakirei_index #download {
      position: relative;
      background: url(/common/img/ecorelakirei/home/download/bg.png) 0 0 no-repeat;
      height: 823px; }
      #special_ecorelakirei_index #download .title {
        padding-right: 25px;
        padding-top: 115px; }
      #special_ecorelakirei_index #download #down-ui {
        width: 560px;
        margin: 60px auto 0; }
      #special_ecorelakirei_index #download #down-ui .down-btn {
        display: inline-block;
        position: relative;
        z-index: 3; }
      #special_ecorelakirei_index #download #down-ui .down-btn:after {
        content: "";
        display: block;
        width: 296px;
        height: 296px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        background: #f8afa3;
        margin-left: -22px;
        margin-top: -22px;
        z-index: -1;
        opacity: 0;
        -webkit-transform: scale(0.85, 0.85);
                transform: scale(0.85, 0.85);
        -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }
      #special_ecorelakirei_index #download #down-ui .down-btn:before {
        content: "";
        display: block;
        width: 430px;
        height: 430px;
        top: 0;
        left: 0;
        border-radius: 50%;
        position: absolute;
        background: #f8afa3;
        margin-left: -89px;
        margin-top: -89px;
        z-index: -1;
        opacity: 1;
        -webkit-transform: scale(0.55, 0.55);
                transform: scale(0.55, 0.55);
        -webkit-transition: opacity 0ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
        transition: opacity 0ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms; }
      #special_ecorelakirei_index #download #down-ui .down-btn:hover:after {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        opacity: 1; }
      #special_ecorelakirei_index #download #down-ui .down-btn:hover:before {
        -webkit-transform: scale(0.9, 0.9);
                transform: scale(0.9, 0.9);
        opacity: 0;
        -webkit-transition: all 1500ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: all 1500ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      #special_ecorelakirei_index #download #down-ui #iphone-down {
        margin-right: 50px; }
      #special_ecorelakirei_index #download #down-onp {
        position: relative; }
      #special_ecorelakirei_index #download #down-onp .onp {
        position: absolute; }
      #special_ecorelakirei_index #download #down-onp #d-onp1 {
        left: 52px;
        top: 130px; }
      #special_ecorelakirei_index #download #down-onp #d-onp2 {
        left: 70px;
        top: 316px; }
      #special_ecorelakirei_index #download #down-onp #d-onp3 {
        left: 98px;
        top: 220px; }
      #special_ecorelakirei_index #download #down-onp #d-onp4 {
        left: 170px;
        top: 38px; }
      #special_ecorelakirei_index #download #down-onp #d-onp5 {
        left: 300px;
        top: 85px; }
      #special_ecorelakirei_index #download #down-onp #d-onp6 {
        left: 392px;
        top: 218px; }
      #special_ecorelakirei_index #download #down-onp #d-onp7 {
        left: 614px;
        top: 53px; }
      #special_ecorelakirei_index #download #down-onp #d-onp8 {
        left: 655px;
        top: 235px; }
      #special_ecorelakirei_index #download #down-onp #d-onp9 {
        left: 746px;
        top: 74px; }
      #special_ecorelakirei_index #download #down-onp #d-onp10 {
        left: 895px;
        top: 88px; }
      #special_ecorelakirei_index #download #down-onp #d-onp11 {
        left: 888px;
        top: 193px; }
      #special_ecorelakirei_index #download #down-onp #d-onp12 {
        left: 890px;
        top: 300px; }
    #special_ecorelakirei_index .contents {
      margin: 0 auto -35px; }
    #special_ecorelakirei_index .ecorelakirei-link-list {
      width: 700px;
      margin: 0 auto;
      padding-top: 125px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #special_ecorelakirei_index .ecorelakirei-link-list__item {
        text-align: center;
        margin-bottom: 30px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 311px;
                flex: 0 0 311px; }
    #special_ecorelakirei_index #movie-area {
      position: relative;
      background-image: url(/common/img/ecorelakirei/home/cm/bg3.png), url(/common/img/ecorelakirei/home/cm/bg4.png);
      background-repeat: no-repeat, no-repeat;
      background-position: 0 0, 0 1703px;
      background-color: #ef4023;
      width: 980px;
      height: 1780px;
      padding: 230px 0 0; }
      #special_ecorelakirei_index #movie-area img {
        display: block;
        margin: 0 auto; }
    #special_ecorelakirei_index #wanted-area {
      width: 980px;
      padding: 100px 0;
      text-align: center; }
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/about.html */
  /* ============================================================ */
  #special_ecorelakirei_about .overlay {
    width: 100%;
    margin-top: 70px;
    top: 190px;
    position: absolute;
    color: #f4858d; }
  #special_ecorelakirei_about #overlay_g .overlaycontent,
  #special_ecorelakirei_about #overlay_c .overlaycontent {
    min-height: 1140px;
    width: 1200px;
    text-align: center;
    margin: auto;
    top: 0;
    position: relative;
    background-color: #fafafa; }
  #special_ecorelakirei_about #overlay_g {
    color: #646464; }
  #special_ecorelakirei_about #overlay_g .g_img {
    margin-top: 30px;
    margin-bottom: 35px; }
  #special_ecorelakirei_about #overlay_g .close, #special_ecorelakirei_about #overlay_c .close {
    position: absolute;
    top: 51px;
    left: 897px;
    cursor: pointer; }
  #special_ecorelakirei_about .carousel {
    width: 596px;
    height: 596px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 25px; }
  #special_ecorelakirei_about .book {
    width: 727px;
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    margin: 0 auto; }
  #special_ecorelakirei_about .carousel li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    opacity: 0; }
  #special_ecorelakirei_about .arrow {
    display: block;
    width: 25px;
    height: 49px;
    overflow: hidden;
    position: absolute;
    top: 275px; }
  #special_ecorelakirei_about .arrow_l {
    left: 0;
    height: 49px;
    background: url(/common/img/ecorelakirei/about/arrow_l.png) no-repeat left bottom; }
  #special_ecorelakirei_about .arrow_r {
    right: 0;
    background: url(/common/img/ecorelakirei/about/arrow_r.png) no-repeat left bottom; }
  #special_ecorelakirei_about .arrow:hover {
    background-position: left top; }
  #special_ecorelakirei_about .book_nav {
    width: 204px;
    overflow: hidden;
    margin: 0 auto; }
  #special_ecorelakirei_about .book_nav li {
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    overflow: hidden;
    background: url(/common/img/ecorelakirei/about/nav_carousel.png) no-repeat left top;
    margin-right: 20px; }
  #special_ecorelakirei_about .book_nav li.is_current {
    background-position: -28px top; }
  #special_ecorelakirei_about .book_nav li.lastchild {
    margin-right: 0; }
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/project.html */
  /* ============================================================ */
  #special_ecorelakirei_project .ecorelakirei-project-list__item__col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #special_ecorelakirei_project .modal-ecorelakirei-project {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/common/img/ecorelakirei/project/rice/bg.jpg);
    width: 100%;
    min-width: 940px;
    min-height: 100%;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .modal_bg {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 10; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .modal_inner {
      width: 940px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      z-index: 99; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .btn_close {
      float: right; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .title {
      text-align: center;
      margin-bottom: 40px;
      clear: both; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .equation {
      background: #fdb344;
      padding: 67px 0 80px 135px;
      position: relative; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .equation-with-tab__content {
      background: #fdb344;
      padding: 45px;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .txt1 {
      position: absolute;
      top: 97px;
      left: 530px; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .intro {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 30px;
      background: #fff;
      border-radius: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      line-height: 1.6; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .btn_pagetop {
      position: absolute;
      bottom: 25px;
      right: 50px;
      display: block;
      width: 105px;
      height: 12px;
      overflow: hidden;
      background: url(/common/img/ecorelakirei/project/rice/btn_pagetop.png) no-repeat left top; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .btn_pagetop:hover {
      background-position: left bottom; } }

@media screen and (max-width: 767.499px) {
  /* ============================================================ */
  /* 基本設定 */
  /* ============================================================ */ }

@media screen and (max-width: 767.499px) and (max-width: 320px) {
  html {
    font-size: calc(100vw / 37.5); } }

@media screen and (max-width: 767.499px) {
  body {
    height: auto;
    background: #fff;
    font-family: 'TBUDゴシック R', 'TBUDGothic R'; }
  .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    word-break: break-all;
    padding: 60px 0 0;
    color: #404544;
    font-size: 1.4rem;
    line-height: 1.8; }
    .wrap > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
  .pc-view {
    display: none !important; }
  a {
    color: #e8380d; }
  sup {
    font-size: 1rem;
    vertical-align: super; }
  sub {
    font-size: 1rem;
    vertical-align: baseline; }
  .link-gray {
    color: #404544; }
    .link-gray + .icon-keyboard_arrow_right {
      position: relative;
      top: 3px;
      margin: 0 0 0 2px;
      font-size: 1.8rem; }
  .icon-pdf::before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    background: url(/common/img/common/icon_pdf.png) center center no-repeat;
    background-size: 18px;
    line-height: 1;
    -webkit-transform: translateY(3px);
            transform: translateY(3px); }
  .icon-word {
    color: #2c3580; }
  .icon-excel {
    color: #02723b; }
  .icon-ppt {
    color: #dc5b26; }
  .accordion-hide,
  .sp-accordion-hide {
    display: none; }
  /* --------------------------------------------------- */
  /* header-mypage */
  /* --------------------------------------------------- */
  .header-mypage {
    padding: 0 15px;
    background: #e7e7e7; }
    .header-mypage__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 50px; }
    .header-mypage__user {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .header-mypage__logout {
      background: none;
      color: #404544; }
  /* --------------------------------------------------- */
  /* modal */
  /* --------------------------------------------------- */
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: rgba(0, 0, 0, 0.4);
    color: #404544;
    font-size: 1.4rem;
    line-height: 1.8; }
    .modal__body {
      position: relative;
      padding: 30px 20px;
      background: #fff;
      border-radius: 8px; }
    .modal__close-btn {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #fff;
      text-align: center;
      -webkit-transform: translate(12px, -12px);
              transform: translate(12px, -12px);
      width: 46px;
      height: 46px;
      border-radius: 50%; }
      .modal__close-btn > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #e8380d;
        color: #fff;
        font-size: 3.0rem;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
    .modal .slick-slider {
      position: static; }
    .modal .slick-dotted.slick-slider {
      margin-bottom: 0; }
    .modal .slick-prev,
    .modal .slick-next {
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 32px;
      height: 64px;
      background: rgba(232, 56, 13, 0.5);
      color: #fff;
      font-size: 2.6rem;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .modal .slick-prev:hover,
      .modal .slick-next:hover {
        background: rgba(232, 56, 13, 0.5);
        color: #fff;
        opacity: 0.6; }
      .modal .slick-prev::before,
      .modal .slick-next::before {
        display: none; }
    .modal .slick-prev {
      left: -15px; }
    .modal .slick-next {
      right: -15px; }
    .modal .slick-dots {
      position: static;
      margin-top: 20px;
      line-height: 0; }
      .modal .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px; }
        .modal .slick-dots li button {
          width: 8px;
          height: 8px;
          padding: 0; }
          .modal .slick-dots li button::before {
            content: '';
            background: #e8e8e8;
            width: 8px;
            height: 8px;
            border-radius: 50%; }
        .modal .slick-dots li.slick-active button::before {
          background: #f39b86; }
  /* --------------------------------------------------- */
  /* topic-path */
  /* --------------------------------------------------- */
  .topic-path {
    margin: 0 0 80px;
    line-height: 1.5; }
    .topic-path .lnav__ttl {
      padding: 10px 15px;
      background: #d2d2d2;
      font-size: 2rem; }
      .topic-path .lnav__ttl__link {
        color: #404544; }
    .topic-path .lnav__level1__item, .topic-path .lnav__level2__item {
      border-bottom: 1px solid #d2d2d2; }
      .topic-path .lnav__level1__item__link, .topic-path .lnav__level2__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 15px 15px 15px 25px;
        color: #404544; }
        .topic-path .lnav__level1__item__link [class^="icon-angle-"], .topic-path .lnav__level2__item__link [class^="icon-angle-"] {
          margin-left: auto;
          color: #e8380d;
          font-size: 2rem;
          line-height: 1; }
        .topic-path .lnav__level1__item__link.sp-accordion.active .icon-angle-down, .topic-path .lnav__level2__item__link.sp-accordion.active .icon-angle-down {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
    .topic-path .lnav__level2__item {
      border-bottom: none;
      border-top: 1px solid #d2d2d2; }
      .topic-path .lnav__level2__item__link {
        padding-left: 40px; }
    .topic-path__lnav__ttl {
      padding: 10px 15px;
      background: #d2d2d2;
      font-size: 2rem; }
    .topic-path__lnav__item {
      border-bottom: 1px solid #d2d2d2; }
      .topic-path__lnav__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 15px 15px 15px 25px;
        color: #404544; }
        .topic-path__lnav__item__link__text {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; }
        .topic-path__lnav__item__link .icon-angle-right {
          font-size: 2rem;
          line-height: 1; }
    .topic-path__body {
      padding: 15px;
      background: #f3f3f3; }
    .topic-path__item {
      display: inline;
      margin: 0 -5px 0 0; }
      .topic-path__item:not(:last-child)::after {
        margin: 0 0 0 2px;
        content: "\e315";
        color: #d2d2d2;
        font-size: 1.2rem;
        font-family: 'icomoon'; }
  /* --------------------------------------------------- */
  /* modal-video */
  /* --------------------------------------------------- */
  .modal-video {
    background: rgba(0, 0, 0, 0.4) !important; }
    .modal-video .modal-video-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 15px; }
    .modal-video .modal-video-inner {
      padding: 15px;
      height: auto;
      background: #fff;
      border-radius: 8px; }
    .modal-video .modal-video-close-btn {
      position: absolute;
      top: -25px;
      right: -25px;
      z-index: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: #fff;
      text-align: center;
      cursor: pointer;
      width: 50px;
      height: 50px;
      border-radius: 50%; }
      .modal-video .modal-video-close-btn::before {
        position: static;
        content: '';
        margin: 0;
        background: #e8380d;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
      .modal-video .modal-video-close-btn::after {
        position: absolute;
        content: "\e5cd";
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        color: #fff;
        font-family: 'icomoon';
        font-size: 3.0rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        border-radius: 0px; }
  /* ============================================================ */
  /* header */
  /* ============================================================ */
  header {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    border-bottom: 1px solid #d2d2d2; }
    header .inner2 {
      position: relative;
      z-index: 15;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 60px;
      padding: 0 15px;
      background: #fff; }
    header .header-logo {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 110px;
              flex: 0 0 110px;
      margin-right: auto; }
    header .header-menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #e8380d;
      line-height: 1;
      cursor: pointer;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      header .header-menu.active {
        color: #d2d2d2; }
      header .header-menu__icon {
        font-size: 2.4rem; }
      header .header-menu__text {
        font-size: 1rem;
        -webkit-transform: scale(0.8);
                transform: scale(0.8);
        -webkit-transform-origin: center center;
                transform-origin: center center; }
    header .nav {
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      height: 100%;
      padding: 60px 0 0;
      background: #fff;
      overflow-y: auto;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      header .nav > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
      .gnav-show header .nav {
        z-index: 10;
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      header .nav__search {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
        margin: 0 15px 20px;
        padding: 5px 0 0;
        border-top: 1px solid #d2d2d2; }
        header .nav__search form {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border-bottom: 2px solid #e8380d; }
        header .nav__search input[type="text"] {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
          height: 40px;
          padding: 0;
          border: none;
          background: none;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none; }
        header .nav__search__btn {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          width: 40px;
          height: 40px;
          background: none;
          border: none;
          color: #e8380d;
          font-size: 2.2rem; }
      header .nav .hnav01 {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #f3f3f3; }
        header .nav .hnav01__item {
          width: 50%; }
          header .nav .hnav01__item__link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 65px;
            padding: 0 15px;
            color: #404544; }
          header .nav .hnav01__item:nth-child(2n) .hnav01__item__link {
            padding-left: 25px; }
      header .nav .hnav02 {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        header .nav .hnav02__item {
          width: 50%; }
          header .nav .hnav02__item__link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 60px;
            padding: 0 15px;
            color: #404544; }
            header .nav .hnav02__item__link__icon {
              margin: 0 8px 0 0;
              color: #808080;
              font-size: 2.4rem; }
          header .nav .hnav02__item:nth-child(2n+1) .hnav02__item__link {
            padding-left: 25px; }
      header .nav .gnav {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin: 0 15px;
        border-bottom: 1px solid #d2d2d2; }
        header .nav .gnav__item {
          border-top: 1px solid #d2d2d2; }
          header .nav .gnav__item__link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 20px 10px;
            color: #404544;
            font-size: 1.6rem;
            font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
            header .nav .gnav__item__link__text {
              -webkit-box-flex: 1;
                  -ms-flex: 1 1 auto;
                      flex: 1 1 auto; }
            header .nav .gnav__item__link.active .icon-plus::before {
              content: "\f068"; }
        header .nav .gnav .dropdown {
          display: none; }
          header .nav .gnav .dropdown__ttl {
            border-top: 1px solid #d2d2d2;
            border-bottom: 1px solid #d2d2d2; }
            header .nav .gnav .dropdown__ttl__link {
              display: block;
              padding: 20px 25px;
              color: #404544;
              font-size: 1.6rem;
              font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
          header .nav .gnav .dropdown__menu {
            border-bottom: 1px solid #d2d2d2; }
            header .nav .gnav .dropdown__menu__item {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              width: 100%;
              margin-bottom: 0;
              padding: 20px 12px 20px 25px;
              border-bottom: 1px solid #d2d2d2;
              color: #404544;
              font-size: 1.6rem;
              line-height: 1.4; }
              header .nav .gnav .dropdown__menu__item__text {
                -webkit-box-flex: 1;
                    -ms-flex: 1 1 auto;
                        flex: 1 1 auto; }
              header .nav .gnav .dropdown__menu__item:last-child {
                border-bottom: none; }
            header .nav .gnav .dropdown__menu.sp-column2 {
              margin: 0; }
              header .nav .gnav .dropdown__menu.sp-column2 .dropdown__menu__item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 50%;
                margin: 0; }
                header .nav .gnav .dropdown__menu.sp-column2 .dropdown__menu__item:nth-child(2n+1) {
                  border-right: 1px solid #d2d2d2; }
      header .nav__close {
        -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 40px;
        background: #7e8987;
        color: #fff; }
  /* ============================================================ */
  /* .contents */
  /* ============================================================ */
  .contents {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 35px 15px 80px; }
  .contents-lower {
    margin: 0 15px 60px; }
  .row {
    margin-bottom: 60px; }
    .row--wide {
      margin-left: 15px;
      margin-right: 15px; }
    .row--bg-gray {
      background: #f3f3f3; }
    .row--bg-red {
      background: #feead6; }
    .row:last-child {
      margin-bottom: 0; }
  .radius,
  .sp-radius {
    border-radius: 8px; }
  .img-border {
    border: 1px solid #d2d2d2; }
  .ellipsis {
    position: relative;
    height: calc(1em * 1.8 * 2);
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
    overflow: hidden; }
    .ellipsis:before, .ellipsis:after {
      position: absolute;
      background: #fff; }
    .ellipsis:before {
      top: calc(1em * 1.8 * (2 - 1));
      right: 0;
      content: '...';
      width: 2em;
      text-align: center; }
    .ellipsis:after {
      content: '';
      height: 100%;
      width: 100%; }
  /* ============================================================ */
  /* 汎用スタイル */
  /* ============================================================ */
  /* --------------------------------------------------- */
  /* テキスト */
  /* --------------------------------------------------- */
  p {
    margin-bottom: 15px; }
    p:last-child {
      margin-bottom: 0; }
  .indent {
    display: table; }
    .indent > *:first-child {
      display: table-cell;
      white-space: nowrap; }
  /* --------------------------------------------------- */
  /* 見出し */
  /* --------------------------------------------------- */
  .ttl01 {
    margin: 0 0 20px;
    font-size: 2rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .ttl01__sub {
      display: block;
      margin: 5px 0 0;
      font-size: 1.4rem; }
  .ttl02 {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 3px solid #e8380d;
    font-size: 2rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  .ttl03 {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 3px solid #f39b86;
    color: #333;
    font-size: 1.8rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .ttl03.sp-accordion {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      cursor: pointer; }
      .ttl03.sp-accordion .icon-add,
      .ttl03.sp-accordion .icon-remove {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        font-size: 2rem; }
      .ttl03.sp-accordion.active .icon-remove::before {
        content: "\e145"; }
  .ttl04 {
    margin: 0 0 15px;
    font-size: 1.6rem;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  .ttl05 {
    color: #e8380d;
    font-size: 2.6rem;
    line-height: 1.4; }
  .ttl06 {
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* --------------------------------------------------- */
  /* .visual */
  /* --------------------------------------------------- */
  .visual {
    margin: 0 0 45px;
    overflow: hidden; }
    .visual .slick-dotted.slick-slider {
      margin-bottom: 20px; }
    .visual .slick-prev,
    .visual .slick-next {
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 22px;
      height: 22px;
      background: rgba(255, 255, 255, 0.8);
      color: #e8380d;
      font-size: 1.8rem;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .visual .slick-prev:hover,
      .visual .slick-next:hover {
        background: rgba(255, 255, 255, 0.8);
        color: #e8380d;
        opacity: 0.6; }
      .visual .slick-prev::before,
      .visual .slick-next::before {
        display: none; }
    .visual .slick-prev {
      left: 0; }
    .visual .slick-next {
      right: 0; }
    .visual .slick-dots {
      bottom: -20px;
      line-height: 0; }
      .visual .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px; }
        .visual .slick-dots li button {
          width: 8px;
          height: 8px;
          padding: 0; }
          .visual .slick-dots li button::before {
            content: '';
            background: #979493;
            opacity: 1;
            width: 8px;
            height: 8px;
            border-radius: 50%; }
        .visual .slick-dots li.slick-active button::before {
          background: #e8380d; }
    .visual .slick-slide {
      overflow: hidden;
      border-radius: 8px; }
  .visual02 {
    margin-left: -15px;
    margin-right: -15px; }
    .visual02__img {
      display: block;
      margin: 0 0 30px; }
    .visual02__lead {
      margin: 0 15px;
      text-align: center; }
  /* --------------------------------------------------- */
  /* カラム制御 */
  /* --------------------------------------------------- */
  /* 複数カラム
/* --------------------------------------------------- */
  .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .column > * {
    margin-bottom: 15px; }
    .column > * * {
      max-width: 100%; }
    .column > * img {
      outline: 1px solid transparent; }
      .column > * img:not([class*="wd-a"]) {
        width: 100%; }
  .column1 > * {
    width: 100%; }
  .column2 {
    margin-left: -2%;
    margin-right: -2%; }
    .column2 > * {
      margin-left: 2%;
      margin-right: 2%;
      width: 46%; }
  .column3,
  .column6 {
    margin-left: -1%;
    margin-right: -1%; }
    .column3 > *,
    .column6 > * {
      margin-left: 1%;
      margin-right: 1%;
      width: 31%; }
  .column4 {
    margin-left: -1%;
    margin-right: -1%; }
    .column4 > * {
      margin-left: 1%;
      margin-right: 1%;
      width: 23%; }
  .column5 {
    margin-left: -1%;
    margin-right: -1%; }
    .column5 > * {
      margin-left: 1%;
      margin-right: 1%;
      width: 18%; }
  .column6 {
    margin-left: -1%;
    margin-right: -1%; }
    .column6 > * {
      margin-left: 1%;
      margin-right: 1%;
      width: 14.6%; }
  .column7 {
    margin-left: -0.5%;
    margin-right: -0.5%; }
    .column7 > * {
      margin-left: 0.5%;
      margin-right: 0.5%;
      width: 13.28%; }
  .sp-column1 {
    margin-left: 0;
    margin-right: 0; }
    .sp-column1 > * {
      margin-left: 0;
      margin-right: 0;
      width: 100%; }
  .sp-column2 {
    margin-left: -2%;
    margin-right: -2%; }
    .sp-column2 > * {
      margin-left: 2%;
      margin-right: 2%;
      width: 46%; }
    .sp-column2 .sp-col2 {
      width: calc(100% - 4%); }
  .sp-column3 {
    margin-left: -1%;
    margin-right: -1%; }
    .sp-column3 > * {
      margin-left: 1%;
      margin-right: 1%;
      width: 31%; }
  /* 幅指定カラム
------------------------------------------------------------ */
  .flex-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .flex-column > * {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 100%; }
      .flex-column > *:not(:last-child) {
        margin-bottom: 20px; }
      .flex-column > * img {
        display: block;
        margin: 0 auto; }
      .flex-column > * * {
        max-width: 100%; }
  /* 画像回り込みカラム
------------------------------------------------------------ */
  .float::after {
    display: block;
    content: "";
    clear: both; }
  .float--left .float__item {
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin: 0 0 10px; }
    .float--left .float__item * {
      max-width: 100%; }
  .float--right .float__item {
    max-width: 100%;
    width: 100%;
    text-align: center;
    margin: 0 0 10px; }
    .float--right .float__item * {
      max-width: 100%; }
  .sp-float.float::after {
    display: block;
    content: "";
    clear: both; }
  .sp-float.float--left .float__item {
    float: left;
    margin: 0 20px 20px 0;
    text-align: center;
    max-width: 50%; }
    .sp-float.float--left .float__item * {
      max-width: 100%; }
  .sp-float.float--right .float__item {
    float: right;
    margin: 0 0 20px 20px;
    text-align: center;
    max-width: 50%; }
    .sp-float.float--right .float__item * {
      max-width: 100%; }
  /* --------------------------------------------------- */
  /* リスト */
  /* --------------------------------------------------- */
  .list {
    list-style-type: none; }
    .list > * {
      position: relative;
      padding-left: 15px;
      margin-bottom: 5px; }
      .list > *::before {
        content: "";
        width: 6px;
        height: 6px;
        display: block;
        position: absolute;
        top: 0.8em;
        left: 5px; }
    .list--circle > *::before {
      width: 3px;
      height: 3px;
      border-radius: 50%; }
    .list--gray > *::before {
      background: #404544; }
    .list--red > *::before {
      background: #e8380d; }
    .list--decimal {
      list-style: decimal outside;
      margin: 0 0 15px 20px; }
      .list--decimal > * {
        padding-left: 0; }
  /* --------------------------------------------------- */
  /* box */
  /* --------------------------------------------------- */
  .box {
    padding: 15px;
    background: #fff;
    border-radius: 8px; }
    .box--gray {
      background: #f3f3f3; }
    .box--border-gray {
      border: 1px solid #d2d2d2; }
    .box--border-red {
      border: 1px solid #e8380d; }
    .box--border-purple {
      border: 1px solid #ba77af; }
    .box--orange {
      background: #feead6; }
    .box--lightorange {
      background: #fcf1e6; }
    .box--lightgray {
      background: #fbfbfb; }
    .box--accordion {
      padding: 0;
      border: 1px solid #d2d2d2; }
      .box--accordion__ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 10px 15px;
        background: rgba(232, 56, 13, 0.1);
        line-height: 1.5;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        .box--accordion__ttl .icon-add {
          font-size: 2rem; }
        .box--accordion__ttl.active .icon-add::before {
          content: "\e15b"; }
      .box--accordion__body {
        padding: 15px; }
    .box__band {
      margin: 0 -15px;
      padding: 10px 15px;
      max-width: none; }
      .box__band--gray {
        background: #f3f3f3; }
      .box__band--red {
        background: #e8380d;
        color: #fff; }
  .box-account {
    margin: 0 -15px;
    padding: 30px 15px;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6; }
  /* --------------------------------------------------- */
  /* iframe */
  /* --------------------------------------------------- */
  .iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
    .iframe > iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  /* --------------------------------------------------- */
  /* table */
  /* --------------------------------------------------- */
  .table {
    width: 100%;
    border: 1px solid #d2d2d2;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px; }
    .table th,
    .table td {
      padding: 10px 12px;
      background: #fff;
      border-left: 1px solid #d2d2d2;
      border-bottom: 1px solid #d2d2d2;
      font-size: 1.4rem;
      text-align: left;
      vertical-align: middle;
      line-height: 1.6; }
    .table th {
      background: #f3f3f3;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .table--thin th,
    .table--thin td, .table--thin2 th,
    .table--thin2 td {
      padding: 10px;
      font-size: 1.2rem; }
    .table .bg-white {
      background: #fff; }
    .table .bg-gray {
      background: #f3f3f3; }
    .table .bg-darkgray {
      background: #ebebeb; }
    .table .bg-red {
      background: #feead6; }
    .table .bdr-left {
      border-left: 1px solid #d2d2d2 !important; }
    .table tr > *:first-child {
      border-left-width: 0; }
    .table thead tr:first-child > *:first-child {
      border-top-left-radius: 8px; }
    .table thead tr:first-child > *:last-child {
      border-top-right-radius: 8px; }
    .table tbody tr:last-child > * {
      border-bottom-width: 0; }
      .table tbody tr:last-child > *:first-child {
        border-bottom-left-radius: 8px; }
      .table tbody tr:last-child > *:last-child {
        border-bottom-right-radius: 8px; }
    .table tbody:first-child tr:first-child > *:first-child {
      border-top-left-radius: 8px; }
    .table tbody:first-child tr:first-child > *:last-child {
      border-top-right-radius: 8px; }
    .table--sp-column1 {
      display: block;
      border-top: none; }
      .table--sp-column1 thead,
      .table--sp-column1 tbody,
      .table--sp-column1 tr {
        display: block; }
      .table--sp-column1 th,
      .table--sp-column1 td {
        display: block;
        padding: 15px;
        border: none;
        border-top: 1px solid #d2d2d2; }
      .table--sp-column1 tbody tr:last-child > *:first-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
      .table--sp-column1 tbody tr:last-child > *:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px; }
      .table--sp-column1 tbody:first-child tr:first-child > *:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px; }
      .table--sp-column1 tbody:first-child tr:first-child > *:last-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
  .pinned {
    border-right: none !important;
    border-radius: 8px 0 0 8px; }
    .pinned .table {
      border-radius: 8px 0 0 8px; }
  .table-wrapper {
    border-right: none !important; }
    .table-wrapper .scrollable .table {
      border-left: none !important;
      border-radius: 0 8px 8px 0; }
  .table-scroll {
    overflow-x: auto; }
    .table-scroll th,
    .table-scroll td {
      white-space: nowrap; }
  /* --------------------------------------------------- */
  /* btn */
  /* --------------------------------------------------- */
  .btn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-height: 60px;
    padding: 15px 25px;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #404544;
    text-align: center;
    line-height: 1.6;
    border-radius: 8px; }
    .btn .icon-fix-left,
    .btn .icon-fix-right {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .btn .icon-fix-left {
      left: 10px; }
    .btn .icon-fix-right {
      right: 10px; }
    .btn [class*="icon-angle-"],
    .btn [class*="icon-keyboard_arrow_"] {
      font-size: 2rem; }
    .btn:disabled {
      opacity: 0.5;
      cursor: auto; }
    .btn--xs {
      max-width: 200px;
      min-height: 0;
      height: 35px;
      font-size: 1.2rem;
      border-radius: 4px; }
    .btn--orange {
      background: #feead6; }
      .btn--orange:hover {
        background: #feead6;
        border-color: #d2d2d2;
        color: #404544;
        opacity: 0.6; }
    .btn.accordion.active .icon-add::before {
      content: "\e15b"; }
  button,
  input[type="button"].btn,
  input[type="submit"].btn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .btn-block .btn {
      margin-bottom: 12px; }
      .btn-block .btn:last-child {
        margin-bottom: 0; }
    .btn-block.u-sp-fxd-cr .btn {
      margin-bottom: 12px; }
      .btn-block.u-sp-fxd-cr .btn:first-child {
        margin-bottom: 0; }
    .btn-block--sp-column2 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .btn-block--sp-column2 .btn {
        margin: 0 5px; }
  /* --------------------------------------------------- */
  /* related-link */
  /* --------------------------------------------------- */
  .related-link__item {
    color: #404544; }
    .related-link__item__icon {
      display: none; }
    .related-link__item [class*="icon-keyboard_arrow_"] {
      position: relative;
      top: 3px;
      font-size: 1.8rem; }
  /* --------------------------------------------------- */
  /* menu-btn */
  /* --------------------------------------------------- */
  .menu-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
    padding: 0 0 0 15px;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #404544;
    font-size: 1.6rem;
    line-height: 1.5;
    border-radius: 8px; }
    .menu-btn .icon-fix-left,
    .menu-btn .icon-fix-right {
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .menu-btn .icon-fix-left {
      left: 10px; }
    .menu-btn .icon-fix-right {
      right: 10px; }
    .menu-btn [class*="icon-keyboard_arrow_"] {
      font-size: 2rem; }
    .menu-btn__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .menu-btn__icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 40px;
      margin: 0 15px 0 0; }
    .menu-btn--sm .menu-btn__icon {
      color: #e8380d;
      font-size: 3.4rem;
      text-align: center; }
    .menu-btn--lg {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100px;
      padding: 0;
      font-size: 1.2rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .menu-btn--lg .menu-btn__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center; }
      .menu-btn--lg .menu-btn__icon {
        width: auto;
        margin: 0;
        color: #e8380d;
        font-size: 3.6rem; }
  /* --------------------------------------------------- */
  /* memu-box */
  /* --------------------------------------------------- */
  .memu-box {
    margin-bottom: 40px; }
    .memu-box__thumb,
    .memu-box__thumb > * {
      border-radius: 8px; }
    .memu-box__thumb {
      margin: 0 0 15px; }
    .memu-box__body {
      margin: 0 10px; }
    .memu-box__ttl {
      margin-bottom: 10px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* --------------------------------------------------- */
  /* menu-sp-accordion */
  /* --------------------------------------------------- */
  .menu-sp-accordion {
    padding: 0 15px;
    border: 1px solid #d2d2d2;
    border-top: none;
    border-radius: 0 0 8px 8px; }
    .menu-sp-accordion__ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 15px 0; }
      .menu-sp-accordion__ttl .icon-add {
        font-size: 2rem; }
      .menu-sp-accordion__ttl.active .icon-add::before {
        content: "\e15b"; }
    .menu-sp-accordion__body {
      padding: 15px 0;
      border-top: 1px solid #d2d2d2; }
  /* --------------------------------------------------- */
  /* pager */
  /* --------------------------------------------------- */
  .pager {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 30px 0 0; }
    .pager li {
      margin: 0 3px 10px; }
      .pager li > * {
        display: block;
        padding: 5px 12px;
        background: #f3f3f3;
        border: 1px solid #d5d5d5;
        color: #404544;
        text-decoration: none;
        border-radius: 3px; }
        .pager li > *.current {
          background: #e8380d;
          border: 1px solid #e8380d;
          color: #fff;
          opacity: 1; }
    .pager__prev {
      position: absolute;
      left: 0; }
    .pager__next {
      position: absolute;
      right: 0; }
  /* --------------------------------------------------- */
  /* form */
  /* --------------------------------------------------- */
  .label-must {
    right: 0;
    padding: 3px 8px;
    background: #e8380d;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  .error {
    margin: 5px 0 0;
    color: #e8380d;
    font-size: 1.2rem; }
  .hankaku {
    ime-mode: disabled; }
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="number"],
  input[type="password"],
  textarea,
  select {
    color: #404544;
    font-size: 16px; }
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="number"],
  input[type="password"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #d2d2d2;
    border-radius: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
  input::-webkit-input-placeholder {
    color: #d2d2d2; }
  input:-moz-placeholder {
    color: #d2d2d2; }
  input::-moz-placeholder {
    color: #d2d2d2; }
  input:-ms-input-placeholder {
    color: #d2d2d2; }
  input:focus::-webkit-input-placeholder {
    color: transparent; }
  input:focus:-moz-placeholder {
    color: transparent; }
  input:focus::-moz-placeholder {
    color: transparent; }
  input:focus::-ms-input-placeholder {
    color: transparent; }
  textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 5px 10px;
    width: 100%;
    height: 200px;
    border: 1px solid #d2d2d2;
    border-radius: 0px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
  /* radio
----------------------------------------------------------- */
  .radio {
    cursor: pointer; }
    .radio input[type="radio"] {
      display: none; }
    .radio input[type="radio"] + span {
      position: relative;
      display: block;
      padding: 0 0 0 20px;
      color: #404544; }
      .radio input[type="radio"] + span::before, .radio input[type="radio"] + span::after {
        position: absolute;
        top: 50%;
        content: '';
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .radio input[type="radio"] + span::before {
        left: 0;
        background: #fff;
        border: 1px solid #404544;
        width: 14px;
        height: 14px;
        border-radius: 50%; }
      .radio input[type="radio"] + span::after {
        left: 4px;
        background: #e8380d;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        opacity: 0; }
    .radio input[type="radio"]:checked + span::before {
      border-color: #e8380d; }
    .radio input[type="radio"]:checked + span::after {
      opacity: 1; }
  /* radio-btn
----------------------------------------------------------- */
  .radio-btn {
    cursor: pointer; }
    .radio-btn input[type="radio"] {
      display: none; }
    .radio-btn input[type="radio"] + .radio-btn__body {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 125px;
      padding: 10px 15px;
      background: #fff;
      border: 1px solid #d2d2d2;
      font-size: 1.6rem;
      text-align: center;
      border-radius: 8px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .radio-btn input[type="radio"] + .radio-btn__body .radio-btn__icon {
        margin: 0 0 5px;
        color: #e8380d;
        font-size: 4.2rem;
        text-align: center;
        line-height: 1; }
      .radio-btn input[type="radio"] + .radio-btn__body .icon-keyboard_arrow_right {
        right: 15px;
        font-size: 1.8rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .radio-btn input[type="radio"]:checked + .radio-btn__body {
      border: 3px solid #e8380d; }
  /* checkbox
----------------------------------------------------------- */
  .checkbox input[type="checkbox"] {
    display: none; }
  .checkbox input[type="checkbox"] + span {
    position: relative;
    padding: 0 0 0 25px;
    color: #404544;
    cursor: pointer; }
    .checkbox input[type="checkbox"] + span::before, .checkbox input[type="checkbox"] + span::after {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .checkbox input[type="checkbox"] + span::before {
      left: 0;
      content: '';
      width: 16px;
      height: 16px;
      background: #fff;
      border: 1px solid #b0b0b0; }
    .checkbox input[type="checkbox"] + span::after {
      left: 1px;
      content: "\f00c";
      color: #e8380d;
      font-family: 'icomoon';
      font-size: 1.6rem;
      opacity: 0; }
  .checkbox input[type="checkbox"]:checked + span::before {
    border-color: #e8380d; }
  .checkbox input[type="checkbox"]:checked + span::after {
    opacity: 1; }
  .checkbox--border-red input[type="checkbox"] + span::before {
    border: 2px solid #e8380d;
    border-radius: 4px; }
  .checkbox--border-red input[type="checkbox"] + span::after {
    left: 2px; }
  /* checkbox-btn
----------------------------------------------------------- */
  .checkbox-btn {
    position: relative; }
    .checkbox-btn input[type="checkbox"] {
      display: none; }
    .checkbox-btn input[type="checkbox"] + .checkbox-btn__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      height: 70px;
      padding: 0 0 0 30px;
      background: #fff;
      color: #404544;
      font-size: 1.6rem;
      cursor: pointer;
      border-radius: 8px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B';
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::before, .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::after {
        position: absolute;
        content: ''; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::before {
        top: 1px;
        bottom: 1px;
        left: 1px;
        width: 30px;
        border-radius: 8px 0 0 8px;
        background: #ef7355; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body::after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid #d2d2d2;
        border-radius: 8px; }
      .checkbox-btn input[type="checkbox"] + .checkbox-btn__body .checkbox-btn__check::after {
        left: 6px;
        content: "\e835";
        color: #fff;
        font-family: 'icomoon';
        font-size: 2rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
    .checkbox-btn input[type="checkbox"]:checked + .checkbox-btn__body::after {
      border: 1px solid #e8380d; }
    .checkbox-btn input[type="checkbox"]:checked + .checkbox-btn__body .checkbox-btn__check::after {
      content: "\e834"; }
    .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body {
      padding: 0; }
      .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body::before {
        display: none; }
      .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body:hover::after {
        border: 1px solid #d2d2d2; }
      .checkbox-btn input[type="checkbox"]:disabled + .checkbox-btn__body .checkbox-btn__check::after {
        display: none; }
  /* selectbox
----------------------------------------------------------- */
  .selectbox {
    position: relative;
    height: 35px;
    background: #fff;
    border: 1px solid #d2d2d2;
    cursor: pointer; }
    .selectbox::after {
      right: 0;
      width: 30px;
      content: "\e313";
      font-family: 'icomoon';
      color: #e8380d;
      font-size: 2.2rem;
      text-align: center;
      pointer-events: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
    .selectbox select {
      width: 100%;
      height: 33px;
      padding: 0 10px;
      background: #fff;
      font-size: 1.6rem;
      cursor: pointer;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none; }
      .selectbox select:disabled {
        color: #404544; }
    .selectbox select::-ms-expand {
      display: none; }
  /* --------------------------------------------------- */
  /* label */
  /* --------------------------------------------------- */
  .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100px;
    height: 17px;
    border: 1px solid #d8d8d8;
    font-size: 1.2rem;
    text-align: center; }
    .label--important {
      background: #e8380d;
      border-color: #e8380d;
      color: #fff; }
    .label--radius {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: auto;
      min-width: 70px;
      height: 20px;
      padding: 0 10px;
      font-size: 1.2rem;
      border: none;
      border-radius: 8px; }
    .label--radius-lg {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: auto;
      height: 32px;
      padding: 0 15px;
      font-size: 1.4rem;
      border: none;
      border-radius: 50px; }
    .label--gray {
      background: #f3f3f3; }
    .label--border-red {
      border: 1px solid #e8380d;
      color: #e8380d; }
    .label--red {
      background: #e8380d;
      color: #fff; }
    .label--red-lighten {
      background: #feead6; }
    .label--red-lighten02 {
      background: #ef7456;
      color: #fff; }
    .label--blue-lighten {
      background: #7aacd8;
      color: #fff; }
  .label-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 35px;
    border-radius: 100px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.4; }
    .label-feature--on {
      background: #feead6; }
    .label-feature--off {
      background: #ebebeb;
      color: rgba(64, 69, 68, 0.3); }
  /* --------------------------------------------------- */
  /* news-list */
  /* --------------------------------------------------- */
  .news-list {
    border-top: 1px solid #d2d2d2; }
    .news-list__item {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 15px 40px 15px 0;
      border-bottom: 1px solid #d2d2d2; }
      .news-list__item__date {
        margin: 0 15px 0 0;
        font-size: 1.2rem; }
      .news-list__item__category {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
      .news-list__item__text {
        width: 100%;
        margin: 5px 0 0; }
      .news-list__item__link {
        color: #404544; }
      .news-list__item .icon-keyboard_arrow_right {
        right: 0;
        color: #e8380d;
        font-size: 1.8rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
  /* --------------------------------------------------- */
  /* entry */
  /* --------------------------------------------------- */
  .entry p {
    margin-bottom: 0; }
  /* --------------------------------------------------- */
  /* link-movie */
  /* --------------------------------------------------- */
  .link-movie {
    position: relative;
    display: block; }
    .link-movie__icon {
      color: #fff;
      font-size: 4.5rem;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  /* --------------------------------------------------- */
  /* contact-center */
  /* --------------------------------------------------- */
  .contact-center__phone {
    text-align: center; }
    .contact-center__phone__ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .contact-center__phone__ttl .icon-settings_phone {
        margin: 0 5px 0 0;
        color: #e8380d;
        font-size: 2.6rem; }
    .contact-center__phone__number {
      color: #e8380d;
      font-size: 3.4rem;
      letter-spacing: -0.02em;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .contact-center__phone__number--small {
        font-size: 3.0rem; }
    .contact-center__phone__charge {
      margin: 0 0 10px;
      border: 1px solid #404544;
      font-size: 1.2rem;
      border-radius: 50px; }
    .contact-center__phone__mobile {
      font-size: 1.2rem;
      line-height: 1.4; }
      .contact-center__phone__mobile__number {
        margin: 0 0 0 5px;
        color: #404544;
        font-size: 2.2rem;
        letter-spacing: -0.02em;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  .contact-center__reception {
    margin: 15px 0 0; }
    .contact-center__reception__time {
      margin: 0 -15px 15px;
      padding: 10px;
      background: #f3f3f3;
      text-align: center; }
  /* --------------------------------------------------- */
  /* anchor-link */
  /* --------------------------------------------------- */
  .anchor-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    line-height: 1.5; }
    .anchor-link__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 50%;
      margin: 2px 0; }
      .anchor-link__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        padding: 5px 15px;
        color: #404544; }
        .anchor-link__item__link .icon-keyboard_arrow_down {
          font-size: 1.8rem; }
  /* --------------------------------------------------- */
  /* lnav */
  /* --------------------------------------------------- */
  .contents .lnav {
    margin: -35px -15px 25px;
    line-height: 1.5; }
    .contents .lnav__ttl__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 15px 10px 15px 15px;
      background: #f55333;
      color: #fff;
      font-size: 2.2rem; }
      .contents .lnav__ttl__link::after {
        content: "\e313";
        margin-left: auto;
        font-family: 'icomoon';
        font-size: 3.0rem;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
      .contents .lnav__ttl__link.active::after {
        -webkit-transform: rotateX(180deg);
                transform: rotateX(180deg); }
    .contents .lnav__level1 {
      display: none; }
      .contents .lnav__level1__item {
        border-bottom: 1px solid #d2d2d2; }
        .contents .lnav__level1__item__link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 15px;
          background: #feead6;
          color: #404544; }
          .contents .lnav__level1__item__link [class^="icon-angle-"] {
            margin-left: auto;
            color: #e8380d;
            font-size: 2rem; }
    .contents .lnav__level2__item {
      border-top: 1px solid #d2d2d2; }
      .contents .lnav__level2__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 15px 15px 15px 30px;
        color: #404544; }
        .contents .lnav__level2__item__link [class^="icon-angle-"] {
          margin-left: auto;
          color: #e8380d;
          font-size: 1.6rem; }
  /* --------------------------------------------------- */
  /* snav */
  /* --------------------------------------------------- */
  .snav__ttl {
    border: 1px solid #d2d2d2;
    border-radius: 8px 8px 0 0; }
    .snav__ttl__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 60px;
      padding: 0 0.83em;
      color: #404544;
      font-size: 1.8rem; }
      .snav__ttl__link__text {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
      .snav__ttl__link:hover {
        background: #feead6;
        color: #e8380d;
        opacity: 1; }
  .snav__body {
    border: 1px solid #d2d2d2;
    border-top: none;
    border-radius: 0 0 8px 8px; }
  .snav__item:not(:last-child) {
    border-bottom: 1px solid #d2d2d2; }
  .snav__item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    padding: 0 1.1em;
    color: #404544; }
    .snav__item__link__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .snav__item__link .icon-keyboard_arrow_right {
      font-size: 2.2rem; }
    .snav__item__link:hover {
      color: #e8380d;
      opacity: 1; }
    .snav__item__link--current {
      background: #feead6; }
  /* --------------------------------------------------- */
  /* progress */
  /* --------------------------------------------------- */
  .progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .progress__item {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 20px 0 0; }
      .progress__item__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        min-height: 35px;
        padding: 8px 0 8px 10px;
        background: #f3f3f3;
        border-radius: 8px 0 0 8px;
        text-align: center;
        line-height: 1.3; }
      .progress__item::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 2px;
        content: '';
        width: 20px;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-image: url(/common/img/common/bg_progress_arrow_gray.svg);
        background-size: 20px 100%; }
      .progress__item:last-child {
        padding-right: 0; }
        .progress__item:last-child:after {
          display: none; }
        .progress__item:last-child .progress__item__text {
          padding-left: 0;
          border-radius: 8px; }
      .progress__item--current .progress__item__text {
        background: #e8380d;
        color: #fff; }
      .progress__item--current::after {
        background-image: url(/common/img/common/bg_progress_arrow_red.svg); }
    .progress--sp-column2 {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .progress--sp-column2 .progress__item {
        width: 50%;
        margin-bottom: 10px; }
  /* --------------------------------------------------- */
  /* progress-step */
  /* --------------------------------------------------- */
  .progress-step__item::after {
    display: block;
    content: '';
    width: 100%;
    height: 38px;
    background: url(/common/img/common/bg_progress_step_arrow_sp.svg) center bottom no-repeat;
    background-size: 100% auto; }
  .progress-step__item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: 1px solid #e8380d;
    border-bottom: none;
    border-radius: 8px 8px 0 0; }
  .progress-step__item__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 15px;
    padding: 5px 10px;
    background: #e8380d;
    color: #fff;
    border-radius: 8px 8px 0 0;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .progress-step__item__step__text {
      margin-right: 10px; }
  .progress-step__item__text {
    -ms-flex-item-align: center;
        align-self: center;
    margin-bottom: -5px; }
  /* --------------------------------------------------- */
  /* agreement */
  /* --------------------------------------------------- */
  .agreement {
    padding: 15px;
    border: 1px solid #d2d2d2;
    overflow-y: auto; }
  /* --------------------------------------------------- */
  /* panel-link */
  /* --------------------------------------------------- */
  .panel-link {
    position: relative;
    display: block; }
    .panel-link__ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      left: 15px;
      color: #fff;
      font-size: 1.8rem;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      line-height: 1.4;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
  /* --------------------------------------------------- */
  /* lineup */
  /* --------------------------------------------------- */
  .lineup {
    margin-bottom: 40px; }
    .lineup__thumb {
      display: block;
      margin: 0 0 20px;
      border: 1px solid #d2d2d2;
      border-radius: 8px; }
    .lineup__ttl {
      margin: 0 10px 10px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .lineup__text {
      margin: 0 10px; }
  .lineup02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    border: 1px solid #d2d2d2;
    border-radius: 8px; }
    .lineup02__thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 50%;
      padding: 15px; }
    .lineup02__legend {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 50%; }
      .lineup02__legend__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 50%;
        min-height: 85px;
        border-left: 1px solid #d2d2d2;
        color: #d2d2d2;
        font-size: 1.1rem;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        .lineup02__legend__item:nth-child(n+3) {
          border-top: 1px solid #d2d2d2; }
        .lineup02__legend__item__icon {
          margin: 0 0 3px;
          font-size: 4.8rem; }
        .lineup02__legend__item--support {
          color: #404544; }
          .lineup02__legend__item--support .lineup02__legend__item__icon {
            color: #ef7355; }
  .lineup03 {
    border: 1px solid #d2d2d2;
    border-radius: 8px; }
    .lineup03__ttl {
      padding: 10px 20px;
      border-bottom: 1px solid #d2d2d2; }
    .lineup03__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 15px 15px 10px; }
    .lineup03__thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 32%; }
      .lineup03__thumb > * {
        max-width: 65px; }
    .lineup03__summary {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      font-size: 1.1rem; }
  /* --------------------------------------------------- */
  /* legend */
  /* --------------------------------------------------- */
  .legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .legend__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 25px 20px 0; }
      .legend__item__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 36px;
        height: 36px;
        margin: 0 12px 0 0;
        border: 1px solid #ef7355;
        color: #ef7355;
        font-size: 2.4rem;
        border-radius: 8px; }
  /* --------------------------------------------------- */
  /* product-info-icon */
  /* --------------------------------------------------- */
  .product-info-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 30px; }
    .product-info-icon__content1 {
      width: 13.3%; }
      .product-info-icon__content1__item {
        margin: 8px 0 0; }
        .product-info-icon__content1__item:first-child {
          margin-top: 0; }
    .product-info-icon__content2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 83.2%; }
      .product-info-icon__content2__item {
        width: calc((100% - 14px) / 3);
        margin: 8px 0 0 7px; }
        .product-info-icon__content2__item:nth-child(3n+1) {
          margin-left: 0; }
        .product-info-icon__content2__item:nth-child(-n+3) {
          margin-top: 0; }
        .product-info-icon__content2__item--unsupport {
          opacity: 0.2; }
  /* --------------------------------------------------- */
  /* tab */
  /* --------------------------------------------------- */
  .tab,
  .tab2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    margin: 0 -15px;
    padding: 0 8px 15px;
    -webkit-overflow-scrolling: touch; }
    .tab__item,
    .tab2__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      /*
		flex: 1 1 auto;
		min-width: 80px;
		margin: 0 6px;
		*/ }
      .tab__item__body,
      .tab2__item__body {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        height: 40px;
        background: #fff;
        border: 1px solid #d2d2d2;
        color: #404544;
        line-height: 1.4;
        white-space: nowrap;
        cursor: pointer;
        border-radius: 4px;
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
        .tab__item__body::before,
        .tab2__item__body::before {
          bottom: -4px;
          content: '';
          border-style: solid;
          border-width: 4px 4px 0;
          border-color: #e8380d transparent transparent;
          opacity: 0;
          -webkit-transition: 0.3s all;
          transition: 0.3s all;
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
      .tab__item.active,
      .tab2__item.active {
        opacity: 1; }
        .tab__item.active .tab__item__body,
        .tab__item.active .tab2__item__body,
        .tab2__item.active .tab__item__body,
        .tab2__item.active .tab2__item__body {
          background: #e8380d;
          border-color: #e8380d;
          color: #fff;
          opacity: 1; }
          .tab__item.active .tab__item__body::before,
          .tab__item.active .tab2__item__body::before,
          .tab2__item.active .tab__item__body::before,
          .tab2__item.active .tab2__item__body::before {
            opacity: 1; }
    .tab--sp-scroll,
    .tab2--sp-scroll {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .tab--sp-scroll .tab__item,
      .tab--sp-scroll .tab2__item,
      .tab2--sp-scroll .tab__item,
      .tab2--sp-scroll .tab2__item {
        width: auto;
        min-width: 80px;
        margin: 0 6px; }
  /* --------------------------------------------------- */
  /* ノーリツソーシャル */
  /* social */
  /* --------------------------------------------------- */
  .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .social__item {
      position: relative;
      width: 50%; }
      .social__item__link {
        display: block; }
      .social__item__thumb {
        position: relative;
        padding-top: 100%;
        background: #fff;
        overflow: hidden; }
        .social__item__thumb > * {
          max-width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .social__item__icon {
        position: absolute;
        right: 12px;
        bottom: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #fff;
        width: 35px;
        height: 35px;
        border-radius: 50%; }
        .social__item__icon > * {
          width: 18px; }
  /* --------------------------------------------------- */
  /* ノーリツNOW */
  /* noritz-now */
  /* --------------------------------------------------- */
  #noritz-now {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    #noritz-now .u-font-bold {
      font-weight: bold;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    #noritz-now .noritz-now__thumb {
      position: relative;
      margin: 0 0 15px;
      padding-top: 61.7%;
      overflow: hidden;
      border-radius: 8px; }
      #noritz-now .noritz-now__thumb > * {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: 50% 50%;
           object-position: 50% 50%;
        font-family: 'object-fit: cover; object-position: 50% 50%;'; }
    #noritz-now .ellipsis br {
      display: none; }
  /* ============================================================ */
  /* TOTO製品の修理受付 */
  /* /repair_toto.html */
  /* ============================================================ */
  #repair_toto .contents-lower {
    display: none; }
  /* ============================================================ */
  /* footer */
  /* ============================================================ */
  .pagetop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 15px; }
    .pagetop__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 120px;
      height: 42px;
      background: #f3f3f3;
      border-radius: 5px 5px 0 0;
      color: #404544;
      font-size: 1.2rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  footer {
    padding: 35px 15px;
    background: #f3f3f3; }
    footer .fnav01 {
      margin: 0 0 30px; }
      footer .fnav01__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        footer .fnav01__content.column {
          margin-bottom: 35px;
          padding-bottom: 20px;
          border-bottom: 1px solid #d2d2d2; }
      footer .fnav01__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      footer .fnav01__sns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        footer .fnav01__sns__item {
          width: 30px;
          margin: 0 30px 0 0; }
    footer .fnav02 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 0 20px;
      font-size: 1.2rem; }
      footer .fnav02__item {
        margin: 0 20px 10px 0; }
        footer .fnav02__item__link {
          color: #404544; }
    footer .copyright {
      font-size: 1rem;
      text-align: center; }
  /* ============================================================ */
  /* index.html */
  /* ============================================================ */
  #index {
    /* .index-visual
	----------------------------------------------------------- */
    /* .important
	----------------------------------------------------------- */
    /* .pickup
	----------------------------------------------------------- */
    /* .pickup-column
	----------------------------------------------------------- */
    /* .noritz-social
	----------------------------------------------------------- */
    /* .product
	----------------------------------------------------------- */
    /* .product02
	----------------------------------------------------------- */
    /* .product-notice
	----------------------------------------------------------- */
    /* .news
	----------------------------------------------------------- */
    /* .bnr-slider
	----------------------------------------------------------- */ }
    #index .contents {
      margin: 0;
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0; }
    #index .row-wide {
      padding: 60px 15px; }
      #index .row-wide.bg-gray {
        background: #f3f3f3; }
      #index .row-wide.bg-red {
        background: #f55333; }
      #index .row-wide.bg-red-lighten {
        background: #feead6; }
    #index .index-ttl01,
    #index .index-ttl02,
    #index .index-ttl03 {
      color: #e8380d;
      text-align: center;
      line-height: 1.5; }
    #index .index-ttl01,
    #index .index-ttl02 {
      margin: 0 0 20px;
      font-size: 2.6rem; }
    #index .index-ttl03 {
      margin: 0 0 20px;
      font-size: 2rem; }
    #index .index-visual {
      position: relative; }
      #index .index-visual::before {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        content: '';
        height: 20px;
        background: url(/common/img/index/bg_gray_wave.png) bottom center no-repeat;
        background-size: 100% 100%; }
      #index .index-visual .slick-prev,
      #index .index-visual .slick-next {
        z-index: 5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 21px;
        height: 40px;
        background: rgba(255, 255, 255, 0.8);
        color: #e8380d;
        font-size: 1.5rem; }
        #index .index-visual .slick-prev::before,
        #index .index-visual .slick-next::before {
          display: none; }
      #index .index-visual .slick-prev {
        left: 0; }
      #index .index-visual .slick-next {
        right: 0; }
      #index .index-visual .slick-dots {
        bottom: 40px;
        line-height: 1; }
        #index .index-visual .slick-dots li {
          width: 8px;
          height: 8px;
          margin: 0 3px;
          line-height: 1; }
          #index .index-visual .slick-dots li button {
            padding: 0;
            background: rgba(255, 255, 255, 0.5);
            width: 8px;
            height: 8px;
            border-radius: 50%; }
            #index .index-visual .slick-dots li button::before {
              display: none; }
          #index .index-visual .slick-dots li.slick-active button {
            background: #fff; }
      #index .index-visual .slick-dotted.slick-slider {
        margin-bottom: 0; }
      #index .index-visual .slick-slide {
        position: relative; }
      #index .index-visual__body {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0 0 60px; }
        #index .index-visual__body .btn-cm {
          width: 160px;
          min-height: 40px; }
        #index .index-visual__body .index-visual__btn-play,
        #index .index-visual__body .index-visual__btn-volume {
          position: absolute;
          top: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 0;
          background: none;
          border: 1px solid #fff;
          color: #fff;
          width: 30px;
          height: 30px;
          border-radius: 50%; }
        #index .index-visual__body .index-visual__btn-play {
          right: 50px;
          font-size: 1.4rem; }
          #index .index-visual__body .index-visual__btn-play--play .icon-pause::before {
            content: "\f04b"; }
        #index .index-visual__body .index-visual__btn-volume {
          right: 10px;
          font-size: 1.8rem; }
          #index .index-visual__body .index-visual__btn-volume--off .icon-volume_up::before {
            content: "\e04e"; }
      #index .index-visual__slider__mv {
        background: #000; }
        #index .index-visual__slider__mv__thumb {
          position: absolute;
          top: 0; }
        #index .index-visual__slider__mv__movie, #index .index-visual__slider__mv__thumb {
          margin-top: -5px; }
    #index .important {
      margin: 0 0 40px;
      background: #fff;
      border: 1px solid #d2d2d2;
      overflow: hidden;
      border-radius: 8px; }
      #index .important__ttl {
        padding: 5px 10px;
        background: #e8380d;
        border-bottom: 1px solid #d2d2d2;
        color: #fff;
        font-size: 1.6rem;
        text-align: center;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      #index .important__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        line-height: 1.5; }
        #index .important__content__link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #404544; }
          #index .important__content__link__date {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            position: relative;
            top: 2px;
            width: 75px;
            font-size: 1.2rem; }
          #index .important__content__link__text {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto; }
          #index .important__content__link .icon-angle-right {
            -ms-flex-item-align: center;
                align-self: center;
            margin: 0 0 0 8px;
            color: #e8380d;
            font-size: 1.8rem; }
        #index .important__content:not(:first-child) {
          border-top: 1px solid #d2d2d2; }
    #index .pickup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #index .pickup__item {
        width: calc((100% - 20px) / 2);
        margin: 0 5px 20px;
        font-size: 1.6rem;
        text-align: center;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #index .pickup-column {
      background: #fff;
      border: 1px solid #d2d2d2;
      overflow: hidden;
      border-radius: 8px;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
      #index .pickup-column__body {
        padding: 10px 15px;
        border-top: 1px solid #d2d2d2; }
      #index .pickup-column .u-font-bold {
        font-weight: bold;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    #index .noritz-social {
      position: relative; }
      #index .noritz-social::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        content: '';
        height: 40px;
        background: url(/common/img/index/bg_white_wave_sp.png) top center no-repeat #f3f3f3;
        background-size: 100% 100%; }
    #index .product {
      position: relative; }
      #index .product::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        content: '';
        height: 40px;
        background: url(/common/img/index/bg_orange_wave.png) top center no-repeat #fff;
        background-size: 100% 100%; }
      #index .product__column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #index .product__column__item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-left: -2%;
          margin-right: -2%; }
          #index .product__column__item > * {
            margin-left: 2%;
            margin-right: 2%;
            width: 46%; }
          #index .product__column__item--lg > * {
            width: 100%; }
    #index .product02 {
      background: url(/common/img/index/bg_cta_sp.png) top center no-repeat;
      background-size: cover; }
      #index .product02__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 165px;
        background: rgba(255, 255, 255, 0.8);
        color: #404544;
        font-size: 1.8rem;
        text-align: center;
        line-height: 1.5;
        border-radius: 8px;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        #index .product02__item__icon {
          margin: 0 0 10px; }
    #index .product-notice__ttl {
      margin: 0 0 30px; }
      #index .product-notice__ttl__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    #index .news__ttl {
      margin: 0 0 30px; }
      #index .news__ttl__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
    #index .news .news-list .label {
      background: rgba(255, 255, 255, 0.6); }
    #index .bnr-slider {
      padding: 0 22px; }
      #index .bnr-slider__item {
        padding: 0 5px; }
      #index .bnr-slider .slick-prev,
      #index .bnr-slider .slick-next {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #e8380d;
        font-size: 1.8rem; }
        #index .bnr-slider .slick-prev::before,
        #index .bnr-slider .slick-next::before {
          display: none;
          content: ''; }
      #index .bnr-slider .slick-prev {
        left: 0; }
      #index .bnr-slider .slick-next {
        right: 0; }
  /* ============================================================ */
  /* 商品情報 共通 */
  /* /product/ */
  /* ============================================================ */
  .product {
    /* ●●シリーズ
	----------------------------------------------------------- */ }
    .product .series-info__thumb {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
      text-align: center; }
    .product .series-info__summary {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .product .series-info__function {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
      .product .series-info__function__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        margin: 0 -4px;
        max-width: none; }
      .product .series-info__function__item {
        position: relative;
        margin: 0 4px 10px;
        width: calc((100% - 40px) / 5); }
        .product .series-info__function__item--col2 {
          width: calc((100% - 40px) / 5 * 2 + 8px); }
        .product .series-info__function__item__note {
          position: absolute;
          right: -4px;
          bottom: 8px;
          width: 12px;
          height: 12px;
          line-height: 1; }
    .product .series-info__mark {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .product .series-info__mark__item {
        position: relative;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0 5px 5px 0;
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        line-height: 1; }
        .product .series-info__mark__item > * {
          width: 100%;
          vertical-align: middle; }
        .product .series-info__mark__item--eco-j {
          width: 90px; }
        .product .series-info__mark__item--q21 {
          width: 32px; }
        .product .series-info__mark__item--teinox {
          width: 30px; }
        .product .series-info__mark__item--yuteria {
          width: 36px; }
        .product .series-info__mark__item--souhoukou {
          width: 36px; }
        .product .series-info__mark__item--intelligent {
          width: 36px; }
        .product .series-info__mark__item--e-con {
          width: 36px; }
        .product .series-info__mark__item--kanki-kyokusyo {
          width: 36px; }
        .product .series-info__mark__item--kanki-24h {
          width: 36px; }
        .product .series-info__mark__item--green {
          width: 90px; }
        .product .series-info__mark__item--use-period {
          width: 53px; }
        .product .series-info__mark__item--bl-bs {
          width: 85px; }
        .product .series-info__mark__item--bl-bs2 {
          width: 45px; }
        .product .series-info__mark__item--bl {
          width: 30px; }
        .product .series-info__mark__item--gp {
          width: 30px; }
        .product .series-info__mark__item--xxxxx {
          width: 30px; }
        .product .series-info__mark__item--warranty3 {
          width: 32px; }
        .product .series-info__mark__item--syouene {
          width: 100px; }
        .product .series-info__mark__item--l2_tech {
          width: 53px; }
        .product .series-info__mark__item__note {
          position: absolute;
          top: 0;
          right: 0;
          width: 10px;
          height: 10px;
          line-height: 1; }
    .product .series-info__note {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .product .series-info__sup {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
  /* ============================================================ */
  /* 給湯機器トップ */
  /* /product/kyutoki/ */
  /* ============================================================ */
  #product_kyutoki_index {
    /*----- あなたにぴったりの給湯器をお勧めします -----*/
    /*----- ノーリツの給湯器ならこんなことができる！ -----*/
    /*----- クイズ お風呂の「正しい入り方」 -----*/ }
    #product_kyutoki_index .recommend__number {
      margin: 0 0 5px;
      font-size: 1rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #product_kyutoki_index .recommend__product-name {
      margin: 0 0 10px;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #product_kyutoki_index .recommend__function {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      line-height: 1.5; }
      #product_kyutoki_index .recommend__function__icon {
        font-size: 1.2rem; }
        #product_kyutoki_index .recommend__function__icon > * {
          display: block; }
        #product_kyutoki_index .recommend__function__icon [class^="icon-"] {
          color: #e8380d;
          font-size: 3.8rem; }
      #product_kyutoki_index .recommend__function__add {
        margin: 10px 10px 0;
        font-size: 2rem; }
    #product_kyutoki_index .balloon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 80px;
      background: #fff;
      border: 1px solid #d2d2d2;
      font-size: 1.6rem;
      text-align: center;
      line-height: 1.3;
      cursor: pointer;
      font-family: 'TBUDゴシック B', 'TBUDGothic B';
      border-radius: 8px;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
    #product_kyutoki_index .quiz__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #product_kyutoki_index .quiz__item:not(:last-child) {
        margin: 0 0 20px; }
      #product_kyutoki_index .quiz__item__alphabet {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 15px 0 0;
        border: 2px solid #e8380d;
        color: #e8380d;
        font-size: 2rem;
        width: 30px;
        height: 30px;
        border-radius: 50%; }
    #product_kyutoki_index .quiz-btn {
      width: 100%; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] {
        display: none; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer1,
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        height: 60px;
        font-size: 1.6rem;
        cursor: pointer;
        border-radius: 8px;
        font-family: 'TBUDゴシック B', 'TBUDGothic B';
        -webkit-transition: 0.3s all;
        transition: 0.3s all; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer1 {
        background: #e8380d;
        border: 1px solid #d2d2d2;
        color: #fff; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer2 {
        display: none;
        background: #fff;
        border: 1px solid #e8380d;
        color: #e8380d; }
        #product_kyutoki_index .quiz-btn input[type="checkbox"] + .quiz-btn__body .quiz-btn__answer2 .quiz-btn__answer2__alphabet {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border: 1px solid #e8380d;
          width: 24px;
          height: 24px;
          border-radius: 50%; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"]:checked + .quiz-btn__body .quiz-btn__answer1 {
        display: none; }
      #product_kyutoki_index .quiz-btn input[type="checkbox"]:checked + .quiz-btn__body .quiz-btn__answer2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  /* ============================================================ */
  /* 無線LAN対応リモコン */
  /* /product/kyutoki/gus/remocon/06.html */
  /* ============================================================ */
  #product_kyutoki_gus_remocon_06 .useful-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    #product_kyutoki_gus_remocon_06 .useful-content__place {
      width: 25%;
      margin: 0 -10px 20px 0; }
    #product_kyutoki_gus_remocon_06 .useful-content__img {
      width: 75%;
      margin: 0 0 20px; }
  /* ============================================================ */
  /* 給湯機器　戸建住宅用 ⁄ 集合住宅用 ハイブリッド給湯・暖房システム　お客さまの声、Q＆A */
  /* /product/kyutoki/hybrid/qa.html */
  /* ============================================================ */
  #product_kyutoki_hybrid_qa .faq-list__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 5px;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #product_kyutoki_hybrid_qa .faq-list__question::before {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      content: 'Q';
      margin: 0 10px 0 0;
      background: #e8380d;
      color: #fff;
      font-size: 1.5rem;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      font-family: 'TBUDゴシック R', 'TBUDGothic R'; }
  #product_kyutoki_hybrid_qa .faq-list__answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 30px; }
    #product_kyutoki_hybrid_qa .faq-list__answer:last-child {
      margin-bottom: 0; }
    #product_kyutoki_hybrid_qa .faq-list__answer::before {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: block;
      content: 'A.';
      margin: 0 10px 0 3px;
      color: #e8380d;
      font-size: 1.8rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* 温水暖房機器　浴室暖房・乾燥・ミスト　天井カセット形 浴室暖房乾燥機 */
  /* /product/onsui_danbou/mist_dryhot/celinglineup.html */
  /* ============================================================ */
  #product_onsui_danbou_mist_dryhot_celinglineup .lineup03__thumb {
    width: 40%; }
    #product_onsui_danbou_mist_dryhot_celinglineup .lineup03__thumb > * {
      max-width: 100px; }
  #product_onsui_danbou_mist_dryhot_celinglineup .lineup03__summary {
    width: 60%; }
  /* ============================================================ */
  /* 取替用キッチン機器 共通  */
  /* /product/kitchen01 */
  /* ============================================================ */
  .product_kitchen01 .balloon {
    position: relative;
    margin: 20px 0 0;
    padding: 10px 15px;
    border: 2px solid #e8380d;
    color: #e8380d;
    font-size: 1.6rem;
    font-family: 'TBUDゴシック B', 'TBUDGothic B';
    border-radius: 8px; }
    .product_kitchen01 .balloon::before, .product_kitchen01 .balloon::after {
      content: '';
      border-style: solid;
      border-width: 0 10px 12px;
      border-color: transparent;
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
    .product_kitchen01 .balloon::before {
      top: -12px;
      border-bottom-color: #e8380d; }
    .product_kitchen01 .balloon::after {
      top: -9px;
      border-bottom-color: #fff; }
  /* ============================================================ */
  /* 取替用キッチン機器　レンジフード　お手入れ簡単ノーリツのレンジフード */
  /* /product/kitchen01/rangehood/oteire.html */
  /* ============================================================ */
  #product_kitchen01_rangehood_oteire .icon-number {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background: #57c3e0;
    color: #fff;
    border-radius: 4px;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* キッチントップ */
  /* /product/kitchen/ */
  /* ============================================================ */
  #product_kitchen_index .kitchen-movie {
    position: relative; }
    #product_kitchen_index .kitchen-movie__body {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 20px;
      color: #fff;
      font-size: 1.6rem;
      text-align: center;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
      line-height: 1.4; }
    #product_kitchen_index .kitchen-movie__ttl {
      font-size: 1.8rem; }
    #product_kitchen_index .kitchen-movie__icon {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 15px 0;
      font-size: 4.5rem; }
    #product_kitchen_index .kitchen-movie__text {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
  /* ============================================================ */
  /* キッチン：レシピア プラス */
  /* /product/kitchen/recipia_plus/ */
  /* ============================================================ */
  #product_kitchen_recipia_plus_index .mylife {
    margin-left: -15px;
    margin-right: -15px;
    padding: 25px 0 0;
    background: url(/common/img/product/kitchen/recipia_plus/bg_mylife_sp.png) 0 0 no-repeat;
    background-size: 100% auto; }
    #product_kitchen_recipia_plus_index .mylife__body {
      margin: 0 30px; }
    #product_kitchen_recipia_plus_index .mylife__content {
      padding: 25px 20px 30px;
      background: #fff;
      border-top: 1px solid #d2d2d2; }
      #product_kitchen_recipia_plus_index .mylife__content:first-child {
        padding-top: 10px;
        border-top: none; }
      #product_kitchen_recipia_plus_index .mylife__content:last-child {
        padding-bottom: 0; }
      #product_kitchen_recipia_plus_index .mylife__content__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0 0 15px;
        font-size: 1.6rem;
        line-height: 1.5;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* キッチン：ジュ・テーム */
  /* /product/kitchen/jtm/ */
  /* ============================================================ */
  #product_kitchen_jtm_index .box--jtm {
    background: #fffcdb; }
  /* ============================================================ */
  /* バスルーム */
  /* /product/bathroom/ */
  /* ============================================================ */
  .product_bathroom .slick-dotted.slick-slider {
    margin-bottom: 20px; }
  .product_bathroom .slick-prev,
  .product_bathroom .slick-next {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.8);
    color: #e8380d;
    font-size: 1.8rem;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    .product_bathroom .slick-prev:hover,
    .product_bathroom .slick-next:hover {
      background: rgba(255, 255, 255, 0.8);
      color: #e8380d;
      opacity: 0.6; }
    .product_bathroom .slick-prev::before,
    .product_bathroom .slick-next::before {
      display: none; }
  .product_bathroom .slick-prev {
    left: 0; }
  .product_bathroom .slick-next {
    right: 0; }
  .product_bathroom .slick-dots {
    bottom: -20px;
    line-height: 0; }
    .product_bathroom .slick-dots li {
      width: 8px;
      height: 8px;
      margin: 0 4px; }
      .product_bathroom .slick-dots li button {
        width: 8px;
        height: 8px;
        padding: 0; }
        .product_bathroom .slick-dots li button::before {
          content: '';
          background: #979493;
          opacity: 1;
          width: 8px;
          height: 8px;
          border-radius: 50%; }
      .product_bathroom .slick-dots li.slick-active button::before {
        background: #e8380d; }
  .product_bathroom .slick-slide {
    overflow: hidden;
    border-radius: 8px; }
  .product_bathroom .equipment-set {
    border: 1px solid #d2d2d2;
    overflow: hidden;
    border-radius: 8px; }
    .product_bathroom .equipment-set .slick-slide {
      border-radius: 0px; }
  /* ============================================================ */
  /* 洗面化粧台 共通 */
  /* /product/sanitary/ */
  /* ============================================================ */
  .sanitary-plan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .sanitary-plan__img {
      width: 36%;
      margin: 0 4% 20px 0; }
    .sanitary-plan__label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 60%; }
      .sanitary-plan__label .label {
        width: 100%;
        height: 35px;
        margin: 0 0 10px;
        font-size: 1rem;
        line-height: 1.3; }
    .sanitary-plan__text {
      width: 100%; }
  /* ============================================================ */
  /* 洗面化粧台：シャンピーヌ共通 */
  /* /product/sanitary/shampine_new/ */
  /* ============================================================ */
  .product_sanitary_shampine_new .eco-faucet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .product_sanitary_shampine_new .eco-faucet__text {
      width: calc(100% - 30% - 10px); }
  /* ============================================================ */
  /* 洗面化粧台：シャンピーヌ：オプションキャビネット */
  /* /product/sanitary/shampine_new/cabinet02.html */
  /* ============================================================ */
  #product_sanitary_shampine_new_cabinet02 .slick-dots {
    position: static;
    margin: 20px 0 0;
    text-align: left; }
    #product_sanitary_shampine_new_cabinet02 .slick-dots li {
      width: 60px;
      margin: 0 15px 0 0; }
      #product_sanitary_shampine_new_cabinet02 .slick-dots li img {
        width: 100%; }
  /* ============================================================ */
  /* ミスト保湿浴のススメ 02：身体にやさしい入浴スタイル */
  /* /product/onsui_danbou/mist_dryhot/susume/mist02.html */
  /* ============================================================ */
  #product_onsui_danbou_mist_dryhot_susume_mist02 .box--green {
    background: #effbe4; }
  /* ============================================================ */
  /* ミスト保湿浴のススメ 07：おふろでエステ 2 */
  /* /product/onsui_danbou/mist_dryhot/susume/mist07.html */
  /* ============================================================ */
  #product_onsui_danbou_mist_dryhot_susume_mist07 .box--aroma {
    background: #e2ffc6; }
  /* ============================================================ */
  /* ACLEAD */
  /* /product/bathroom/acleadseries/aclead.html */
  /* ============================================================ */
  #product_bathroom_acleadseries_aclead #ttl-shitsukan,
  #product_bathroom_acleadseries_acleads #ttl-shitsukan {
    background: url(/common/img/product/bathroom/acleadseries/aclead/bg_shitsukan.png) right center no-repeat;
    background-size: contain; }
  #product_bathroom_acleadseries_aclead #ttl-kouzou,
  #product_bathroom_acleadseries_acleads #ttl-kouzou {
    background: url(/common/img/product/bathroom/acleadseries/aclead/bg_kouzou.png) right center no-repeat;
    background-size: contain; }
  #product_bathroom_acleadseries_aclead #ttl-seinou,
  #product_bathroom_acleadseries_acleads #ttl-seinou {
    background: url(/common/img/product/bathroom/acleadseries/aclead/bg_seinou.png) right center no-repeat;
    background-size: contain; }
  .label {
    white-space: nowrap; }
  .product {
    /* .picture-nav
	----------------------------------------------------------- */
    /* .pinch-out-icon
	----------------------------------------------------------- */ }
    .product .picture-tab {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .product .picture-tab__image {
        display: none;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s; }
        .product .picture-tab__image:nth-child(1) {
          display: block; }
      .product .picture-tab__tabs {
        margin-top: 10px; }
        .product .picture-tab__tabs__item {
          opacity: .5;
          cursor: pointer;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
          .product .picture-tab__tabs__item.current {
            opacity: 1; }
    .product .picture-nav-main__image {
      display: none;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .product .picture-nav-main__image:nth-child(1) {
        display: block; }
    .product .picture-nav__navs__item {
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .product .picture-nav__navs__item:hover {
        opacity: .7; }
    .product .pinch-out-icon {
      position: relative; }
      .product .pinch-out-icon__image {
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: .5; }
        .product .pinch-out-icon__image--left {
          left: 0; }
        .product .pinch-out-icon__image img {
          width: 40px;
          height: 40px; }
  /* ============================================================ */
  /* ショールームを探す 共通 */
  /* /showroom/ */
  /* ============================================================ */
  .showroom {
    /* gallery-slide
	----------------------------------------------------------- */
    /* gallery-slide
	----------------------------------------------------------- */
    /* 設備
	----------------------------------------------------------- */
    /* 地図
	----------------------------------------------------------- */
    /* 展示品 モーダル表示
	----------------------------------------------------------- */ }
    .showroom .exhibit {
      margin: 0 -15px;
      border-bottom: 1px solid #d2d2d2; }
      .showroom .exhibit__ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 15px;
        border-top: 1px solid #d2d2d2;
        font-size: 1.8rem; }
        .showroom .exhibit__ttl [class^="icon-"]:not(.icon-add) {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          margin: 0 15px 0 0;
          font-size: 3.0rem; }
        .showroom .exhibit__ttl .icon-add {
          margin-left: auto;
          color: #e8380d;
          font-size: 2rem; }
        .showroom .exhibit__ttl.active .icon-add::before {
          content: "\e15b"; }
      .showroom .exhibit__content {
        padding: 0 15px 40px; }
    .showroom .zoom {
      position: relative;
      cursor: pointer;
      padding-top: 75%;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      .showroom .zoom::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        content: '';
        border: 1px solid #d2d2d2; }
      .showroom .zoom:hover {
        opacity: 0.6; }
      .showroom .zoom > img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .showroom .zoom__icon {
        position: absolute;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 20px;
        height: 20px;
        background: #e8380d;
        color: #fff; }
    .showroom .gallery-slide .slick-dots {
      position: absolute;
      bottom: -25px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center; }
      .showroom .gallery-slide .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        cursor: pointer; }
        .showroom .gallery-slide .slick-dots li button {
          width: 8px;
          height: 8px;
          padding: 0;
          background: #e8e8e8;
          border-radius: 100%;
          overflow: hidden; }
          .showroom .gallery-slide .slick-dots li button::before {
            display: none; }
        .showroom .gallery-slide .slick-dots li.slick-active button {
          background: #f6af9e; }
    .showroom .gallery-slide .slick-prev,
    .showroom .gallery-slide .slick-next {
      top: 65px;
      z-index: 1;
      width: 32px;
      height: 32px;
      font-size: 2.6rem;
      color: #fff;
      background: rgba(232, 56, 13, 0.5);
      -webkit-transform: translate(0);
              transform: translate(0); }
      .showroom .gallery-slide .slick-prev::before,
      .showroom .gallery-slide .slick-next::before {
        display: none; }
    .showroom .gallery-slide .slick-prev {
      left: -15px; }
    .showroom .gallery-slide .slick-next {
      right: -15px; }
    .showroom .facility {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 -5px; }
      .showroom .facility__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: calc((100% - 21px) / 2);
        height: 40px;
        margin: 0 5px 10px;
        padding: 0 10px;
        border: 1px solid #e8380d;
        color: #e8380d;
        font-size: 1.1rem;
        line-height: 1.4;
        border-radius: 8px; }
        .showroom .facility__item [class^="icon-"] {
          margin: 0 5px 0 0;
          font-size: 2.4rem; }
    .showroom .map {
      position: relative;
      padding-bottom: 100%;
      height: 0;
      overflow: hidden; }
      .showroom .map__body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .showroom .map,
    .showroom .map * {
      max-width: none; }
    .showroom .exhibit-img {
      position: relative;
      padding-top: 75%; }
      .showroom .exhibit-img > img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .showroom .modal .slick-slide img {
      max-height: 80vh; }
  /* ============================================================ */
  /* ショールームを探す トップ */
  /* /showroom/ */
  /* ============================================================ */
  #showroom_index .btn--anchorlink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 145px;
    padding: 10px 0;
    text-align: center; }
    #showroom_index .btn--anchorlink .icon-showroom-find,
    #showroom_index .btn--anchorlink .icon-showroom-check,
    #showroom_index .btn--anchorlink .icon-showroom-human {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      font-size: 4.0rem; }
    #showroom_index .btn--anchorlink .icon-keyboard_arrow_down {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      font-size: 1.6rem; }
    #showroom_index .btn--anchorlink__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      margin: 0 0 10px; }
  #showroom_index .btn--anchorlink-active {
    background: #e8380d;
    border-color: 1px solid #e8380d;
    color: #fff; }
  /* ============================================================ */
  /* アフターサポート */
  /* /aftersupport/ */
  /* ============================================================ */
  /* ============================================================ */
  /* 修理のご依頼 */
  /* /aftersupport/repair/ */
  /* ============================================================ */
  #aftersupport_repair_index .tab__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1%;
    margin-right: 1%;
    width: 31%; }
    #aftersupport_repair_index .tab__item__body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 90px;
      text-align: center; }
    #aftersupport_repair_index .tab__item__icon {
      margin: 0 0 5px;
      font-size: 2.4rem;
      line-height: 1; }
  /* ============================================================ */
  /* 知る・楽しむ */
  /* /special/ */
  /* ============================================================ */
  .special--row .special-box {
    display: block;
    margin: 0 0 20px;
    padding: 40px 15px;
    border: 1px solid #d2d2d2;
    color: #404544;
    border-radius: 8px; }
    .special--row .special-box__img {
      margin: 0 0 30px;
      text-align: center; }
      .special--row .special-box__img img {
        max-width: 165px;
        width: 100%; }
    .special--row .special-box__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .special--row .special-box__ttl {
      margin: 0 0 15px;
      font-size: 1.8rem;
      line-height: 1.5;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .special--row .special-box__text {
      margin: 0 0 40px; }
    .special--row .special-box__link {
      -ms-flex-item-align: center;
          align-self: center;
      color: #404544;
      font-size: 1.8rem;
      text-align: center;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      .special--row .special-box__link .icon-circle-arrow-right {
        margin: 0 0 0 10px;
        color: #e8380d; }
    .special--row .special-box--ecorelakirei {
      background: url(/common/img/special/pic_ecorelakirei_sp.png) left bottom no-repeat;
      background-size: 100% auto;
      text-align: center; }
      .special--row .special-box--ecorelakirei .special-box__link,
      .special--row .special-box--ecorelakirei .special-box__link .icon-circle-arrow-right {
        color: #fff; }
  /* ============================================================ */
  /* やっぱり家のおふろが、いちばんです。 */
  /* /special/cmcontents/index.html */
  /* ============================================================ */
  .special_cmcontents .cm {
    position: relative;
    background: #e7380d; }
    .special_cmcontents .cm::before {
      position: absolute;
      left: 0;
      right: 0;
      top: -146px;
      z-index: -1;
      content: '';
      height: 146px;
      background: url(/special/cmcontents/img/bg_red_up_sp.png) repeat-x;
      background-size: contain;
      background-position: bottom; }
    .special_cmcontents .cm::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -70px;
      z-index: 1;
      content: '';
      height: 70px;
      background: url(/special/cmcontents/img/bg_kashi_up_sp.png) bottom center no-repeat;
      background-size: 100% 100%; }
  .special_cmcontents .kashi {
    position: relative;
    padding-top: 40px;
    padding-bottom: 60px;
    background: url(/special/cmcontents/img/bg_kashi_sp.png) center no-repeat;
    background-size: cover; }
    .special_cmcontents .kashi::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      content: '';
      height: 36px;
      background: url(/special/cmcontents/img/bg_kashi_down_sp.png) bottom center no-repeat;
      background-size: 100% 100%; }
  .special_cmcontents .takahashi {
    position: relative;
    margin-bottom: 70px;
    background: #e7380d; }
    .special_cmcontents .takahashi::before {
      position: absolute;
      left: 0;
      right: 0;
      top: -50px;
      z-index: -1;
      content: '';
      height: 146px;
      background: url(/special/cmcontents/img/bg_red_up_sp.png) repeat-x;
      background-size: contain; }
    .special_cmcontents .takahashi::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -50px;
      z-index: -1;
      content: '';
      height: 73px;
      background: url(/special/cmcontents/img/bg_red_down_sp.png) bottom center no-repeat;
      background-size: 100% 100%; }
  .special_cmcontents .modalbg {
    background: #fff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none; }
  .special_cmcontents .modalcontents {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: 0 2%;
    display: none; }
    .special_cmcontents .modalcontents .modaltxt {
      font-size: 133.33%;
      color: #fff;
      text-align: center; }
    .special_cmcontents .modalcontents .modalmovie {
      margin-top: 20px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      height: auto; }
    .special_cmcontents .modalcontents .modalclosebtn {
      position: absolute;
      top: -20px;
      right: 2%; }
    .special_cmcontents .modalcontents iframe {
      width: 100%;
      height: 100%; }
  /* ============================================================ */
  /* 企業・IR情報 */
  /* /company/ */
  /* ============================================================ */
  /* ============================================================ */
  /* ニュースリリース トップ */
  /* /company/news/ */
  /* ============================================================ */
  .company_news .tab {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -5px;
    margin-right: -5px; }
    .company_news .tab__item {
      width: calc((100% - 40px) / 4);
      margin: 0 5px; }
  /* ============================================================ */
  /* 企業情報 */
  /* /company/about/ */
  /* ============================================================ */
  #company_about_index .topmessage {
    position: relative;
    display: block;
    color: #fff; }
    #company_about_index .topmessage__body {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      padding: 10px 20px;
      text-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.6);
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #company_about_index .topmessage__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 1.4rem; }
  /* ============================================================ */
  /* 企業情報｜沿革 */
  /* /company/about/history.html */
  /* ============================================================ */
  #company_about_history {
    /* .history-anchorlink
	----------------------------------------------------------- */
    /* .timeline-accordion
	----------------------------------------------------------- */
    /* .timeline
	----------------------------------------------------------- */ }
    #company_about_history .btn--accordion.active .icon-add::before {
      content: "\e15b"; }
    #company_about_history .history-anchorlink {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      overflow: hidden; }
      #company_about_history .history-anchorlink__item {
        position: relative;
        width: 18.2%;
        margin: 0 0 20px;
        padding: 0 4.4%;
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        overflow: hidden; }
        #company_about_history .history-anchorlink__item::before {
          bottom: 10px;
          z-index: -1;
          content: '';
          width: 200px;
          border-top: 1px solid #d2d2d2;
          position: absolute;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
        #company_about_history .history-anchorlink__item:first-child {
          margin-left: -4.4%; }
          #company_about_history .history-anchorlink__item:first-child::before {
            -webkit-transform: translate(0, 0);
                    transform: translate(0, 0); }
        #company_about_history .history-anchorlink__item:nth-child(4) {
          margin-right: -4.4%; }
          #company_about_history .history-anchorlink__item:nth-child(4)::before {
            left: 0;
            -webkit-transform: translate(0, 0);
                    transform: translate(0, 0); }
        #company_about_history .history-anchorlink__item:nth-child(5) {
          margin-left: -5.6%;
          padding-left: 10%; }
        #company_about_history .history-anchorlink__item__link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          line-height: 1; }
          #company_about_history .history-anchorlink__item__link .icon-chevron-circle-down {
            font-size: 2rem; }
        #company_about_history .history-anchorlink__item__year {
          margin: 0 0 10px;
          color: #404544;
          font-size: 1.8rem;
          font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #company_about_history .timeline-accordion {
      height: auto;
      overflow: hidden;
      -webkit-transition: 0.3s all;
      transition: 0.3s all; }
      #company_about_history .timeline-accordion.hide {
        height: 0; }
    #company_about_history .timeline {
      position: relative;
      margin: 0 0 45px;
      padding: 0 0 0 40px; }
      #company_about_history .timeline::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 12px;
        content: '';
        border-left: 2px solid #d2d2d2; }
      #company_about_history .timeline__item {
        position: relative;
        margin: 0 0 45px; }
        #company_about_history .timeline__item::before {
          position: absolute;
          top: 0;
          left: -35px;
          display: block;
          content: '';
          background: #fff;
          border: 4px solid #e8380d;
          width: 8px;
          height: 8px;
          border-radius: 50%; }
        #company_about_history .timeline__item:last-child {
          margin-bottom: 0; }
        #company_about_history .timeline__item__year {
          margin: 0 0 10px;
          font-size: 1.8rem;
          line-height: 1;
          font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        #company_about_history .timeline__item__content {
          margin: 0 0 25px; }
          #company_about_history .timeline__item__content:last-child {
            margin-bottom: 0; }
          #company_about_history .timeline__item__content__img {
            width: 195px;
            margin: 15px 0 0 34px;
            border: 1px solid #d2d2d2;
            overflow: hidden;
            border-radius: 8px; }
            #company_about_history .timeline__item__content__img > * {
              max-width: 100%; }
  /* ============================================================ */
  /* 企業情報｜ブランドメッセージ */
  /* /company/about/brandmessage.html */
  /* ============================================================ */
  #company_about_brandmessage .img-zoom {
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    #company_about_brandmessage .img-zoom:hover {
      opacity: 0.6; }
    #company_about_brandmessage .img-zoom__icon {
      position: absolute;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 25px;
      height: 25px;
      background: #e8380d;
      color: #fff; }
  #company_about_brandmessage .special-box {
    display: block;
    margin: 0 0 20px;
    padding: 40px 15px;
    border: 1px solid #d2d2d2;
    color: #404544;
    border-radius: 8px; }
    #company_about_brandmessage .special-box__img {
      margin: 0 0 30px;
      text-align: center; }
      #company_about_brandmessage .special-box__img img {
        max-width: 165px;
        width: 100%; }
    #company_about_brandmessage .special-box__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    #company_about_brandmessage .special-box__ttl {
      margin: 0 0 15px;
      font-size: 1.8rem;
      line-height: 1.5;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    #company_about_brandmessage .special-box__text {
      margin: 0 0 40px; }
    #company_about_brandmessage .special-box__link {
      -ms-flex-item-align: center;
          align-self: center;
      color: #404544;
      font-size: 1.8rem;
      text-align: center;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
      #company_about_brandmessage .special-box__link .icon-circle-arrow-right {
        margin: 0 0 0 10px;
        color: #e8380d; }
    #company_about_brandmessage .special-box--ecorelakirei {
      background: url(/common/img/company/about/brandmessage/pic_ecorelakirei_sp.png) left bottom no-repeat;
      background-size: 100% auto;
      text-align: center; }
      #company_about_brandmessage .special-box--ecorelakirei .special-box__link,
      #company_about_brandmessage .special-box--ecorelakirei .special-box__link .icon-circle-arrow-right {
        color: #fff; }
  /* ============================================================ */
  /* 企業情報｜役員一覧 */
  /* /company/about/outline/executive.html */
  /* ============================================================ */
  #company_about_outline_executive .modal .slick-prev {
    left: 0 !important; }
  #company_about_outline_executive .modal .slick-next {
    right: 0 !important; }
  #company_about_outline_executive .modal__close-btn {
    top: 15px;
    right: 15px; }
  /* ============================================================ */
  /* フォトライブラリー */
  /* /company/about/sports/athletic/photolibrary/ */
  /* /company/about/sports/fencing/photolibrary/ */
  /* ============================================================ */
  .company_about_sports .photolibrary__item {
    line-height: 1.5; }
    .company_about_sports .photolibrary__item__img {
      position: relative;
      margin: 0 0 15px;
      padding-top: calc(75% - 2px);
      border: 1px solid #d2d2d2; }
      .company_about_sports .photolibrary__item__img > * {
        width: auto !important;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .company_about_sports .photolibrary__item__date {
      display: block;
      margin: 0 0 5px;
      color: #404544;
      font-size: 1.2rem; }
    .company_about_sports .photolibrary__item__ttl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .company_about_sports .img-zoom {
    position: relative;
    cursor: pointer;
    padding-top: calc(75% - 2px);
    border: 1px solid #d2d2d2;
    -webkit-transition: 0.3s all;
    transition: 0.3s all; }
    .company_about_sports .img-zoom:hover {
      opacity: 0.6; }
    .company_about_sports .img-zoom__icon {
      position: absolute;
      right: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 20px;
      height: 20px;
      background: #e8380d;
      color: #fff; }
    .company_about_sports .img-zoom img {
      width: auto !important;
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  #company_about_sports_athletic_photolibrary_index .tab2__item:first-child .tab2__item__body,
  #company_about_sports_fencing_photolibrary_index .tab2__item:first-child .tab2__item__body {
    background: #e8380d;
    border-color: #e8380d;
    color: #fff; }
    #company_about_sports_athletic_photolibrary_index .tab2__item:first-child .tab2__item__body::before,
    #company_about_sports_fencing_photolibrary_index .tab2__item:first-child .tab2__item__body::before {
      opacity: 1; }
  /* ============================================================ */
  /* 株主・投資家向け情報 共通 */
  /* /company/ir/配下 */
  /* ============================================================ */
  .company_ir .contents {
    margin-left: 0;
    margin-right: 0; }
  .company_ir .lnav__ttl__link:hover {
    opacity: 1; }
  .company_ir .lnav__ttl__link::after {
    -webkit-backface-visibility: visible;
            backface-visibility: visible; }
  .company_ir .js-tab .js-tab_content {
    display: none; }
  .company_ir .js-tab > .c-section + .js-tab_content {
    display: block; }
  /* ============================================================ */
  /* 株主・投資家向け情報：業績・財務データ */
  /* /company/ir/finance.html */
  /* ============================================================ */
  #company_ir_finance .g-column_main_title {
    position: relative;
    margin: 60px 0 40px;
    padding-top: 40px;
    border-top: 1px solid #CCC;
    color: #e8380d;
    font-size: 64px;
    font-size: 4rem;
    text-align: center; }
    #company_ir_finance .g-column_main_title:first-child {
      margin-top: 0; }
  #company_ir_finance .xj_chart_table {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-collapse: collapse;
    border-spacing: 0px; }
  #company_ir_finance .xj_chart_header_first {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray; }
  #company_ir_finance .xj_chart_header {
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_title {
    width: 100px;
    font-size: 10pt;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_unit {
    display: block; }
  #company_ir_finance .xj_chart_q {
    width: 35px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_q_last {
    width: 35px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right;
    background-color: #D3D3D3; }
  #company_ir_finance .xj_chart_value {
    width: 100px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right; }
  #company_ir_finance .xj_chart_value_last {
    width: 100px;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    text-align: right; }
  #company_ir_finance .xj_chart_no_value {
    text-align: center; }
  #company_ir_finance .c-table .xj_chart_table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 0;
    overflow: hidden;
    table-layout: fixed;
    width: 100%; }
  #company_ir_finance .c-table .xj_chart_header_first,
  #company_ir_finance .c-table tr > .xj_chart_header {
    background-color: #f3f3f3;
    border-left: 1px solid #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 5px 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    word-break: break-all; }
  #company_ir_finance .c-table tr > .xj_chart_header:first-child {
    border-left: none;
    border-top: 1px solid #ccc; }
  #company_ir_finance .c-table .xj_chart_value {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    padding: 10px 4px;
    vertical-align: middle;
    word-break: break-all; }
  #company_ir_finance .c-table .xj_chart_header_first:first-child,
  #company_ir_finance .c-table .xj_chart_value:first-child {
    border-left: none; }
  #company_ir_finance .c-table.noq .xj_chart_header_first,
  #company_ir_finance .c-table.noq tr > .xj_chart_header:first-child {
    display: none; }
  #company_ir_finance .c-table.noq tr > .xj_chart_header:nth-of-type(2),
  #company_ir_finance .c-table.noq tr > .xj_chart_value:nth-of-type(2) {
    border-left: none; }
  /* ============================================================ */
  /* 株主・投資家向け情報：株主情報：配当・株主還元 */
  /* /company/ir/stock/dividend.html */
  /* ============================================================ */
  #company_ir_stock_dividend .c-section_frame.xj-haito img {
    max-width: 100% !important;
    width: auto !important; }
  #company_ir_stock_dividend .xj_chart_value {
    text-align: right; }
  #company_ir_stock_dividend .c-table .xj_chart_table {
    border: 1px solid #ccc;
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 0;
    overflow: hidden; }
  #company_ir_stock_dividend .c-table.xj-haito .c-table_frame .xj_chart_table {
    table-layout: auto;
    width: 794px; }
  #company_ir_stock_dividend .c-table .xj_chart_header_first,
  #company_ir_stock_dividend .c-table tr > .xj_chart_header {
    padding: 5px 0;
    background-color: #f3f3f3;
    border-left: 1px solid #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    word-break: break-all; }
  #company_ir_stock_dividend .c-table.xj-haito tr > .xj_chart_header:first-child,
  #company_ir_stock_dividend .c-table.xj-haito .xj_chart_value {
    background-color: #fff;
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 4px;
    vertical-align: middle;
    word-break: break-all; }
  #company_ir_stock_dividend .c-table.xj-haito tr > .xj_chart_header:first-child,
  #company_ir_stock_dividend .c-table.xj-haito .xj_chart_header_first:first-child {
    border-left: none;
    width: 30%;
    text-align: left; }
  /* ============================================================ */
  /* 株主・投資家向け情報：株主情報：資本金・発行済株式総数の推移 */
  /* /company/ir/stock/transition.html */
  /* ============================================================ */
  #company_ir_stock_transition .c-table .c-table_head--border_left {
    border-left: 1px solid #ccc !important; }
  #company_ir_stock_transition .c-table .c-table_head--text_center {
    text-align: center; }
  #company_ir_stock_transition .c-table .c-table_data.c-table_data--border_left {
    border-left: 1px solid #ccc !important; }
  /* ============================================================ */
  /* CSRの取り組み：国際的イニシアティブとの整合 */
  /* /company/csr/initiative.html */
  /* ============================================================ */
  #company_csr_initiative .shaded {
    background: url(/common/img/company/csr/initiative/line.svg) 0 0 no-repeat;
    background-size: 100% 100%; }
  /* ============================================================ */
  /* CSRの取り組み：経営とCSRの融合  マテリアリティ */
  /* /company/csr/csrabout/materiality.html */
  /* ============================================================ */
  #company_csr_csrabout_materiality .table .bg-green {
    background: #cfe0c5; }
  #company_csr_csrabout_materiality .table .bg-green-lighten {
    background: #e8efe2; }
  #company_csr_csrabout_materiality .table .bg-pink {
    background: #f8e0d8; }
  #company_csr_csrabout_materiality .table .bg-pink-lighten {
    background: #fcf2ef; }
  #company_csr_csrabout_materiality .table .bg-yellow {
    background: #fbf7bf; }
  #company_csr_csrabout_materiality .table .bg-yellow-lighten {
    background: #fefde9; }
  #company_csr_csrabout_materiality .table .bg-purple {
    background: #dfd7fb; }
  #company_csr_csrabout_materiality .table .bg-purple-lighten {
    background: #ede8fd; }
  #company_csr_csrabout_materiality .table .th-bg-aqua {
    background: #9bdeff; }
  #company_csr_csrabout_materiality .table .th-bg-aqua-lighten {
    background: #caeeff; }
  /* ============================================================ */
  /* CSRの取り組み：ガバナンス：リスクマネジメント */
  /* /company/csr/governance/risk_management.html */
  /* ============================================================ */
  #company_csr_governance_risk_management .box-naibutousei {
    background: url(/common/img/company/csr/governance/risk_management/bg_risk_management01.jpg) left bottom repeat-x #f5edd8;
    border-radius: 8px; }
  #company_csr_governance_risk_management .ttl04--pink {
    color: #ff6666; }
  #company_csr_governance_risk_management .ttl04--green {
    color: #339966; }
  #company_csr_governance_risk_management .ttl04--blue {
    color: #3399cc; }
  /* ============================================================ */
  /* CSRの取り組み：環境：生物多様性保全 */
  /* /company/csr/kankyou/seibutu.html */
  /* ============================================================ */
  #company_csr_kankyou_seibutu .product-wrap {
    background: url(/common/img/company/csr/kankyou/seibutu/img_torikumi01.png) 0 0 no-repeat;
    background-size: contain; }
  /* ============================================================ */
  /* CSRの取り組み：環境：製品を通じた環境負荷低減：森林カーボン・オフセット（2017） */
  /* /company/csr/kankyou/seihin/forestoffsset.html */
  /* ============================================================ */
  #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu,
  #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 25px; }
    #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item,
    #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 33%;
      border-right: 1px solid #7fc116;
      border-bottom: 1px solid #7fc116; }
      #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item:nth-child(-n+3),
      #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item:nth-child(-n+3),
      #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item:nth-child(-n+3),
      #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item:nth-child(-n+3),
      #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item:nth-child(-n+3) {
        border-top: 1px solid #7fc116; }
      #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item:nth-child(3n+1),
      #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item:nth-child(3n+1),
      #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item:nth-child(3n+1),
      #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item:nth-child(3n+1),
      #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item:nth-child(3n+1) {
        border-left: 1px solid #7fc116; }
      #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item__link,
      #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        padding: 10px;
        color: #7fc116;
        text-align: center;
        line-height: 1.4;
        font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
        #company_csr_kankyou_seihin_forestoffsset .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_01 .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_02 .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_03 .forestoffsset-menu__item__link__text,
        #company_csr_kankyou_seihin_forestoffset2017_04 .forestoffsset-menu__item__link__text {
          margin: 5px 0 0; }
  #company_csr_kankyou_seihin_forestoffsset .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_01 .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_02 .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_03 .sub_menu_title,
  #company_csr_kankyou_seihin_forestoffset2017_04 .sub_menu_title {
    margin: 0 0 15px;
    padding: 5px 15px;
    background: #7fc116;
    color: #fff;
    font-size: 1.6rem;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  #company_csr_kankyou_seihin_forestoffsset .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_01 .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_02 .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_03 .sub_menu_title2,
  #company_csr_kankyou_seihin_forestoffset2017_04 .sub_menu_title2 {
    padding: 5px 0;
    background: #7fc116;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  #company_csr_kankyou_seihin_forestoffsset .title_box,
  #company_csr_kankyou_seihin_forestoffsset .title_box2,
  #company_csr_kankyou_seihin_forestoffsset .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_01 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_01 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_01 .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_02 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_02 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_02 .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_03 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_03 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_03 .title_box3,
  #company_csr_kankyou_seihin_forestoffset2017_04 .title_box,
  #company_csr_kankyou_seihin_forestoffset2017_04 .title_box2,
  #company_csr_kankyou_seihin_forestoffset2017_04 .title_box3 {
    margin: 15px 0;
    padding: 5px 15px;
    background: #f3fce4;
    border: 1px solid #7fc116;
    color: #5c8910;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  #company_csr_kankyou_seihin_forestoffsset .table01,
  #company_csr_kankyou_seihin_forestoffset2017_01 .table01,
  #company_csr_kankyou_seihin_forestoffset2017_02 .table01,
  #company_csr_kankyou_seihin_forestoffset2017_03 .table01,
  #company_csr_kankyou_seihin_forestoffset2017_04 .table01 {
    width: 100%;
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #fff; }
    #company_csr_kankyou_seihin_forestoffsset .table01 th,
    #company_csr_kankyou_seihin_forestoffsset .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table01 td,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table01 td {
      padding: 5px 10px;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
    #company_csr_kankyou_seihin_forestoffsset .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table01 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table01 th {
      background: #efefef;
      color: #015f83;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap; }
  #company_csr_kankyou_seihin_forestoffsset .table02,
  #company_csr_kankyou_seihin_forestoffset2017_01 .table02,
  #company_csr_kankyou_seihin_forestoffset2017_02 .table02,
  #company_csr_kankyou_seihin_forestoffset2017_03 .table02,
  #company_csr_kankyou_seihin_forestoffset2017_04 .table02 {
    width: 100%;
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd; }
    #company_csr_kankyou_seihin_forestoffsset .table02 th,
    #company_csr_kankyou_seihin_forestoffsset .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table02 td,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table02 td {
      padding: 5px;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
    #company_csr_kankyou_seihin_forestoffsset .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_01 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_02 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_03 .table02 th,
    #company_csr_kankyou_seihin_forestoffset2017_04 .table02 th {
      background: #efefef;
      color: #015f83;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap; }
  #company_csr_kankyou_seihin_forestoffsset .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_01 .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_02 .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_03 .font-brown,
  #company_csr_kankyou_seihin_forestoffset2017_04 .font-brown {
    color: #91700c; }
  #company_csr_kankyou_seihin_forestoffsset .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_01 .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_02 .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_03 .font-green,
  #company_csr_kankyou_seihin_forestoffset2017_04 .font-green {
    color: #167857; }
  #company_csr_kankyou_seihin_forestoffsset .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_01 .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_02 .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_03 .font-navy,
  #company_csr_kankyou_seihin_forestoffset2017_04 .font-navy {
    color: #16678a; }
  #company_csr_kankyou_seihin_forestoffsset .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_01 .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_02 .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_03 .top_btn,
  #company_csr_kankyou_seihin_forestoffset2017_04 .top_btn {
    width: 94%;
    margin: 10px auto;
    padding: 10px;
    background: #f08f05;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
  /* ============================================================ */
  /* ニュースリリース */
  /* /company/news/ */
  /* ============================================================ */
  .company-news-entry table:not(.table),
  .company-news-entry table:not(.table) th,
  .company-news-entry table:not(.table) td {
    border-style: solid;
    border-width: 1px; }
  /* ============================================================ */
  /* 製品に関する大切なお知らせ */
  /* /info/ */
  /* ============================================================ */
  .info .box .info-danger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -15px -15px 15px;
    border-bottom: 1px solid #e8380d; }
    .info .box .info-danger__ttl {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 1em;
      padding: 15px;
      border-right: 1px solid #e8380d;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      color: #e8380d;
      font-size: 2.4rem;
      font-family: 'TBUDゴシック B', 'TBUDGothic B'; }
    .info .box .info-danger__text {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding: 10px 15px;
      border-radius: 0 8px 0 0;
      background: #feead6; }
  /* ============================================================ */
  /* ハッピーパレット */
  /* /happypalette/ */
  /* ============================================================ */
  #happypalette_index {
    /*----- #main -----*/
    /*----- #experience -----*/
    /*----- #features -----*/
    /*----- #howto -----*/
    /*----- #showroom -----*/
    /* disclaimer
	----------------------------------------------- */ }
    #happypalette_index .happypalette-contents {
      background: url(/common/img/happypalette/bg_main.gif) 0 0 repeat;
      text-align: center; }
      #happypalette_index .happypalette-contents h2 {
        padding: 0 0 20px; }
      #happypalette_index .happypalette-contents h4 {
        color: #e15381;
        padding: 1em 0 0; }
      #happypalette_index .happypalette-contents strong {
        color: #4b88b0;
        font-weight: normal; }
    #happypalette_index #main {
      padding: 30px 15px; }
      #happypalette_index #main ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        padding: 25px 0 0; }
        #happypalette_index #main ul li {
          width: 23%;
          margin: 0 1%; }
    #happypalette_index #experience {
      position: relative;
      background: url(/common/img/happypalette/bg_experience.png) top center no-repeat;
      background-size: 39px auto;
      padding: 60px 0 0; }
      #happypalette_index #experience .btn-happypalette {
        padding: 0 0 5px; }
      #happypalette_index #experience::before, #happypalette_index #experience::after {
        position: absolute;
        top: 0;
        height: 60px;
        content: '';
        background: #e15381; }
      #happypalette_index #experience::before {
        left: 0;
        right: calc(50% + 18px); }
      #happypalette_index #experience::after {
        left: calc(50% + 18px);
        right: 0; }
      #happypalette_index #experience .experience-inner {
        padding: 10px 15px 30px;
        background: #e15381; }
    #happypalette_index #features {
      background: url(/common/img/happypalette/bg_features.gif) top center no-repeat #ee8b66;
      background-size: 39px auto;
      padding: 80px 15px 30px; }
      #happypalette_index #features ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #happypalette_index #features ul li {
          width: 50%;
          padding: 0 15px; }
    #happypalette_index #howto {
      background: url(/common/img/happypalette/bg_howto.gif) top center no-repeat #e2ae50;
      background-size: 39px auto;
      padding: 80px 15px 30px; }
      #happypalette_index #howto .btn-happypalette {
        padding: 15px 0 10px; }
    #happypalette_index #showroom {
      background: url(/common/img/happypalette/bg_showroom.gif) top center no-repeat #5ab180;
      background-size: 39px auto;
      padding: 80px 15px 30px; }
      #happypalette_index #showroom .btn-happypalette {
        padding: 20px 0; }
    #happypalette_index .disclaimer {
      background: url(/common/img/happypalette/bg_disclaimer.gif) 0 0 repeat;
      padding: 15px;
      text-align: left; }
  /* ============================================================ */
  /* あ、うちもノーリツキャンペーンLP */
  /* /campaign/cp_auchimo.html */
  /* ============================================================ */
  #index_cp_auchimo {
    /* .cm {
		margin-bottom: 120px;
		padding: 160px 0 0;
		margin-top: -182px;
		z-index: 0;

		&::after {
		  position: absolute;
		  left: 0;
		  right: 0;
		  bottom: -70px;
		  z-index: 1;
		  content: '';
		  height: 70px;
		  background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_r_last.png) bottom center no-repeat;
		  background-size: 100% 100%;
		}

	} */ }
    #index_cp_auchimo .contents {
      background-image: url(/campaign/img/cp_auchimo/bg_cp_auchimo.png);
      background-size: 50px 50px;
      padding: 0; }
    #index_cp_auchimo .cp_auchimo_main {
      width: 100%;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      #index_cp_auchimo .cp_auchimo_main img {
        max-width: 100%; }
    #index_cp_auchimo .cp_auchimo_main__02 {
      position: relative; }
      #index_cp_auchimo .cp_auchimo_main__02 .btn_click {
        position: absolute;
        bottom: 10%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0.7, 0.7);
                transform: translate(-50%, -50%) scale(0.7, 0.7); } }
    @media screen and (max-width: 767.499px) and (max-width: 400px) {
      #index_cp_auchimo .cp_auchimo_main__02 .btn_click {
        bottom: 6%;
        -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5);
                transform: translate(-50%, -50%) scale(0.5, 0.5); } }

@media screen and (max-width: 767.499px) {
    #index_cp_auchimo .cp_auchimo_scroll {
      width: auto;
      position: absolute;
      bottom: 20px;
      left: calc(50% - 30px);
      z-index: 2; }
      #index_cp_auchimo .cp_auchimo_scroll img {
        width: 60px; }
    #index_cp_auchimo .yellow {
      background-color: #fff000;
      position: relative;
      margin: 50px 0 100px; }
      #index_cp_auchimo .yellow::before {
        position: absolute;
        left: 0;
        right: 0;
        top: -70px;
        z-index: 1;
        content: '';
        height: 70px;
        background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_y_first.png) bottom center no-repeat;
        background-size: 100% 100%; }
      #index_cp_auchimo .yellow::after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -70px;
        z-index: 1;
        content: '';
        height: 70px;
        background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_y_last.png) bottom center no-repeat;
        background-size: 100% 100%; }
      #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box {
        position: relative; }
        #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box .sound__btn {
          cursor: pointer;
          position: relative; }
          #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box .sound__btn::after {
            position: absolute;
            top: 52%;
            right: 5%;
            content: "";
            background: url(/campaign/img/cp_auchimo/pic_pickup_thumb_icon.png) no-repeat;
            background-size: contain;
            width: 64px;
            height: 47px; } }
        @media screen and (max-width: 767.499px) and (min-width: 480px) and (max-width: 767px) {
          #index_cp_auchimo .yellow .cp_auchimo_01__thumb .sound__box .sound__btn::after {
            top: 52%;
            right: 5%; } }

@media screen and (max-width: 767.499px) {
    #index_cp_auchimo .red {
      /*background: #ec1b24;*/
      background: #e4380d;
      position: relative; }
    #index_cp_auchimo .red--01 {
      top: -100px;
      padding: 130px 0 0;
      margin: 0; }
    #index_cp_auchimo .red--02 {
      position: relative;
      top: 0;
      padding: 50px 0;
      margin: 50px 0 0; }
    #index_cp_auchimo .red--03 {
      top: -100px;
      padding: 100px 0 0;
      margin: 0 0 -25px; }
    #index_cp_auchimo .red--01::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -40px;
      content: '';
      height: 40px;
      background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_tokuten_last.png) bottom center no-repeat;
      background-size: 100% 100%; }
    #index_cp_auchimo .red--02::after {
      position: absolute;
      left: 0;
      right: 0;
      top: -40px;
      content: '';
      height: 40px;
      background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_last.png) bottom center no-repeat;
      background-size: 100% 100%; }
    #index_cp_auchimo .red--03::after {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -40px;
      content: '';
      height: 40px;
      background: url(/campaign/img/cp_auchimo/bg_cp_auchimo_tokuten_last.png) bottom center no-repeat;
      background-size: 100% 100%; }
    #index_cp_auchimo .pagetop {
      position: relative;
      z-index: 1; }
    #index_cp_auchimo #cp_auchimo_cp {
      margin-top: -60px; }
    #index_cp_auchimo .modalbg {
      background: #fff;
      filter: alpha(opacity=90);
      -moz-opacity: 0.90;
      opacity: 0.90;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
      display: none; }
    #index_cp_auchimo .modalcontents {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 20;
      width: 100%;
      padding: 0 2%;
      display: none; }
      #index_cp_auchimo .modalcontents .modaltxt {
        font-size: 133.33%;
        color: #fff;
        text-align: center; }
      #index_cp_auchimo .modalcontents .modalmovie {
        margin-top: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
        height: auto; }
      #index_cp_auchimo .modalcontents .modalclosebtn {
        position: absolute;
        top: -20px;
        right: 2%; }
      #index_cp_auchimo .modalcontents iframe {
        width: 100%;
        height: 100%; }
    #index_cp_auchimo .red_text {
      color: #e8380d; }
    #index_cp_auchimo .gray_text {
      color: #222; }
    #index_cp_auchimo .campaign-pos {
      position: absolute;
      bottom: 10%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    #index_cp_auchimo .campaign-pos-top-wrap {
      position: absolute;
      bottom: 13%; }
    #index_cp_auchimo .campaign-pos-top {
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    #index_cp_auchimo .application-link {
      text-decoration: underline;
      color: #222; }
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/配下共通 */
  /* ============================================================ */
  .special_ecorelakirei {
    background: #fafafa; }
    .special_ecorelakirei .ecorelakirei-head {
      background: #EF4023;
      -webkit-box-ordinal-group: -1;
          -ms-flex-order: -2;
              order: -2;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: 100%; }
      .special_ecorelakirei .ecorelakirei-head .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 auto;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .special_ecorelakirei .ecorelakirei-head__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 100%; }
        .special_ecorelakirei .ecorelakirei-head__nav > * {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          color: #fff; }
          .special_ecorelakirei .ecorelakirei-head__nav > * img {
            width: 100%;
            height: 100%; }
      .special_ecorelakirei .ecorelakirei-head__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/index.html */
  /* ============================================================ */
  #special_ecorelakirei_index {
    /* 既存の CSS を継承 ▼
	 -------------------------------------------------------------------*/
    /* -------------------------------------------------------------------
	既存の CSS を継承 ここまで▲ */ }
    #special_ecorelakirei_index .force-visible {
      opacity: 1 !important;
      visibility: visible !important;
      -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
              transform: matrix(1, 0, 0, 1, 0, 0) !important; }
    #special_ecorelakirei_index .ecorelakirei-content__inner {
      background: #fff;
      zoom: 0.35; }
    #special_ecorelakirei_index .cp_auchimo_01__01 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    #special_ecorelakirei_index .cp_auchimo_01__thumb {
      padding: 0 25px; }
      #special_ecorelakirei_index .cp_auchimo_01__thumb .sound__box .sound__btn {
        cursor: pointer;
        position: relative; }
        #special_ecorelakirei_index .cp_auchimo_01__thumb .sound__box .sound__btn::after {
          position: absolute;
          bottom: 65px;
          left: 284px;
          content: url(/campaign/img/cp_auchimo/pic_pickup_thumb_icon.png); }
    #special_ecorelakirei_index .cp_auchimo_01__02 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    #special_ecorelakirei_index .modalbg {
      background: #fff;
      filter: alpha(opacity=90);
      -moz-opacity: 0.90;
      opacity: 0.90;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10;
      display: none; }
    #special_ecorelakirei_index .modalcontents {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 20;
      width: 940px;
      display: none; }
    #special_ecorelakirei_index .modalcontents .modaltxt {
      font-size: 133.33%;
      color: #fff;
      text-align: center; }
    #special_ecorelakirei_index .modalcontents .modalmovie {
      margin-top: 20px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
      height: 528px; }
    #special_ecorelakirei_index .modalcontents .modalclosebtn {
      position: absolute;
      top: -20px;
      right: 0; } }
  @media screen and (max-width: 767.499px) and (max-width: 980px) {
    #special_ecorelakirei_index .modalcontents {
      width: 100%;
      padding: 0 2%; }
      #special_ecorelakirei_index .modalcontents .modalclosebtn {
        right: 2%; }
      #special_ecorelakirei_index .modalcontents iframe {
        width: 100%;
        height: 100%; } }

@media screen and (max-width: 767.499px) {
    #special_ecorelakirei_index #ct01 #main_img {
      background: url(/common/img/ecorelakirei/home/main.jpg) 0 0 no-repeat;
      padding-top: 95.91837%;
      opacity: 1;
      position: relative; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 {
      position: absolute;
      left: 620px;
      top: 235px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 img {
      position: absolute; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw1 {
      left: 0;
      top: 0; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw2 {
      left: 100px;
      top: -35px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw3 {
      left: 152px;
      top: -28px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw4 {
      left: 220px;
      top: -68px; }
    #special_ecorelakirei_index #ct01 #main_img #onp1 #opw5 {
      left: 285px;
      top: -84px; }
    #special_ecorelakirei_index #ct01 #main_img #txt {
      position: absolute;
      left: 620px;
      top: 370px; }
    #special_ecorelakirei_index #ct01 #main_img #txt path {
      fill: #FFF;
      opacity: 0; }
    #special_ecorelakirei_index #ct01 #main_img #onp2 {
      position: absolute;
      left: 300px;
      top: 890px; }
    #special_ecorelakirei_index #ct01 #main_img #onp2 img {
      opacity: 0;
      position: absolute; }
    #special_ecorelakirei_index #ct01 .sub-img {
      margin-top: -32px;
      padding-left: 15px;
      position: relative; }
    #special_ecorelakirei_index #ct01 #se-btn {
      width: 46px;
      height: 46px;
      position: absolute;
      top: 244px;
      left: 564px;
      opacity: 0;
      cursor: pointer; }
    #special_ecorelakirei_index #ct01 .txt {
      margin-top: 58px; }
    #special_ecorelakirei_index #ct01 .txt .title {
      padding-left: 20px; }
    #special_ecorelakirei_index #ct01 .txt .copy {
      margin-top: 55px; }
    #special_ecorelakirei_index #ct04-2 {
      position: relative;
      height: 542px; }
      #special_ecorelakirei_index #ct04-2 .support {
        padding-top: 100px; }
      #special_ecorelakirei_index #ct04-2 .support-btn {
        cursor: pointer;
        position: relative;
        margin: 50px auto 0;
        width: 340px;
        height: 60px; }
      #special_ecorelakirei_index #ct04-2 .support-btn img {
        margin: 0; }
      #special_ecorelakirei_index #ct04-2 .support-btn .arw {
        position: absolute;
        left: 280px;
        top: 18px;
        margin: 0; }
    #special_ecorelakirei_index #ct06 {
      background: url(/common/img/ecorelakirei/home/06_bg.png) 0 0 no-repeat #EF4023;
      height: 1300px; }
      #special_ecorelakirei_index #ct06 ul {
        width: 700px;
        margin: 0 auto;
        padding-top: 125px; }
      #special_ecorelakirei_index #ct06 ul li {
        margin-top: 45px;
        vertical-align: top;
        display: inline-block; }
      #special_ecorelakirei_index #ct06 ul li:nth-child(odd) {
        margin-right: 70px; }
      #special_ecorelakirei_index #ct06 ul li .thumb-txt {
        margin-top: 25px; }
    #special_ecorelakirei_index .sclIn {
      opacity: 0; }
    #special_ecorelakirei_index #ct06 .thumb-img {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
      transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
      opacity: 1;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    #special_ecorelakirei_index #ct06 .thumb-img:hover {
      opacity: .85;
      -webkit-transform: scale(1.08, 1.08);
      transform: scale(1.08, 1.08); }
    #special_ecorelakirei_index #modal-close {
      opacity: 1;
      -webkit-transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
      transition: opacity 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms; }
    #special_ecorelakirei_index #modal-close:hover {
      opacity: .7; }
    #special_ecorelakirei_index #intro {
      position: relative;
      top: 70px;
      width: 980px;
      height: 740px;
      margin: 0 auto;
      background-color: #ef4023;
      opacity: 0; }
      #special_ecorelakirei_index #intro img {
        display: block;
        margin: 0 auto;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-drag: none;
        -khtml-user-drag: none; }
      #special_ecorelakirei_index #intro .onp-icon {
        padding-top: 50px;
        margin-bottom: 50px; }
      #special_ecorelakirei_index #intro #sound-select {
        width: 410px;
        margin: 80px auto 0;
        padding-bottom: 80px; }
      #special_ecorelakirei_index #intro #sound-select img {
        display: inline-block;
        margin: 0 20px;
        cursor: pointer; }
      #special_ecorelakirei_index #intro #intro-copy {
        margin: 0 auto;
        width: 200px; }
      #special_ecorelakirei_index #intro #introOnp {
        position: absolute;
        z−index: 1;
        left: 600px;
        top: 340px; }
      #special_ecorelakirei_index #intro #introOnp img {
        position: absolute; }
      #special_ecorelakirei_index #intro #introOnp #iopw1 {
        left: 0;
        top: 0; }
      #special_ecorelakirei_index #intro #introOnp #iopw2 {
        left: 100px;
        top: -35px; }
      #special_ecorelakirei_index #intro #introOnp #iopw3 {
        left: 152px;
        top: -28px; }
      #special_ecorelakirei_index #intro #introOnp #iopw4 {
        left: 220px;
        top: -68px; }
      #special_ecorelakirei_index #intro #introOnp #iopw5 {
        left: 285px;
        top: -84px; }
    #special_ecorelakirei_index .btn-off {
      pointer-events: none; }
    #special_ecorelakirei_index #download {
      position: relative;
      background-image: url(/common/img/ecorelakirei/home/download/bg.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      height: 823px; }
      #special_ecorelakirei_index #download .title {
        padding-right: 25px;
        padding-top: 115px; }
      #special_ecorelakirei_index #download #down-ui {
        margin: 60px auto 0; }
      #special_ecorelakirei_index #download #down-ui .down-btn {
        display: inline-block;
        position: relative;
        z-index: 3; }
      #special_ecorelakirei_index #download #down-ui .down-btn:after {
        content: "";
        display: block;
        width: 296px;
        height: 296px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        background: #f8afa3;
        margin-left: -22px;
        margin-top: -22px;
        z-index: -1;
        opacity: 0;
        -webkit-transform: scale(0.85, 0.85);
                transform: scale(0.85, 0.85);
        -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
        transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }
      #special_ecorelakirei_index #download #down-ui .down-btn:before {
        content: "";
        display: block;
        width: 430px;
        height: 430px;
        top: 0;
        left: 0;
        border-radius: 50%;
        position: absolute;
        background: #f8afa3;
        margin-left: -89px;
        margin-top: -89px;
        z-index: -1;
        opacity: 1;
        -webkit-transform: scale(0.55, 0.55);
                transform: scale(0.55, 0.55);
        -webkit-transition: opacity 0ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
        transition: opacity 0ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms; }
      #special_ecorelakirei_index #download #down-ui .down-btn:hover:after {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        opacity: 1; }
      #special_ecorelakirei_index #download #down-ui .down-btn:hover:before {
        -webkit-transform: scale(0.9, 0.9);
                transform: scale(0.9, 0.9);
        opacity: 0;
        -webkit-transition: all 1500ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        transition: all 1500ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
      #special_ecorelakirei_index #download #down-ui #iphone-down {
        margin-right: 50px; }
      #special_ecorelakirei_index #download #down-onp {
        position: relative; }
      #special_ecorelakirei_index #download #down-onp .onp {
        position: absolute; }
      #special_ecorelakirei_index #download #down-onp #d-onp1 {
        left: 52px;
        top: 130px; }
      #special_ecorelakirei_index #download #down-onp #d-onp2 {
        left: 70px;
        top: 316px; }
      #special_ecorelakirei_index #download #down-onp #d-onp3 {
        left: 98px;
        top: 220px; }
      #special_ecorelakirei_index #download #down-onp #d-onp4 {
        left: 170px;
        top: 38px; }
      #special_ecorelakirei_index #download #down-onp #d-onp5 {
        left: 300px;
        top: 85px; }
      #special_ecorelakirei_index #download #down-onp #d-onp6 {
        left: 392px;
        top: 218px; }
      #special_ecorelakirei_index #download #down-onp #d-onp7 {
        left: 614px;
        top: 53px; }
      #special_ecorelakirei_index #download #down-onp #d-onp8 {
        left: 655px;
        top: 235px; }
      #special_ecorelakirei_index #download #down-onp #d-onp9 {
        left: 746px;
        top: 74px; }
      #special_ecorelakirei_index #download #down-onp #d-onp10 {
        left: 895px;
        top: 88px; }
      #special_ecorelakirei_index #download #down-onp #d-onp11 {
        left: 888px;
        top: 193px; }
      #special_ecorelakirei_index #download #down-onp #d-onp12 {
        left: 890px;
        top: 300px; }
    #special_ecorelakirei_index .contents {
      margin: 0 auto -45px; }
    #special_ecorelakirei_index .ecorelakirei-link-list {
      width: 700px;
      margin: 0 auto;
      padding-top: 125px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #special_ecorelakirei_index .ecorelakirei-link-list__item {
        text-align: center;
        margin-bottom: 30px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 311px;
                flex: 0 0 311px; }
    #special_ecorelakirei_index #movie-area {
      position: relative;
      background-image: url(/common/img/ecorelakirei/home/cm/bg3.png), url(/common/img/ecorelakirei/home/cm/bg4.png);
      background-repeat: no-repeat, no-repeat;
      background-position: 0 0, 0 1703px;
      background-color: #ef4023;
      width: 980px;
      height: 1780px;
      padding: 230px 0 0; }
      #special_ecorelakirei_index #movie-area img {
        display: block;
        margin: 0 auto; }
    #special_ecorelakirei_index #wanted-area {
      width: 980px;
      padding: 100px 0;
      text-align: center; }
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/about.html */
  /* ============================================================ */
  #special_ecorelakirei_about {
    background: #fafafa; }
    #special_ecorelakirei_about .ecorelakirei-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #special_ecorelakirei_about .ecorelakirei-content .ecorelakirei-content__inner {
        width: 800px; }
    #special_ecorelakirei_about .overlay {
      width: 100%;
      height: 100%;
      top: 0;
      position: absolute;
      color: #f4858d;
      zoom: 0.35;
      background: #fafafa; }
    #special_ecorelakirei_about #overlay_g .overlaycontent,
    #special_ecorelakirei_about #overlay_c .overlaycontent {
      width: 100%;
      height: 100%;
      text-align: center;
      padding-top: 300px; }
    #special_ecorelakirei_about #overlay_g {
      color: #646464; }
    #special_ecorelakirei_about #overlay_g .g_img {
      margin-top: 30px;
      margin-bottom: 35px; }
    #special_ecorelakirei_about #overlay_g .close,
    #special_ecorelakirei_about #overlay_c .close {
      cursor: pointer; }
    #special_ecorelakirei_about .carousel {
      width: 596px;
      height: 596px;
      overflow: hidden;
      position: relative;
      margin: 0 auto 25px; }
    #special_ecorelakirei_about .book {
      width: 727px;
      overflow: hidden;
      position: relative;
      padding-top: 30px;
      margin: 0 auto; }
    #special_ecorelakirei_about .carousel li {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      opacity: 0;
      filter: alpha(opacity=0); }
    #special_ecorelakirei_about .arrow {
      display: block;
      width: 25px;
      height: 49px;
      overflow: hidden;
      position: absolute;
      top: 275px; }
    #special_ecorelakirei_about .arrow_l {
      left: 0;
      height: 49px;
      background: url(/common/img/ecorelakirei/about/arrow_l.png) no-repeat left bottom; }
    #special_ecorelakirei_about .arrow_r {
      right: 0;
      background: url(/common/img/ecorelakirei/about/arrow_r.png) no-repeat left bottom; }
    #special_ecorelakirei_about .arrow:hover {
      background-position: left top; }
    #special_ecorelakirei_about .book_nav {
      width: 204px;
      overflow: hidden;
      margin: 0 auto; }
    #special_ecorelakirei_about .book_nav li {
      width: 8px;
      height: 8px;
      display: block;
      float: left;
      overflow: hidden;
      background: url(/common/img/ecorelakirei/about/nav_carousel.png) no-repeat left top;
      margin-right: 20px;
      margin-bottom: 50px; }
    #special_ecorelakirei_about .book_nav li.is_current {
      background-position: -28px top; }
    #special_ecorelakirei_about .book_nav li.lastchild {
      margin-right: 0; }
  /* ============================================================ */
  /* エコリラキレイ */
  /* /special/ecorelakirei/project.html */
  /* ============================================================ */
  #special_ecorelakirei_project .ecorelakirei-project-list__item__col2 {
    text-align: center; }
  #special_ecorelakirei_project .modal-ecorelakirei-project {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/common/img/ecorelakirei/project/rice/bg.jpg);
    width: 100%;
    min-width: 940px;
    min-height: 100%;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 10;
    zoom: 0.35; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .modal_bg {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 10; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .modal_inner {
      width: 940px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      z-index: 99; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .btn_close {
      float: right; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .title {
      text-align: center;
      margin-bottom: 40px;
      clear: both; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .equation {
      background: #fdb344;
      padding: 67px 0 80px 135px;
      position: relative; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .equation-with-tab__content {
      background: #fdb344;
      padding: 45px;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .txt1 {
      position: absolute;
      top: 97px;
      left: 530px; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .intro {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 30px;
      background: #fff;
      border-radius: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      line-height: 1.6; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .btn_pagetop {
      position: absolute;
      bottom: 25px;
      right: 50px;
      display: block;
      width: 105px;
      height: 12px;
      overflow: hidden;
      background: url(/common/img/ecorelakirei/project/rice/btn_pagetop.png) no-repeat left top; }
    #special_ecorelakirei_project .modal-ecorelakirei-project .btn_pagetop:hover {
      background-position: left bottom; } }

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

.u-pos-a {
  position: absolute !important; }

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

.u-pos-f {
  position: fixed !important; }

.u-t-a {
  top: auto !important; }

.u-t-0 {
  top: 0 !important; }

.u-r-a {
  right: auto !important; }

.u-r-0 {
  right: 0 !important; }

.u-b-a {
  bottom: auto !important; }

.u-b-0 {
  bottom: 0 !important; }

.u-l-a {
  left: auto !important; }

.u-l-0 {
  left: 0 !important; }

.u-z-a {
  z-index: auto !important; }

.u-z-0 {
  z-index: 0 !important; }

.u-z-1 {
  z-index: 1 !important; }

.u-z-2 {
  z-index: 2 !important; }

.u-z-3 {
  z-index: 3 !important; }

.u-z-4 {
  z-index: 4 !important; }

.u-z-5 {
  z-index: 5 !important; }

.u-z-6 {
  z-index: 6 !important; }

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

@media screen and (max-width: 767px) {
  .u-sp-pos-s {
    position: static !important; }
  .u-sp-pos-a {
    position: absolute !important; }
  .u-sp-pos-r {
    position: relative !important; }
  .u-sp-pos-f {
    position: fixed !important; }
  .u-sp-t-a {
    top: auto !important; }
  .u-sp-t-0 {
    top: 0 !important; }
  .u-sp-r-a {
    right: auto !important; }
  .u-sp-r-0 {
    right: 0 !important; }
  .u-sp-b-a {
    bottom: auto !important; }
  .u-sp-b-0 {
    bottom: 0 !important; }
  .u-sp-l-a {
    left: auto !important; }
  .u-sp-l-0 {
    left: 0 !important; }
  .u-sp-z-a {
    z-index: auto !important; }
  .u-sp-z-0 {
    z-index: 0 !important; }
  .u-sp-z-1 {
    z-index: 1 !important; }
  .u-sp-z-2 {
    z-index: 2 !important; }
  .u-sp-z-3 {
    z-index: 3 !important; }
  .u-sp-z-4 {
    z-index: 4 !important; }
  .u-sp-z-5 {
    z-index: 5 !important; }
  .u-sp-z-6 {
    z-index: 6 !important; }
  .u-sp-z-9999 {
    z-index: 9999 !important; } }

/* float
------------------------------------------------------------ */
.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; }

@media screen and (max-width: 767px) {
  .u-sp-fl-n {
    float: none !important; }
  .u-sp-fl-l {
    float: left !important; }
  .u-sp-fl-r {
    float: right !important; }
  .u-sp-cl-n {
    clear: none !important; }
  .u-sp-cl-l {
    clear: left !important; }
  .u-sp-cl-r {
    clear: right !important; }
  .u-sp-cl-b {
    clear: both !important; } }

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

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

.u-d-f {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.u-d-if {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

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

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

.u-d-li {
  display: list-item !important; }

.u-d-ri {
  display: run-in !important; }

.u-d-cp {
  display: compact !important; }

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

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

.u-d-tbcp {
  display: table-caption !important; }

.u-d-tbcl {
  display: table-column !important; }

.u-d-tbclg {
  display: table-column-group !important; }

.u-d-tbhg {
  display: table-header-group !important; }

.u-d-tbfg {
  display: table-footer-group !important; }

.u-d-tbr {
  display: table-row !important; }

.u-d-tbrg {
  display: table-row-group !important; }

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

.u-d-rb {
  display: ruby !important; }

.u-d-rbb {
  display: ruby-base !important; }

.u-d-rbbg {
  display: ruby-base-group !important; }

.u-d-rbt {
  display: ruby-text !important; }

.u-d-rbtg {
  display: ruby-text-group !important; }

@media screen and (max-width: 767px) {
  .u-sp-d-n {
    display: none !important; }
  .u-sp-d-b {
    display: block !important; }
  .u-sp-d-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .u-sp-d-if {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; }
  .u-sp-d-i {
    display: inline !important; }
  .u-sp-d-ib {
    display: inline-block !important; }
  .u-sp-d-li {
    display: list-item !important; }
  .u-sp-d-ri {
    display: run-in !important; }
  .u-sp-d-cp {
    display: compact !important; }
  .u-sp-d-tb {
    display: table !important; }
  .u-sp-d-itb {
    display: inline-table !important; }
  .u-sp-d-tbcp {
    display: table-caption !important; }
  .u-sp-d-tbcl {
    display: table-column !important; }
  .u-sp-d-tbclg {
    display: table-column-group !important; }
  .u-sp-d-tbhg {
    display: table-header-group !important; }
  .u-sp-d-tbfg {
    display: table-footer-group !important; }
  .u-sp-d-tbr {
    display: table-row !important; }
  .u-sp-d-tbrg {
    display: table-row-group !important; }
  .u-sp-d-tbc {
    display: table-cell !important; }
  .u-sp-d-rb {
    display: ruby !important; }
  .u-sp-d-rbb {
    display: ruby-base !important; }
  .u-sp-d-rbbg {
    display: ruby-base-group !important; }
  .u-sp-d-rbt {
    display: ruby-text !important; }
  .u-sp-d-rbtg {
    display: ruby-text-group !important; } }

/* overflow
------------------------------------------------------------ */
.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; }

@media screen and (max-width: 767px) {
  .u-sp-ov-v {
    overflow: visible !important; }
  .u-sp-ov-h {
    overflow: hidden !important; }
  .u-sp-ov-s {
    overflow: scroll !important; }
  .u-sp-ov-a {
    overflow: auto !important; }
  .u-sp-ovx-v {
    overflow-x: visible !important; }
  .u-sp-ovx-h {
    overflow-x: hidden !important; }
  .u-sp-ovx-s {
    overflow-x: scroll !important; }
  .u-sp-ovx-a {
    overflow-x: auto !important; }
  .u-sp-ovy-v {
    overflow-y: visible !important; }
  .u-sp-ovy-h {
    overflow-y: hidden !important; }
  .u-sp-ovy-s {
    overflow-y: scroll !important; }
  .u-sp-ovy-a {
    overflow-y: auto !important; } }

/* box-sizing
------------------------------------------------------------ */
.u-bxz-cb {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important; }

.u-bxz-bb {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important; }

.u-bxsh-n {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

@media screen and (max-width: 767px) {
  .u-sp-bxz-cb {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important; }
  .u-sp-bxz-bb {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important; }
  .u-sp-bxsh-n {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; } }

/* border
------------------------------------------------------------ */
.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-bfv-h {
  -webkit-backface-visibility: hidden !important;
          backface-visibility: hidden !important; }

.u-bfv-v {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important; }

.u-bd-n {
  border: none !important; }

.u-bd-0 {
  border: 0 !important; }

.u-bdcl-c {
  border-collapse: collapse !important; }

.u-bdcl-s {
  border-collapse: separate !important; }

.u-bdc-t {
  border-color: transparent !important; }

.u-bdc-cc {
  border-color: currentColor !important; }

.u-bdc-white {
  border-color: #ffffff !important; }

.u-bdc-silver {
  border-color: #d2d2d2 !important; }

.u-bdc-gray {
  border-color: #cccccc !important; }

.u-bdc-black {
  border-color: #111111 !important; }

.u-bdc-navy {
  border-color: #001f3f !important; }

.u-bdc-blue {
  border-color: #0074d9 !important; }

.u-bdc-aqua {
  border-color: #7fdbff !important; }

.u-bdc-teal {
  border-color: #39cccc !important; }

.u-bdc-olive {
  border-color: #3d9970 !important; }

.u-bdc-green {
  border-color: #2ecc40 !important; }

.u-bdc-lime {
  border-color: #01ff70 !important; }

.u-bdc-yellow {
  border-color: #ffdc00 !important; }

.u-bdc-orange {
  border-color: #ff851b !important; }

.u-bdc-red {
  border-color: #ff4136 !important; }

.u-bdc-maroon {
  border-color: #85144b !important; }

.u-bdc-fuchsia {
  border-color: #f012be !important; }

.u-bdc-purple {
  border-color: #b10dc9 !important; }

.u-bdc-primary {
  border-color: #0275d8 !important; }

.u-bdc-success {
  border-color: #5cb85c !important; }

.u-bdc-info {
  border-color: #5bc0de !important; }

.u-bdc-warning {
  border-color: #f0ad4e !important; }

.u-bdc-danger {
  border-color: #d9534f !important; }

.u-bdi-n {
  -o-border-image: none !important;
     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-bdw-0 {
  border-width: 0 !important; }

.u-bdw-1 {
  border-width: 1px !important; }

.u-bdw-2 {
  border-width: 2px !important; }

.u-bdw-3 {
  border-width: 3px !important; }

.u-bdw-4 {
  border-width: 4px !important; }

.u-bdw-5 {
  border-width: 5px !important; }

.u-bdw-6 {
  border-width: 6px !important; }

.u-bdtw-0 {
  border-top-width: 0 !important; }

.u-bdtw-1 {
  border-top-width: 1px !important; }

.u-bdtw-2 {
  border-top-width: 2px !important; }

.u-bdtw-3 {
  border-top-width: 3px !important; }

.u-bdtw-4 {
  border-top-width: 4px !important; }

.u-bdtw-5 {
  border-top-width: 5px !important; }

.u-bdtw-6 {
  border-top-width: 6px !important; }

.u-bdrw-0 {
  border-right-width: 0 !important; }

.u-bdrw-1 {
  border-right-width: 1px !important; }

.u-bdrw-2 {
  border-right-width: 2px !important; }

.u-bdrw-3 {
  border-right-width: 3px !important; }

.u-bdrw-4 {
  border-right-width: 4px !important; }

.u-bdrw-5 {
  border-right-width: 5px !important; }

.u-bdrw-6 {
  border-right-width: 6px !important; }

.u-bdbw-0 {
  border-bottom-width: 0 !important; }

.u-bdbw-1 {
  border-bottom-width: 1px !important; }

.u-bdbw-2 {
  border-bottom-width: 2px !important; }

.u-bdbw-3 {
  border-bottom-width: 3px !important; }

.u-bdbw-4 {
  border-bottom-width: 4px !important; }

.u-bdbw-5 {
  border-bottom-width: 5px !important; }

.u-bdbw-6 {
  border-bottom-width: 6px !important; }

.u-bdlw-0 {
  border-left-width: 0 !important; }

.u-bdlw-1 {
  border-left-width: 1px !important; }

.u-bdlw-2 {
  border-left-width: 2px !important; }

.u-bdlw-3 {
  border-left-width: 3px !important; }

.u-bdlw-4 {
  border-left-width: 4px !important; }

.u-bdlw-5 {
  border-left-width: 5px !important; }

.u-bdlw-6 {
  border-left-width: 6px !important; }

.u-bdt-n {
  border-top: none !important; }

.u-bdt-0 {
  border-top: 0 !important; }

.u-bdtc-t {
  border-top-color: transparent !important; }

.u-bdtc-cc {
  border-top-color: currentColor !important; }

.u-bdr-n {
  border-right: none !important; }

.u-bdr-0 {
  border-right: 0 !important; }

.u-bdrc-t {
  border-right-color: transparent !important; }

.u-bdrc-cc {
  border-right-color: currentColor !important; }

.u-bdb-n {
  border-bottom: none !important; }

.u-bdb-0 {
  border-bottom: 0 !important; }

.u-bdbc-t {
  border-bottom-color: transparent !important; }

.u-bdbc-cc {
  border-bottom-color: currentColor !important; }

.u-bdl-n {
  border-left: none !important; }

.u-bdl-0 {
  border-left: 0 !important; }

.u-bdlc-t {
  border-left-color: transparent !important; }

.u-bdlc-cc {
  border-left-color: currentColor !important; }

.u-bd-r-0 {
  border-radius: 0 !important; }

.u-bd-tl-r-0 {
  border-top-left-radius: 0 !important; }

.u-bd-tr-r-0 {
  border-top-right-radius: 0 !important; }

.u-bd-bl-r-0 {
  border-bottom-left-radius: 0 !important; }

.u-bd-br-r-0 {
  border-bottom-right-radius: 0 !important; }

.u-bd-r-100p {
  border-radius: 100% !important; }

@media screen and (max-width: 767px) {
  .u-sp-ol-n {
    outline: none !important; }
  .u-sp-olw-tn {
    outline-width: thin !important; }
  .u-sp-olw-md {
    outline-width: medium !important; }
  .u-sp-olw-tc {
    outline-width: thick !important; }
  .u-sp-ols-n {
    outline-style: none !important; }
  .u-sp-ols-dt {
    outline-style: dotted !important; }
  .u-sp-ols-ds {
    outline-style: dashed !important; }
  .u-sp-ols-s {
    outline-style: solid !important; }
  .u-sp-ols-db {
    outline-style: double !important; }
  .u-sp-ols-g {
    outline-style: groove !important; }
  .u-sp-ols-r {
    outline-style: ridge !important; }
  .u-sp-ols-i {
    outline-style: inset !important; }
  .u-sp-ols-o {
    outline-style: outset !important; }
  .u-sp-olc-i {
    outline-color: invert !important; }
  .u-sp-bfv-h {
    -webkit-backface-visibility: hidden !important;
            backface-visibility: hidden !important; }
  .u-sp-bfv-v {
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .u-sp-bd-n {
    border: none !important; }
  .u-sp-bd-0 {
    border: 0 !important; }
  .u-sp-bdcl-c {
    border-collapse: collapse !important; }
  .u-sp-bdcl-s {
    border-collapse: separate !important; }
  .u-sp-bdc-t {
    border-color: transparent !important; }
  .u-sp-bdc-cc {
    border-color: currentColor !important; }
  .u-sp-bdc-white {
    border-color: #ffffff !important; }
  .u-sp-bdc-silver {
    border-color: #d2d2d2 !important; }
  .u-sp-bdc-gray {
    border-color: #aaaaaa !important; }
  .u-sp-bdc-black {
    border-color: #111111 !important; }
  .u-sp-bdc-navy {
    border-color: #001f3f !important; }
  .u-sp-bdc-blue {
    border-color: #0074d9 !important; }
  .u-sp-bdc-aqua {
    border-color: #7fdbff !important; }
  .u-sp-bdc-teal {
    border-color: #39cccc !important; }
  .u-sp-bdc-olive {
    border-color: #3d9970 !important; }
  .u-sp-bdc-green {
    border-color: #2ecc40 !important; }
  .u-sp-bdc-lime {
    border-color: #01ff70 !important; }
  .u-sp-bdc-yellow {
    border-color: #ffdc00 !important; }
  .u-sp-bdc-orange {
    border-color: #ff851b !important; }
  .u-sp-bdc-red {
    border-color: #ff4136 !important; }
  .u-sp-bdc-maroon {
    border-color: #85144b !important; }
  .u-sp-bdc-fuchsia {
    border-color: #f012be !important; }
  .u-sp-bdc-purple {
    border-color: #b10dc9 !important; }
  .u-sp-bdc-primary {
    border-color: #0275d8 !important; }
  .u-sp-bdc-success {
    border-color: #5cb85c !important; }
  .u-sp-bdc-info {
    border-color: #5bc0de !important; }
  .u-sp-bdc-warning {
    border-color: #f0ad4e !important; }
  .u-sp-bdc-danger {
    border-color: #d9534f !important; }
  .u-sp-bdi-n {
    -o-border-image: none !important;
       border-image: none !important; }
  .u-sp-bds-n {
    border-style: none !important; }
  .u-sp-bds-h {
    border-style: hidden !important; }
  .u-sp-bds-dt {
    border-style: dotted !important; }
  .u-sp-bds-ds {
    border-style: dashed !important; }
  .u-sp-bds-s {
    border-style: solid !important; }
  .u-sp-bds-db {
    border-style: double !important; }
  .u-sp-bds-w {
    border-style: wave !important; }
  .u-sp-bds-g {
    border-style: groove !important; }
  .u-sp-bds-r {
    border-style: ridge !important; }
  .u-sp-bds-i {
    border-style: inset !important; }
  .u-sp-bds-o {
    border-style: outset !important; }
  .u-sp-bdw-0 {
    border-width: 0 !important; }
  .u-sp-bdw-1 {
    border-width: 1px !important; }
  .u-sp-bdw-2 {
    border-width: 2px !important; }
  .u-sp-bdw-3 {
    border-width: 3px !important; }
  .u-sp-bdw-4 {
    border-width: 4px !important; }
  .u-sp-bdw-5 {
    border-width: 5px !important; }
  .u-sp-bdw-6 {
    border-width: 6px !important; }
  .u-sp-bdtw-0 {
    border-top-width: 0 !important; }
  .u-sp-bdtw-1 {
    border-top-width: 1px !important; }
  .u-sp-bdtw-2 {
    border-top-width: 2px !important; }
  .u-sp-bdtw-3 {
    border-top-width: 3px !important; }
  .u-sp-bdtw-4 {
    border-top-width: 4px !important; }
  .u-sp-bdtw-5 {
    border-top-width: 5px !important; }
  .u-sp-bdtw-6 {
    border-top-width: 6px !important; }
  .u-sp-bdrw-0 {
    border-right-width: 0 !important; }
  .u-sp-bdrw-1 {
    border-right-width: 1px !important; }
  .u-sp-bdrw-2 {
    border-right-width: 2px !important; }
  .u-sp-bdrw-3 {
    border-right-width: 3px !important; }
  .u-sp-bdrw-4 {
    border-right-width: 4px !important; }
  .u-sp-bdrw-5 {
    border-right-width: 5px !important; }
  .u-sp-bdrw-6 {
    border-right-width: 6px !important; }
  .u-sp-bdbw-0 {
    border-bottom-width: 0 !important; }
  .u-sp-bdbw-1 {
    border-bottom-width: 1px !important; }
  .u-sp-bdbw-2 {
    border-bottom-width: 2px !important; }
  .u-sp-bdbw-3 {
    border-bottom-width: 3px !important; }
  .u-sp-bdbw-4 {
    border-bottom-width: 4px !important; }
  .u-sp-bdbw-5 {
    border-bottom-width: 5px !important; }
  .u-sp-bdbw-6 {
    border-bottom-width: 6px !important; }
  .u-sp-bdlw-0 {
    border-left-width: 0 !important; }
  .u-sp-bdlw-1 {
    border-left-width: 1px !important; }
  .u-sp-bdlw-2 {
    border-left-width: 2px !important; }
  .u-sp-bdlw-3 {
    border-left-width: 3px !important; }
  .u-sp-bdlw-4 {
    border-left-width: 4px !important; }
  .u-sp-bdlw-5 {
    border-left-width: 5px !important; }
  .u-sp-bdlw-6 {
    border-left-width: 6px !important; }
  .u-sp-bdt-n {
    border-top: none !important; }
  .u-sp-bdt-0 {
    border-top: 0 !important; }
  .u-sp-bdtc-t {
    border-top-color: transparent !important; }
  .u-sp-bdtc-cc {
    border-top-color: currentColor !important; }
  .u-sp-bdr-n {
    border-right: none !important; }
  .u-sp-bdr-0 {
    border-right: 0 !important; }
  .u-sp-bdrc-t {
    border-right-color: transparent !important; }
  .u-sp-bdrc-cc {
    border-right-color: currentColor !important; }
  .u-sp-bdb-n {
    border-bottom: none !important; }
  .u-sp-bdb-0 {
    border-bottom: 0 !important; }
  .u-sp-bdbc-t {
    border-bottom-color: transparent !important; }
  .u-sp-bdbc-cc {
    border-bottom-color: currentColor !important; }
  .u-sp-bdl-n {
    border-left: none !important; }
  .u-sp-bdl-0 {
    border-left: 0 !important; }
  .u-sp-bdlc-t {
    border-left-color: transparent !important; }
  .u-sp-bdlc-cc {
    border-left-color: currentColor !important; }
  .u-sp-bd-r-0 {
    border-radius: 0 !important; }
  .u-sp-bd-tl-r-0 {
    border-top-left-radius: 0 !important; }
  .u-sp-bd-tr-r-0 {
    border-top-right-radius: 0 !important; }
  .u-sp-bd-bl-r-0 {
    border-bottom-left-radius: 0 !important; }
  .u-sp-bd-br-r-0 {
    border-bottom-right-radius: 0 !important; }
  .u-sp-bd-r-100p {
    border-radius: 100% !important; } }

/* 背景色
------------------------------------------------------------ */
.u-bgc-t {
  background-color: transparent !important; }

.u-bgc-cc {
  background-color: currentColor !important; }

.u-bgc-white {
  background-color: #ffffff !important; }

.u-bgc-silver {
  background-color: #dddddd !important; }

.u-bgc-gray {
  background-color: #aaaaaa !important; }

.u-bgc-black {
  background-color: #111111 !important; }

.u-bgc-navy {
  background-color: #001f3f !important; }

.u-bgc-blue {
  background-color: #0074d9 !important; }

.u-bgc-aqua {
  background-color: #7fdbff !important; }

.u-bgc-teal {
  background-color: #73D6CD !important; }

.u-bgc-olive {
  background-color: #3d9970 !important; }

.u-bgc-green {
  background-color: #2ecc40 !important; }

.u-bgc-lime {
  background-color: #01ff70 !important; }

.u-bgc-yellow {
  background-color: #ffdc00 !important; }

.u-bgc-orange {
  background-color: #ff851b !important; }

.u-bgc-red {
  background-color: #ff4136 !important; }

.u-bgc-maroon {
  background-color: #85144b !important; }

.u-bgc-fuchsia {
  background-color: #f012be !important; }

.u-bgc-purple {
  background-color: #b10dc9 !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-x {
  background-repeat: repeat-x !important; }

.u-bgr-y {
  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-bgsz-a {
  background-size: auto !important; }

.u-bgsz-ct {
  background-size: contain !important; }

.u-bgsz-cv {
  background-size: cover !important; }

.u-bg-n {
  background: none !important; }

.u-c-i {
  color: inherit !important; }

@media screen and (max-width: 767px) {
  .u-sp-bgc-t {
    background-color: transparent !important; }
  .u-sp-bgc-cc {
    background-color: currentColor !important; }
  .u-sp-bgc-white {
    background-color: #ffffff !important; }
  .u-sp-bgc-silver {
    background-color: #dddddd !important; }
  .u-sp-bgc-gray {
    background-color: #aaaaaa !important; }
  .u-sp-bgc-black {
    background-color: #111111 !important; }
  .u-sp-bgc-navy {
    background-color: #001f3f !important; }
  .u-sp-bgc-blue {
    background-color: #0074d9 !important; }
  .u-sp-bgc-aqua {
    background-color: #7fdbff !important; }
  .u-sp-bgc-teal {
    background-color: #73D6CD !important; }
  .u-sp-bgc-olive {
    background-color: #3d9970 !important; }
  .u-sp-bgc-green {
    background-color: #2ecc40 !important; }
  .u-sp-bgc-lime {
    background-color: #01ff70 !important; }
  .u-sp-bgc-yellow {
    background-color: #ffdc00 !important; }
  .u-sp-bgc-orange {
    background-color: #ff851b !important; }
  .u-sp-bgc-red {
    background-color: #ff4136 !important; }
  .u-sp-bgc-maroon {
    background-color: #85144b !important; }
  .u-sp-bgc-fuchsia {
    background-color: #f012be !important; }
  .u-sp-bgc-purple {
    background-color: #b10dc9 !important; }
  .u-sp-bgc-primary {
    background-color: #0275d8 !important; }
  .u-sp-bgc-success {
    background-color: #5cb85c !important; }
  .u-sp-bgc-info {
    background-color: #5bc0de !important; }
  .u-sp-bgc-warning {
    background-color: #f0ad4e !important; }
  .u-sp-bgc-danger {
    background-color: #d9534f !important; }
  .u-sp-bgi-n {
    background-image: none !important; }
  .u-sp-bgr-n {
    background-repeat: no-repeat !important; }
  .u-sp-bgr-x {
    background-repeat: repeat-x !important; }
  .u-sp-bgr-y {
    background-repeat: repeat-y !important; }
  .u-sp-bgr-sp {
    background-repeat: space !important; }
  .u-sp-bgr-rd {
    background-repeat: round !important; }
  .u-sp-bga-f {
    background-attachment: fixed !important; }
  .u-sp-bga-s {
    background-attachment: scroll !important; }
  .u-sp-bgp-t {
    background-position: top !important; }
  .u-sp-bgp-r {
    background-position: right !important; }
  .u-sp-bgp-b {
    background-position: bottom !important; }
  .u-sp-bgp-l {
    background-position: left !important; }
  .u-sp-bgp-c {
    background-position: center !important; }
  .u-sp-bgsz-a {
    background-size: auto !important; }
  .u-sp-bgsz-ct {
    background-size: contain !important; }
  .u-sp-bgsz-cv {
    background-size: cover !important; }
  .u-sp-bg-n {
    background: none !important; }
  .u-sp-c-i {
    color: inherit !important; } }

/* table
-------------------------------------------------- */
.u-tbl-a {
  table-layout: auto !important; }

.u-tbl-f {
  table-layout: fixed !important; }

@media screen and (max-width: 767px) {
  .u-sp-tbl-a {
    table-layout: auto !important; }
  .u-sp-tbl-f {
    table-layout: fixed !important; } }

/* list-style
-------------------------------------------------- */
.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-dc {
  list-style-type: decimal !important; }

.u-list-dclz {
  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; }

@media screen and (max-width: 767px) {
  .u-sp-lis-n {
    list-style: none !important; }
  .u-sp-lisp-i {
    list-style-position: inside !important; }
  .u-sp-lisp-o {
    list-style-position: outside !important; }
  .u-sp-list-n {
    list-style-type: none !important; }
  .u-sp-list-d {
    list-style-type: disc !important; }
  .u-sp-list-c {
    list-style-type: circle !important; }
  .u-sp-list-s {
    list-style-type: square !important; }
  .u-sp-list-dc {
    list-style-type: decimal !important; }
  .u-sp-list-dclz {
    list-style-type: decimal-leading-zero !important; }
  .u-sp-list-lr {
    list-style-type: lower-roman !important; }
  .u-sp-list-ur {
    list-style-type: upper-roman !important; }
  .u-sp-lisi-n {
    list-style-image: none !important; } }

/* vertical-align
-------------------------------------------------- */
.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; }

@media screen and (max-width: 767px) {
  .u-sp-va-sup {
    vertical-align: super !important; }
  .u-sp-va-t {
    vertical-align: top !important; }
  .u-sp-va-tt {
    vertical-align: text-top !important; }
  .u-sp-va-m {
    vertical-align: middle !important; }
  .u-sp-va-bl {
    vertical-align: baseline !important; }
  .u-sp-va-b {
    vertical-align: bottom !important; }
  .u-sp-va-tb {
    vertical-align: text-bottom !important; }
  .u-sp-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; }

@media screen and (max-width: 767px) {
  .u-sp-ta-l {
    text-align: left !important; }
  .u-sp-ta-c {
    text-align: center !important; }
  .u-sp-ta-r {
    text-align: right !important; }
  .u-sp-ta-j {
    text-align: justify !important; } }

/* font-size
-------------------------------------------------- */
.u-font-xxxs {
  font-size: 1rem !important; }

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

.u-font-xs {
  font-size: 1.3rem !important; }

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

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

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

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

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

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

.u-font-xxxxl {
  font-size: 2.8rem !important; }

.u-font-xxxxxl {
  font-size: 3.0rem !important; }

@media screen and (max-width: 767px) {
  .u-sp-font-xxxs {
    font-size: 1rem !important; }
  .u-sp-font-xxs {
    font-size: 1.2rem !important; }
  .u-sp-font-xs {
    font-size: 1.3rem !important; }
  .u-sp-font-s {
    font-size: 1.4rem !important; }
  .u-sp-font-m {
    font-size: 1.6rem !important; }
  .u-sp-font-l {
    font-size: 1.8rem !important; }
  .u-sp-font-xl {
    font-size: 2rem !important; }
  .u-sp-font-xxl {
    font-size: 2.2rem !important; }
  .u-sp-font-xxxl {
    font-size: 2.4rem !important; }
  .u-sp-font-xxxxl {
    font-size: 2.8rem !important; }
  .u-sp-font-xxxxxl {
    font-size: 3.0rem !important; } }

/* font-weight
-------------------------------------------------- */
.u-font-bold {
  font-family: 'TBUDゴシック B', 'TBUDGothic B' !important; }

.u-font-normal {
  font-family: 'TBUDゴシック R', 'TBUDGothic R' !important; }

@media screen and (max-width: 767px) {
  .u-sp-font-bold {
    font-family: 'TBUDゴシック B', 'TBUDGothic B' !important; }
  .u-sp-font-normal {
    font-family: 'TBUDゴシック R', 'TBUDGothic R' !important; } }

/* font-color
-------------------------------------------------- */
.u-font-red {
  color: #e8380d !important; }

.u-font-blue {
  color: #01299b !important; }

.u-font-orange {
  color: #f39b86 !important; }

.u-font-purple {
  color: #ba77af !important; }

.u-font-white {
  color: #fff !important; }

.u-font-gray {
  color: #404544 !important; }

.u-font-lightgray {
  color: #797c7c !important; }

@media screen and (max-width: 767px) {
  .u-sp-font-red {
    color: #e8380d !important; }
  .u-sp-font-blue {
    color: #01299b !important; }
  .u-sp-font-orange {
    color: #f39b86 !important; }
  .u-sp-font-purple {
    color: #ba77af !important; }
  .u-sp-font-white {
    color: #fff !important; }
  .u-sp-font-gray {
    color: #404544 !important; }
  .u-sp-font-lightgray {
    color: #797c7c !important; } }

/* text-decoration
-------------------------------------------------- */
.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; }

@media screen and (max-width: 767px) {
  .u-sp-td-n {
    text-decoration: none !important; }
  .u-sp-td-u {
    text-decoration: underline !important; }
  .u-sp-td-o {
    text-decoration: overline !important; }
  .u-sp-td-l {
    text-decoration: line-through !important; } }

/* line-height
-------------------------------------------------- */
.u-lh-nm {
  line-height: normal !important; }

.u-lh-i {
  line-height: inherit !important; }

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

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

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

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

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

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

.u-lh-6 {
  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; }

@media screen and (max-width: 767px) {
  .u-sp-lh-nm {
    line-height: normal !important; }
  .u-sp-lh-i {
    line-height: inherit !important; }
  .u-sp-lh-0 {
    line-height: 0 !important; }
  .u-sp-lh-1 {
    line-height: 1 !important; }
  .u-sp-lh-2 {
    line-height: 2 !important; }
  .u-sp-lh-3 {
    line-height: 3 !important; }
  .u-sp-lh-4 {
    line-height: 4 !important; }
  .u-sp-lh-5 {
    line-height: 5 !important; }
  .u-sp-lh-6 {
    line-height: 6 !important; }
  .u-sp-lh-xs {
    line-height: 1.25 !important; }
  .u-sp-lh-sm {
    line-height: 1.33 !important; }
  .u-sp-lh-md {
    line-height: 1.5 !important; }
  .u-sp-lh-lg {
    line-height: 1.75 !important; }
  .u-sp-lh-xl {
    line-height: 2 !important; } }

/* white-space
-------------------------------------------------- */
.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; }

@media screen and (max-width: 767px) {
  .u-sp-whs-nm {
    white-space: normal !important; }
  .u-sp-whs-p {
    white-space: pre !important; }
  .u-sp-whs-nw {
    white-space: nowrap !important; }
  .u-sp-whs-pw {
    white-space: pre-wrap !important; }
  .u-sp-whs-pl {
    white-space: pre-line !important; }
  .u-sp-wob-nm {
    word-break: normal !important; }
  .u-sp-wob-k {
    word-break: keep-all !important; }
  .u-sp-wob-ba {
    word-break: break-all !important; }
  .u-sp-wow-nm {
    word-wrap: normal !important; }
  .u-sp-wow-n {
    word-wrap: none !important; }
  .u-sp-wow-u {
    word-wrap: unrestricted !important; }
  .u-sp-wow-s {
    word-wrap: suppress !important; }
  .u-sp-wow-bw {
    word-wrap: break-word !important; } }

/* cursor
-------------------------------------------------- */
.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; }

@media screen and (max-width: 767px) {
  .u-sp-cur-a {
    cursor: auto !important; }
  .u-sp-cur-d {
    cursor: default !important; }
  .u-sp-cur-c {
    cursor: crosshair !important; }
  .u-sp-cur-ha {
    cursor: hand !important; }
  .u-sp-cur-he {
    cursor: help !important; }
  .u-sp-cur-m {
    cursor: move !important; }
  .u-sp-cur-p {
    cursor: pointer !important; }
  .u-sp-cur-t {
    cursor: text !important; } }

/* flex
-------------------------------------------------- */
.u-fxd-r {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

.u-fxd-rr {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important; }

.u-fxd-c {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

.u-fxd-cr {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important; }

.u-fxw-n {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

.u-fxw-w {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }

.u-fxw-wr {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important; }

.u-jc-fs {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

.u-jc-fe {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

.u-jc-c {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.u-jc-sb {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.u-jc-sa {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.u-ai-fs {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important; }

.u-ai-fe {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important; }

.u-ai-c {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.u-ai-b {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important; }

.u-ai-s {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important; }

.u-ac-fs {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important; }

.u-ac-fe {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important; }

.u-ac-c {
  -ms-flex-line-pack: center !important;
      align-content: center !important; }

.u-ac-sb {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important; }

.u-ac-sa {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important; }

.u-ac-s {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important; }

.u-ord--1 {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important; }

.u-ord-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important; }

.u-ord-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important; }

.u-ord-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important; }

.u-ord-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important; }

.u-ord-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important; }

.u-ord-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important; }

.u-ord-6 {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important; }

.u-ord-9999 {
  -webkit-box-ordinal-group: 10000 !important;
      -ms-flex-order: 9999 !important;
          order: 9999 !important; }

.u-fx-n {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.u-fx-1_1_a {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important; }

.u-fx-1_0_a {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 0 auto !important;
          flex: 1 0 auto !important; }

.u-fx-0_0_a {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important; }

.u-fx-0_0_1 {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1px auto !important;
          flex: 0 1px auto !important; }

.u-fx-0_1_a {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important; }

.u-fx-1_1_1 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 1px !important;
          flex: 1 1 1px !important; }

.u-as-a {
  -ms-flex-item-align: auto !important;
      align-self: auto !important; }

.u-as-fs {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important; }

.u-as-fe {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important; }

.u-as-c {
  -ms-flex-item-align: center !important;
      align-self: center !important; }

.u-as-b {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important; }

.u-as-s {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important; }

@media screen and (max-width: 767px) {
  .u-sp-fxd-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
  .u-sp-fxd-rr {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important; }
  .u-sp-fxd-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .u-sp-fxd-cr {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important; }
  .u-sp-fxw-n {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; }
  .u-sp-fxw-w {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; }
  .u-sp-fxw-wr {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important; }
  .u-sp-jc-fs {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .u-sp-jc-fe {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; }
  .u-sp-jc-c {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .u-sp-jc-sb {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .u-sp-jc-sa {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .u-sp-ai-fs {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .u-sp-ai-fe {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important; }
  .u-sp-ai-c {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .u-sp-ai-b {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important; }
  .u-sp-ai-s {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important; }
  .u-sp-ac-fs {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important; }
  .u-sp-ac-fe {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important; }
  .u-sp-ac-c {
    -ms-flex-line-pack: center !important;
        align-content: center !important; }
  .u-sp-ac-sb {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important; }
  .u-sp-ac-sa {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important; }
  .u-sp-ac-s {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important; }
  .u-sp-ord--1 {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important; }
  .u-sp-ord-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important; }
  .u-sp-ord-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important; }
  .u-sp-ord-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important; }
  .u-sp-ord-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important; }
  .u-sp-ord-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important; }
  .u-sp-ord-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important; }
  .u-sp-ord-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important; }
  .u-sp-ord-9999 {
    -webkit-box-ordinal-group: 10000 !important;
        -ms-flex-order: 9999 !important;
            order: 9999 !important; }
  .u-sp-fx-n {
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-sp-fx-1_1_a {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important; }
  .u-sp-fx-1_0_a {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 auto !important;
            flex: 1 0 auto !important; }
  .u-sp-fx-0_0_a {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important; }
  .u-sp-fx-0_1_a {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important; }
  .u-sp-fx-1_1_1 {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 1px !important;
            flex: 1 1 1px !important; }
  .u-sp-as-a {
    -ms-flex-item-align: auto !important;
        align-self: auto !important; }
  .u-sp-as-fs {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important; }
  .u-sp-as-fe {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important; }
  .u-sp-as-c {
    -ms-flex-item-align: center !important;
        align-self: center !important; }
  .u-sp-as-b {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important; }
  .u-sp-as-s {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important; } }

/* margin
------------------------------------------------------------ */
.u-m-a {
  margin: auto !important; }

.u-ma0 {
  margin: 0 !important; }

.u-mt0 {
  margin-top: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mt95 {
  margin-top: 95px !important; }

.u-mt100 {
  margin-top: 100px !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mb95 {
  margin-bottom: 95px !important; }

.u-mb100 {
  margin-bottom: 100px !important; }

.u-ml-a {
  margin-left: auto !important; }

.u-ml0 {
  margin-left: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-ml95 {
  margin-left: 95px !important; }

.u-ml100 {
  margin-left: 100px !important; }

.u-mr-a {
  margin-right: auto !important; }

.u-mr0 {
  margin-right: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mr95 {
  margin-right: 95px !important; }

.u-mr100 {
  margin-right: 100px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-nmt95 {
  margin-top: -95px !important; }

.u-nmt100 {
  margin-top: -100px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-nmb95 {
  margin-bottom: -95px !important; }

.u-nmb100 {
  margin-bottom: -100px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-nml95 {
  margin-left: -95px !important; }

.u-nml100 {
  margin-left: -100px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-nmr95 {
  margin-right: -95px !important; }

.u-nmr100 {
  margin-right: -100px !important; }

@media screen and (max-width: 767px) {
  .u-sp-m-a {
    margin: auto !important; }
  .u-sp-ma0 {
    margin: 0 !important; }
  .u-sp-mt0 {
    margin-top: 0 !important; }
  .u-sp-mt5 {
    margin-top: 5px !important; }
  .u-sp-mt10 {
    margin-top: 10px !important; }
  .u-sp-mt15 {
    margin-top: 15px !important; }
  .u-sp-mt20 {
    margin-top: 20px !important; }
  .u-sp-mt25 {
    margin-top: 25px !important; }
  .u-sp-mt30 {
    margin-top: 30px !important; }
  .u-sp-mt35 {
    margin-top: 35px !important; }
  .u-sp-mt40 {
    margin-top: 40px !important; }
  .u-sp-mt45 {
    margin-top: 45px !important; }
  .u-sp-mt50 {
    margin-top: 50px !important; }
  .u-sp-mt55 {
    margin-top: 55px !important; }
  .u-sp-mt60 {
    margin-top: 60px !important; }
  .u-sp-mt65 {
    margin-top: 65px !important; }
  .u-sp-mt70 {
    margin-top: 70px !important; }
  .u-sp-mt75 {
    margin-top: 75px !important; }
  .u-sp-mt80 {
    margin-top: 80px !important; }
  .u-sp-mt85 {
    margin-top: 85px !important; }
  .u-sp-mt90 {
    margin-top: 90px !important; }
  .u-sp-mt95 {
    margin-top: 95px !important; }
  .u-sp-mt100 {
    margin-top: 100px !important; }
  .u-sp-mb0 {
    margin-bottom: 0 !important; }
  .u-sp-mb5 {
    margin-bottom: 5px !important; }
  .u-sp-mb10 {
    margin-bottom: 10px !important; }
  .u-sp-mb15 {
    margin-bottom: 15px !important; }
  .u-sp-mb20 {
    margin-bottom: 20px !important; }
  .u-sp-mb25 {
    margin-bottom: 25px !important; }
  .u-sp-mb30 {
    margin-bottom: 30px !important; }
  .u-sp-mb35 {
    margin-bottom: 35px !important; }
  .u-sp-mb40 {
    margin-bottom: 40px !important; }
  .u-sp-mb45 {
    margin-bottom: 45px !important; }
  .u-sp-mb50 {
    margin-bottom: 50px !important; }
  .u-sp-mb55 {
    margin-bottom: 55px !important; }
  .u-sp-mb60 {
    margin-bottom: 60px !important; }
  .u-sp-mb65 {
    margin-bottom: 65px !important; }
  .u-sp-mb70 {
    margin-bottom: 70px !important; }
  .u-sp-mb75 {
    margin-bottom: 75px !important; }
  .u-sp-mb80 {
    margin-bottom: 80px !important; }
  .u-sp-mb85 {
    margin-bottom: 85px !important; }
  .u-sp-mb90 {
    margin-bottom: 90px !important; }
  .u-sp-mb95 {
    margin-bottom: 95px !important; }
  .u-sp-mb100 {
    margin-bottom: 100px !important; }
  .u-sp-ml-a {
    margin-left: auto !important; }
  .u-sp-ml0 {
    margin-left: 0 !important; }
  .u-sp-ml5 {
    margin-left: 5px !important; }
  .u-sp-ml10 {
    margin-left: 10px !important; }
  .u-sp-ml15 {
    margin-left: 15px !important; }
  .u-sp-ml20 {
    margin-left: 20px !important; }
  .u-sp-ml25 {
    margin-left: 25px !important; }
  .u-sp-ml30 {
    margin-left: 30px !important; }
  .u-sp-ml35 {
    margin-left: 35px !important; }
  .u-sp-ml40 {
    margin-left: 40px !important; }
  .u-sp-ml45 {
    margin-left: 45px !important; }
  .u-sp-ml50 {
    margin-left: 50px !important; }
  .u-sp-ml55 {
    margin-left: 55px !important; }
  .u-sp-ml60 {
    margin-left: 60px !important; }
  .u-sp-ml65 {
    margin-left: 65px !important; }
  .u-sp-ml70 {
    margin-left: 70px !important; }
  .u-sp-ml75 {
    margin-left: 75px !important; }
  .u-sp-ml80 {
    margin-left: 80px !important; }
  .u-sp-ml85 {
    margin-left: 85px !important; }
  .u-sp-ml90 {
    margin-left: 90px !important; }
  .u-sp-ml95 {
    margin-left: 95px !important; }
  .u-sp-ml100 {
    margin-left: 100px !important; }
  .u-sp-mr-a {
    margin-right: auto !important; }
  .u-sp-mr0 {
    margin-right: 0 !important; }
  .u-sp-mr5 {
    margin-right: 5px !important; }
  .u-sp-mr10 {
    margin-right: 10px !important; }
  .u-sp-mr15 {
    margin-right: 15px !important; }
  .u-sp-mr20 {
    margin-right: 20px !important; }
  .u-sp-mr25 {
    margin-right: 25px !important; }
  .u-sp-mr30 {
    margin-right: 30px !important; }
  .u-sp-mr35 {
    margin-right: 35px !important; }
  .u-sp-mr40 {
    margin-right: 40px !important; }
  .u-sp-mr45 {
    margin-right: 45px !important; }
  .u-sp-mr50 {
    margin-right: 50px !important; }
  .u-sp-mr55 {
    margin-right: 55px !important; }
  .u-sp-mr60 {
    margin-right: 60px !important; }
  .u-sp-mr65 {
    margin-right: 65px !important; }
  .u-sp-mr70 {
    margin-right: 70px !important; }
  .u-sp-mr75 {
    margin-right: 75px !important; }
  .u-sp-mr80 {
    margin-right: 80px !important; }
  .u-sp-mr85 {
    margin-right: 85px !important; }
  .u-sp-mr90 {
    margin-right: 90px !important; }
  .u-sp-mr95 {
    margin-right: 95px !important; }
  .u-sp-mr100 {
    margin-right: 100px !important; }
  .u-sp-nmt5 {
    margin-top: -5px !important; }
  .u-sp-nmt10 {
    margin-top: -10px !important; }
  .u-sp-nmt15 {
    margin-top: -15px !important; }
  .u-sp-nmt20 {
    margin-top: -20px !important; }
  .u-sp-nmt25 {
    margin-top: -25px !important; }
  .u-sp-nmt30 {
    margin-top: -30px !important; }
  .u-sp-nmt35 {
    margin-top: -35px !important; }
  .u-sp-nmt40 {
    margin-top: -40px !important; }
  .u-sp-nmt45 {
    margin-top: -45px !important; }
  .u-sp-nmt50 {
    margin-top: -50px !important; }
  .u-sp-nmt55 {
    margin-top: -55px !important; }
  .u-sp-nmt60 {
    margin-top: -60px !important; }
  .u-sp-nmt65 {
    margin-top: -65px !important; }
  .u-sp-nmt70 {
    margin-top: -70px !important; }
  .u-sp-nmt75 {
    margin-top: -75px !important; }
  .u-sp-nmt80 {
    margin-top: -80px !important; }
  .u-sp-nmt85 {
    margin-top: -85px !important; }
  .u-sp-nmt90 {
    margin-top: -90px !important; }
  .u-sp-nmt95 {
    margin-top: -95px !important; }
  .u-sp-nmt100 {
    margin-top: -100px !important; }
  .u-sp-nmb5 {
    margin-bottom: -5px !important; }
  .u-sp-nmb10 {
    margin-bottom: -10px !important; }
  .u-sp-nmb15 {
    margin-bottom: -15px !important; }
  .u-sp-nmb20 {
    margin-bottom: -20px !important; }
  .u-sp-nmb25 {
    margin-bottom: -25px !important; }
  .u-sp-nmb30 {
    margin-bottom: -30px !important; }
  .u-sp-nmb35 {
    margin-bottom: -35px !important; }
  .u-sp-nmb40 {
    margin-bottom: -40px !important; }
  .u-sp-nmb45 {
    margin-bottom: -45px !important; }
  .u-sp-nmb50 {
    margin-bottom: -50px !important; }
  .u-sp-nmb55 {
    margin-bottom: -55px !important; }
  .u-sp-nmb60 {
    margin-bottom: -60px !important; }
  .u-sp-nmb65 {
    margin-bottom: -65px !important; }
  .u-sp-nmb70 {
    margin-bottom: -70px !important; }
  .u-sp-nmb75 {
    margin-bottom: -75px !important; }
  .u-sp-nmb80 {
    margin-bottom: -80px !important; }
  .u-sp-nmb85 {
    margin-bottom: -85px !important; }
  .u-sp-nmb90 {
    margin-bottom: -90px !important; }
  .u-sp-nmb95 {
    margin-bottom: -95px !important; }
  .u-sp-nmb100 {
    margin-bottom: -100px !important; }
  .u-sp-nml5 {
    margin-left: -5px !important; }
  .u-sp-nml10 {
    margin-left: -10px !important; }
  .u-sp-nml15 {
    margin-left: -15px !important; }
  .u-sp-nml20 {
    margin-left: -20px !important; }
  .u-sp-nml25 {
    margin-left: -25px !important; }
  .u-sp-nml30 {
    margin-left: -30px !important; }
  .u-sp-nml35 {
    margin-left: -35px !important; }
  .u-sp-nml40 {
    margin-left: -40px !important; }
  .u-sp-nml45 {
    margin-left: -45px !important; }
  .u-sp-nml50 {
    margin-left: -50px !important; }
  .u-sp-nml55 {
    margin-left: -55px !important; }
  .u-sp-nml60 {
    margin-left: -60px !important; }
  .u-sp-nml65 {
    margin-left: -65px !important; }
  .u-sp-nml70 {
    margin-left: -70px !important; }
  .u-sp-nml75 {
    margin-left: -75px !important; }
  .u-sp-nml80 {
    margin-left: -80px !important; }
  .u-sp-nml85 {
    margin-left: -85px !important; }
  .u-sp-nml90 {
    margin-left: -90px !important; }
  .u-sp-nml95 {
    margin-left: -95px !important; }
  .u-sp-nml100 {
    margin-left: -100px !important; }
  .u-sp-nmr5 {
    margin-right: -5px !important; }
  .u-sp-nmr10 {
    margin-right: -10px !important; }
  .u-sp-nmr15 {
    margin-right: -15px !important; }
  .u-sp-nmr20 {
    margin-right: -20px !important; }
  .u-sp-nmr25 {
    margin-right: -25px !important; }
  .u-sp-nmr30 {
    margin-right: -30px !important; }
  .u-sp-nmr35 {
    margin-right: -35px !important; }
  .u-sp-nmr40 {
    margin-right: -40px !important; }
  .u-sp-nmr45 {
    margin-right: -45px !important; }
  .u-sp-nmr50 {
    margin-right: -50px !important; }
  .u-sp-nmr55 {
    margin-right: -55px !important; }
  .u-sp-nmr60 {
    margin-right: -60px !important; }
  .u-sp-nmr65 {
    margin-right: -65px !important; }
  .u-sp-nmr70 {
    margin-right: -70px !important; }
  .u-sp-nmr75 {
    margin-right: -75px !important; }
  .u-sp-nmr80 {
    margin-right: -80px !important; }
  .u-sp-nmr85 {
    margin-right: -85px !important; }
  .u-sp-nmr90 {
    margin-right: -90px !important; }
  .u-sp-nmr95 {
    margin-right: -95px !important; }
  .u-sp-nmr100 {
    margin-right: -100px !important; } }

.u-ml1em {
  margin-left: 1em !important; }

.u-ml2em {
  margin-left: 2em !important; }

.u-ml3em {
  margin-left: 3em !important; }

.u-ml4em {
  margin-left: 4em !important; }

.u-ml5em {
  margin-left: 5em !important; }

.u-ml6em {
  margin-left: 6em !important; }

.u-ml7em {
  margin-left: 7em !important; }

.u-ml8em {
  margin-left: 8em !important; }

.u-ml9em {
  margin-left: 9em !important; }

.u-ml10em {
  margin-left: 10em !important; }

@media screen and (max-width: 767px) {
  .u-sp-ml1em {
    margin-left: 1em !important; }
  .u-sp-ml2em {
    margin-left: 2em !important; }
  .u-sp-ml3em {
    margin-left: 3em !important; }
  .u-sp-ml4em {
    margin-left: 4em !important; }
  .u-sp-ml5em {
    margin-left: 5em !important; }
  .u-sp-ml6em {
    margin-left: 6em !important; }
  .u-sp-ml7em {
    margin-left: 7em !important; }
  .u-sp-ml8em {
    margin-left: 8em !important; }
  .u-sp-ml9em {
    margin-left: 9em !important; }
  .u-sp-ml10em {
    margin-left: 10em !important; } }

/* padding
------------------------------------------------------------ */
.u-pa0 {
  padding: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-pa95 {
  padding: 95px !important; }

.u-pa100 {
  padding: 100px !important; }

.u-pt0 {
  padding-top: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-pt95 {
  padding-top: 95px !important; }

.u-pt100 {
  padding-top: 100px !important; }

.u-pr0 {
  padding-right: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-pr95 {
  padding-right: 95px !important; }

.u-pr100 {
  padding-right: 100px !important; }

.u-pb0 {
  padding-bottom: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-pb95 {
  padding-bottom: 95px !important; }

.u-pb100 {
  padding-bottom: 100px !important; }

.u-pl0 {
  padding-left: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-pl95 {
  padding-left: 95px !important; }

.u-pl100 {
  padding-left: 100px !important; }

@media screen and (max-width: 767px) {
  .u-sp-pa0 {
    padding: 0 !important; }
  .u-sp-pa5 {
    padding: 5px !important; }
  .u-sp-pa10 {
    padding: 10px !important; }
  .u-sp-pa15 {
    padding: 15px !important; }
  .u-sp-pa20 {
    padding: 20px !important; }
  .u-sp-pa25 {
    padding: 25px !important; }
  .u-sp-pa30 {
    padding: 30px !important; }
  .u-sp-pa35 {
    padding: 35px !important; }
  .u-sp-pa40 {
    padding: 40px !important; }
  .u-sp-pa45 {
    padding: 45px !important; }
  .u-sp-pa50 {
    padding: 50px !important; }
  .u-sp-pa55 {
    padding: 55px !important; }
  .u-sp-pa60 {
    padding: 60px !important; }
  .u-sp-pa65 {
    padding: 65px !important; }
  .u-sp-pa70 {
    padding: 70px !important; }
  .u-sp-pa75 {
    padding: 75px !important; }
  .u-sp-pa80 {
    padding: 80px !important; }
  .u-sp-pa85 {
    padding: 85px !important; }
  .u-sp-pa90 {
    padding: 90px !important; }
  .u-sp-pa95 {
    padding: 95px !important; }
  .u-sp-pa100 {
    padding: 100px !important; }
  .u-sp-pt0 {
    padding-top: 0 !important; }
  .u-sp-pt5 {
    padding-top: 5px !important; }
  .u-sp-pt10 {
    padding-top: 10px !important; }
  .u-sp-pt15 {
    padding-top: 15px !important; }
  .u-sp-pt20 {
    padding-top: 20px !important; }
  .u-sp-pt25 {
    padding-top: 25px !important; }
  .u-sp-pt30 {
    padding-top: 30px !important; }
  .u-sp-pt35 {
    padding-top: 35px !important; }
  .u-sp-pt40 {
    padding-top: 40px !important; }
  .u-sp-pt45 {
    padding-top: 45px !important; }
  .u-sp-pt50 {
    padding-top: 50px !important; }
  .u-sp-pt55 {
    padding-top: 55px !important; }
  .u-sp-pt60 {
    padding-top: 60px !important; }
  .u-sp-pt65 {
    padding-top: 65px !important; }
  .u-sp-pt70 {
    padding-top: 70px !important; }
  .u-sp-pt75 {
    padding-top: 75px !important; }
  .u-sp-pt80 {
    padding-top: 80px !important; }
  .u-sp-pt85 {
    padding-top: 85px !important; }
  .u-sp-pt90 {
    padding-top: 90px !important; }
  .u-sp-pt95 {
    padding-top: 95px !important; }
  .u-sp-pt100 {
    padding-top: 100px !important; }
  .u-sp-pr0 {
    padding-right: 0 !important; }
  .u-sp-pr5 {
    padding-right: 5px !important; }
  .u-sp-pr10 {
    padding-right: 10px !important; }
  .u-sp-pr15 {
    padding-right: 15px !important; }
  .u-sp-pr20 {
    padding-right: 20px !important; }
  .u-sp-pr25 {
    padding-right: 25px !important; }
  .u-sp-pr30 {
    padding-right: 30px !important; }
  .u-sp-pr35 {
    padding-right: 35px !important; }
  .u-sp-pr40 {
    padding-right: 40px !important; }
  .u-sp-pr45 {
    padding-right: 45px !important; }
  .u-sp-pr50 {
    padding-right: 50px !important; }
  .u-sp-pr55 {
    padding-right: 55px !important; }
  .u-sp-pr60 {
    padding-right: 60px !important; }
  .u-sp-pr65 {
    padding-right: 65px !important; }
  .u-sp-pr70 {
    padding-right: 70px !important; }
  .u-sp-pr75 {
    padding-right: 75px !important; }
  .u-sp-pr80 {
    padding-right: 80px !important; }
  .u-sp-pr85 {
    padding-right: 85px !important; }
  .u-sp-pr90 {
    padding-right: 90px !important; }
  .u-sp-pr95 {
    padding-right: 95px !important; }
  .u-sp-pr100 {
    padding-right: 100px !important; }
  .u-sp-pb0 {
    padding-bottom: 0 !important; }
  .u-sp-pb5 {
    padding-bottom: 5px !important; }
  .u-sp-pb10 {
    padding-bottom: 10px !important; }
  .u-sp-pb15 {
    padding-bottom: 15px !important; }
  .u-sp-pb20 {
    padding-bottom: 20px !important; }
  .u-sp-pb25 {
    padding-bottom: 25px !important; }
  .u-sp-pb30 {
    padding-bottom: 30px !important; }
  .u-sp-pb35 {
    padding-bottom: 35px !important; }
  .u-sp-pb40 {
    padding-bottom: 40px !important; }
  .u-sp-pb45 {
    padding-bottom: 45px !important; }
  .u-sp-pb50 {
    padding-bottom: 50px !important; }
  .u-sp-pb55 {
    padding-bottom: 55px !important; }
  .u-sp-pb60 {
    padding-bottom: 60px !important; }
  .u-sp-pb65 {
    padding-bottom: 65px !important; }
  .u-sp-pb70 {
    padding-bottom: 70px !important; }
  .u-sp-pb75 {
    padding-bottom: 75px !important; }
  .u-sp-pb80 {
    padding-bottom: 80px !important; }
  .u-sp-pb85 {
    padding-bottom: 85px !important; }
  .u-sp-pb90 {
    padding-bottom: 90px !important; }
  .u-sp-pb95 {
    padding-bottom: 95px !important; }
  .u-sp-pb100 {
    padding-bottom: 100px !important; }
  .u-sp-pl0 {
    padding-left: 0 !important; }
  .u-sp-pl5 {
    padding-left: 5px !important; }
  .u-sp-pl10 {
    padding-left: 10px !important; }
  .u-sp-pl15 {
    padding-left: 15px !important; }
  .u-sp-pl20 {
    padding-left: 20px !important; }
  .u-sp-pl25 {
    padding-left: 25px !important; }
  .u-sp-pl30 {
    padding-left: 30px !important; }
  .u-sp-pl35 {
    padding-left: 35px !important; }
  .u-sp-pl40 {
    padding-left: 40px !important; }
  .u-sp-pl45 {
    padding-left: 45px !important; }
  .u-sp-pl50 {
    padding-left: 50px !important; }
  .u-sp-pl55 {
    padding-left: 55px !important; }
  .u-sp-pl60 {
    padding-left: 60px !important; }
  .u-sp-pl65 {
    padding-left: 65px !important; }
  .u-sp-pl70 {
    padding-left: 70px !important; }
  .u-sp-pl75 {
    padding-left: 75px !important; }
  .u-sp-pl80 {
    padding-left: 80px !important; }
  .u-sp-pl85 {
    padding-left: 85px !important; }
  .u-sp-pl90 {
    padding-left: 90px !important; }
  .u-sp-pl95 {
    padding-left: 95px !important; }
  .u-sp-pl100 {
    padding-left: 100px !important; } }

/* 幅-px指定
------------------------------------------------------------ */
.u-pc-wd-a {
  width: auto !important; }

.u-pc-wd0 {
  width: 0px !important; }

.u-pc-wd5 {
  width: 5px !important; }

.u-pc-wd10 {
  width: 10px !important; }

.u-pc-wd15 {
  width: 15px !important; }

.u-pc-wd20 {
  width: 20px !important; }

.u-pc-wd25 {
  width: 25px !important; }

.u-pc-wd30 {
  width: 30px !important; }

.u-pc-wd35 {
  width: 35px !important; }

.u-pc-wd40 {
  width: 40px !important; }

.u-pc-wd45 {
  width: 45px !important; }

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

.u-pc-wd55 {
  width: 55px !important; }

.u-pc-wd60 {
  width: 60px !important; }

.u-pc-wd65 {
  width: 65px !important; }

.u-pc-wd70 {
  width: 70px !important; }

.u-pc-wd75 {
  width: 75px !important; }

.u-pc-wd80 {
  width: 80px !important; }

.u-pc-wd85 {
  width: 85px !important; }

.u-pc-wd90 {
  width: 90px !important; }

.u-pc-wd95 {
  width: 95px !important; }

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

.u-pc-wd105 {
  width: 105px !important; }

.u-pc-wd110 {
  width: 110px !important; }

.u-pc-wd115 {
  width: 115px !important; }

.u-pc-wd120 {
  width: 120px !important; }

.u-pc-wd125 {
  width: 125px !important; }

.u-pc-wd130 {
  width: 130px !important; }

.u-pc-wd135 {
  width: 135px !important; }

.u-pc-wd140 {
  width: 140px !important; }

.u-pc-wd145 {
  width: 145px !important; }

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

.u-pc-wd155 {
  width: 155px !important; }

.u-pc-wd160 {
  width: 160px !important; }

.u-pc-wd165 {
  width: 165px !important; }

.u-pc-wd170 {
  width: 170px !important; }

.u-pc-wd175 {
  width: 175px !important; }

.u-pc-wd180 {
  width: 180px !important; }

.u-pc-wd185 {
  width: 185px !important; }

.u-pc-wd190 {
  width: 190px !important; }

.u-pc-wd195 {
  width: 195px !important; }

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

.u-pc-wd205 {
  width: 205px !important; }

.u-pc-wd210 {
  width: 210px !important; }

.u-pc-wd215 {
  width: 215px !important; }

.u-pc-wd220 {
  width: 220px !important; }

.u-pc-wd225 {
  width: 225px !important; }

.u-pc-wd230 {
  width: 230px !important; }

.u-pc-wd235 {
  width: 235px !important; }

.u-pc-wd240 {
  width: 240px !important; }

.u-pc-wd245 {
  width: 245px !important; }

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

.u-pc-wd255 {
  width: 255px !important; }

.u-pc-wd260 {
  width: 260px !important; }

.u-pc-wd265 {
  width: 265px !important; }

.u-pc-wd270 {
  width: 270px !important; }

.u-pc-wd275 {
  width: 275px !important; }

.u-pc-wd280 {
  width: 280px !important; }

.u-pc-wd285 {
  width: 285px !important; }

.u-pc-wd290 {
  width: 290px !important; }

.u-pc-wd295 {
  width: 295px !important; }

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

.u-pc-wd305 {
  width: 305px !important; }

.u-pc-wd310 {
  width: 310px !important; }

.u-pc-wd315 {
  width: 315px !important; }

.u-pc-wd320 {
  width: 320px !important; }

.u-pc-wd325 {
  width: 325px !important; }

.u-pc-wd330 {
  width: 330px !important; }

.u-pc-wd335 {
  width: 335px !important; }

.u-pc-wd340 {
  width: 340px !important; }

.u-pc-wd345 {
  width: 345px !important; }

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

.u-pc-wd355 {
  width: 355px !important; }

.u-pc-wd360 {
  width: 360px !important; }

.u-pc-wd365 {
  width: 365px !important; }

.u-pc-wd370 {
  width: 370px !important; }

.u-pc-wd375 {
  width: 375px !important; }

.u-pc-wd380 {
  width: 380px !important; }

.u-pc-wd385 {
  width: 385px !important; }

.u-pc-wd390 {
  width: 390px !important; }

.u-pc-wd395 {
  width: 395px !important; }

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

.u-pc-wd405 {
  width: 405px !important; }

.u-pc-wd410 {
  width: 410px !important; }

.u-pc-wd415 {
  width: 415px !important; }

.u-pc-wd420 {
  width: 420px !important; }

.u-pc-wd425 {
  width: 425px !important; }

.u-pc-wd430 {
  width: 430px !important; }

.u-pc-wd435 {
  width: 435px !important; }

.u-pc-wd440 {
  width: 440px !important; }

.u-pc-wd445 {
  width: 445px !important; }

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

.u-pc-wd455 {
  width: 455px !important; }

.u-pc-wd460 {
  width: 460px !important; }

.u-pc-wd465 {
  width: 465px !important; }

.u-pc-wd470 {
  width: 470px !important; }

.u-pc-wd475 {
  width: 475px !important; }

.u-pc-wd480 {
  width: 480px !important; }

.u-pc-wd485 {
  width: 485px !important; }

.u-pc-wd490 {
  width: 490px !important; }

.u-pc-wd495 {
  width: 495px !important; }

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

.u-pc-wd505 {
  width: 505px !important; }

.u-pc-wd510 {
  width: 510px !important; }

.u-pc-wd515 {
  width: 515px !important; }

.u-pc-wd520 {
  width: 520px !important; }

.u-pc-wd525 {
  width: 525px !important; }

.u-pc-wd530 {
  width: 530px !important; }

.u-pc-wd535 {
  width: 535px !important; }

.u-pc-wd540 {
  width: 540px !important; }

.u-pc-wd545 {
  width: 545px !important; }

.u-pc-wd550 {
  width: 550px !important; }

.u-pc-wd555 {
  width: 555px !important; }

.u-pc-wd560 {
  width: 560px !important; }

.u-pc-wd565 {
  width: 565px !important; }

.u-pc-wd570 {
  width: 570px !important; }

.u-pc-wd575 {
  width: 575px !important; }

.u-pc-wd580 {
  width: 580px !important; }

.u-pc-wd585 {
  width: 585px !important; }

.u-pc-wd590 {
  width: 590px !important; }

.u-pc-wd595 {
  width: 595px !important; }

.u-pc-wd600 {
  width: 600px !important; }

.u-pc-wd605 {
  width: 605px !important; }

.u-pc-wd610 {
  width: 610px !important; }

.u-pc-wd615 {
  width: 615px !important; }

.u-pc-wd620 {
  width: 620px !important; }

.u-pc-wd625 {
  width: 625px !important; }

.u-pc-wd630 {
  width: 630px !important; }

.u-pc-wd635 {
  width: 635px !important; }

.u-pc-wd640 {
  width: 640px !important; }

.u-pc-wd645 {
  width: 645px !important; }

.u-pc-wd650 {
  width: 650px !important; }

.u-pc-wd655 {
  width: 655px !important; }

.u-pc-wd660 {
  width: 660px !important; }

.u-pc-wd665 {
  width: 665px !important; }

.u-pc-wd670 {
  width: 670px !important; }

.u-pc-wd675 {
  width: 675px !important; }

.u-pc-wd680 {
  width: 680px !important; }

.u-pc-wd685 {
  width: 685px !important; }

.u-pc-wd690 {
  width: 690px !important; }

.u-pc-wd695 {
  width: 695px !important; }

.u-pc-wd700 {
  width: 700px !important; }

.u-pc-wd705 {
  width: 705px !important; }

.u-pc-wd710 {
  width: 710px !important; }

.u-pc-wd715 {
  width: 715px !important; }

.u-pc-wd720 {
  width: 720px !important; }

.u-pc-wd725 {
  width: 725px !important; }

.u-pc-wd730 {
  width: 730px !important; }

.u-pc-wd735 {
  width: 735px !important; }

.u-pc-wd740 {
  width: 740px !important; }

.u-pc-wd745 {
  width: 745px !important; }

.u-pc-wd750 {
  width: 750px !important; }

.u-pc-wd755 {
  width: 755px !important; }

.u-pc-wd760 {
  width: 760px !important; }

.u-pc-wd765 {
  width: 765px !important; }

.u-pc-wd770 {
  width: 770px !important; }

.u-pc-wd775 {
  width: 775px !important; }

.u-pc-wd780 {
  width: 780px !important; }

.u-pc-wd785 {
  width: 785px !important; }

.u-pc-wd790 {
  width: 790px !important; }

.u-pc-wd795 {
  width: 795px !important; }

.u-pc-wd800 {
  width: 800px !important; }

.u-pc-wd805 {
  width: 805px !important; }

.u-pc-wd810 {
  width: 810px !important; }

.u-pc-wd815 {
  width: 815px !important; }

.u-pc-wd820 {
  width: 820px !important; }

.u-pc-wd825 {
  width: 825px !important; }

.u-pc-wd830 {
  width: 830px !important; }

.u-pc-wd835 {
  width: 835px !important; }

.u-pc-wd840 {
  width: 840px !important; }

.u-pc-wd845 {
  width: 845px !important; }

.u-pc-wd850 {
  width: 850px !important; }

.u-pc-wd855 {
  width: 855px !important; }

.u-pc-wd860 {
  width: 860px !important; }

.u-pc-wd865 {
  width: 865px !important; }

.u-pc-wd870 {
  width: 870px !important; }

.u-pc-wd875 {
  width: 875px !important; }

.u-pc-wd880 {
  width: 880px !important; }

.u-pc-wd885 {
  width: 885px !important; }

.u-pc-wd890 {
  width: 890px !important; }

.u-pc-wd895 {
  width: 895px !important; }

.u-pc-wd900 {
  width: 900px !important; }

.u-pc-wd905 {
  width: 905px !important; }

.u-pc-wd910 {
  width: 910px !important; }

.u-pc-wd915 {
  width: 915px !important; }

.u-pc-wd920 {
  width: 920px !important; }

.u-pc-wd925 {
  width: 925px !important; }

.u-pc-wd930 {
  width: 930px !important; }

.u-pc-wd935 {
  width: 935px !important; }

.u-pc-wd940 {
  width: 940px !important; }

.u-pc-wd945 {
  width: 945px !important; }

.u-pc-wd950 {
  width: 950px !important; }

.u-pc-wd955 {
  width: 955px !important; }

.u-pc-wd960 {
  width: 960px !important; }

.u-pc-wd965 {
  width: 965px !important; }

.u-pc-wd970 {
  width: 970px !important; }

.u-pc-wd975 {
  width: 975px !important; }

.u-pc-wd980 {
  width: 980px !important; }

.u-pc-wd985 {
  width: 985px !important; }

.u-pc-wd990 {
  width: 990px !important; }

.u-pc-wd995 {
  width: 995px !important; }

.u-pc-wd1000 {
  width: 1000px !important; }

@media screen and (max-width: 767px) {
  .u-sp-wd-a {
    width: auto !important; }
  .u-sp-wd0 {
    width: 0px !important; }
  .u-sp-wd5 {
    width: 5px !important; }
  .u-sp-wd10 {
    width: 10px !important; }
  .u-sp-wd15 {
    width: 15px !important; }
  .u-sp-wd20 {
    width: 20px !important; }
  .u-sp-wd25 {
    width: 25px !important; }
  .u-sp-wd30 {
    width: 30px !important; }
  .u-sp-wd35 {
    width: 35px !important; }
  .u-sp-wd40 {
    width: 40px !important; }
  .u-sp-wd45 {
    width: 45px !important; }
  .u-sp-wd50 {
    width: 50px !important; }
  .u-sp-wd55 {
    width: 55px !important; }
  .u-sp-wd60 {
    width: 60px !important; }
  .u-sp-wd65 {
    width: 65px !important; }
  .u-sp-wd70 {
    width: 70px !important; }
  .u-sp-wd75 {
    width: 75px !important; }
  .u-sp-wd80 {
    width: 80px !important; }
  .u-sp-wd85 {
    width: 85px !important; }
  .u-sp-wd90 {
    width: 90px !important; }
  .u-sp-wd95 {
    width: 95px !important; }
  .u-sp-wd100 {
    width: 100px !important; }
  .u-sp-wd105 {
    width: 105px !important; }
  .u-sp-wd110 {
    width: 110px !important; }
  .u-sp-wd115 {
    width: 115px !important; }
  .u-sp-wd120 {
    width: 120px !important; }
  .u-sp-wd125 {
    width: 125px !important; }
  .u-sp-wd130 {
    width: 130px !important; }
  .u-sp-wd135 {
    width: 135px !important; }
  .u-sp-wd140 {
    width: 140px !important; }
  .u-sp-wd145 {
    width: 145px !important; }
  .u-sp-wd150 {
    width: 150px !important; }
  .u-sp-wd155 {
    width: 155px !important; }
  .u-sp-wd160 {
    width: 160px !important; }
  .u-sp-wd165 {
    width: 165px !important; }
  .u-sp-wd170 {
    width: 170px !important; }
  .u-sp-wd175 {
    width: 175px !important; }
  .u-sp-wd180 {
    width: 180px !important; }
  .u-sp-wd185 {
    width: 185px !important; }
  .u-sp-wd190 {
    width: 190px !important; }
  .u-sp-wd195 {
    width: 195px !important; }
  .u-sp-wd200 {
    width: 200px !important; }
  .u-sp-wd205 {
    width: 205px !important; }
  .u-sp-wd210 {
    width: 210px !important; }
  .u-sp-wd215 {
    width: 215px !important; }
  .u-sp-wd220 {
    width: 220px !important; }
  .u-sp-wd225 {
    width: 225px !important; }
  .u-sp-wd230 {
    width: 230px !important; }
  .u-sp-wd235 {
    width: 235px !important; }
  .u-sp-wd240 {
    width: 240px !important; }
  .u-sp-wd245 {
    width: 245px !important; }
  .u-sp-wd250 {
    width: 250px !important; }
  .u-sp-wd255 {
    width: 255px !important; }
  .u-sp-wd260 {
    width: 260px !important; }
  .u-sp-wd265 {
    width: 265px !important; }
  .u-sp-wd270 {
    width: 270px !important; }
  .u-sp-wd275 {
    width: 275px !important; }
  .u-sp-wd280 {
    width: 280px !important; }
  .u-sp-wd285 {
    width: 285px !important; }
  .u-sp-wd290 {
    width: 290px !important; }
  .u-sp-wd295 {
    width: 295px !important; }
  .u-sp-wd300 {
    width: 300px !important; }
  .u-sp-wd305 {
    width: 305px !important; }
  .u-sp-wd310 {
    width: 310px !important; }
  .u-sp-wd315 {
    width: 315px !important; }
  .u-sp-wd320 {
    width: 320px !important; }
  .u-sp-wd325 {
    width: 325px !important; }
  .u-sp-wd330 {
    width: 330px !important; }
  .u-sp-wd335 {
    width: 335px !important; }
  .u-sp-wd340 {
    width: 340px !important; }
  .u-sp-wd345 {
    width: 345px !important; }
  .u-sp-wd350 {
    width: 350px !important; }
  .u-sp-wd355 {
    width: 355px !important; }
  .u-sp-wd360 {
    width: 360px !important; }
  .u-sp-wd365 {
    width: 365px !important; }
  .u-sp-wd370 {
    width: 370px !important; }
  .u-sp-wd375 {
    width: 375px !important; }
  .u-sp-wd380 {
    width: 380px !important; }
  .u-sp-wd385 {
    width: 385px !important; }
  .u-sp-wd390 {
    width: 390px !important; }
  .u-sp-wd395 {
    width: 395px !important; }
  .u-sp-wd400 {
    width: 400px !important; }
  .u-sp-wd405 {
    width: 405px !important; }
  .u-sp-wd410 {
    width: 410px !important; }
  .u-sp-wd415 {
    width: 415px !important; }
  .u-sp-wd420 {
    width: 420px !important; }
  .u-sp-wd425 {
    width: 425px !important; }
  .u-sp-wd430 {
    width: 430px !important; }
  .u-sp-wd435 {
    width: 435px !important; }
  .u-sp-wd440 {
    width: 440px !important; }
  .u-sp-wd445 {
    width: 445px !important; }
  .u-sp-wd450 {
    width: 450px !important; }
  .u-sp-wd455 {
    width: 455px !important; }
  .u-sp-wd460 {
    width: 460px !important; }
  .u-sp-wd465 {
    width: 465px !important; }
  .u-sp-wd470 {
    width: 470px !important; }
  .u-sp-wd475 {
    width: 475px !important; }
  .u-sp-wd480 {
    width: 480px !important; }
  .u-sp-wd485 {
    width: 485px !important; }
  .u-sp-wd490 {
    width: 490px !important; }
  .u-sp-wd495 {
    width: 495px !important; }
  .u-sp-wd500 {
    width: 500px !important; }
  .u-sp-wd505 {
    width: 505px !important; }
  .u-sp-wd510 {
    width: 510px !important; }
  .u-sp-wd515 {
    width: 515px !important; }
  .u-sp-wd520 {
    width: 520px !important; }
  .u-sp-wd525 {
    width: 525px !important; }
  .u-sp-wd530 {
    width: 530px !important; }
  .u-sp-wd535 {
    width: 535px !important; }
  .u-sp-wd540 {
    width: 540px !important; }
  .u-sp-wd545 {
    width: 545px !important; }
  .u-sp-wd550 {
    width: 550px !important; }
  .u-sp-wd555 {
    width: 555px !important; }
  .u-sp-wd560 {
    width: 560px !important; }
  .u-sp-wd565 {
    width: 565px !important; }
  .u-sp-wd570 {
    width: 570px !important; }
  .u-sp-wd575 {
    width: 575px !important; }
  .u-sp-wd580 {
    width: 580px !important; }
  .u-sp-wd585 {
    width: 585px !important; }
  .u-sp-wd590 {
    width: 590px !important; }
  .u-sp-wd595 {
    width: 595px !important; }
  .u-sp-wd600 {
    width: 600px !important; }
  .u-sp-wd605 {
    width: 605px !important; }
  .u-sp-wd610 {
    width: 610px !important; }
  .u-sp-wd615 {
    width: 615px !important; }
  .u-sp-wd620 {
    width: 620px !important; }
  .u-sp-wd625 {
    width: 625px !important; }
  .u-sp-wd630 {
    width: 630px !important; }
  .u-sp-wd635 {
    width: 635px !important; }
  .u-sp-wd640 {
    width: 640px !important; }
  .u-sp-wd645 {
    width: 645px !important; }
  .u-sp-wd650 {
    width: 650px !important; }
  .u-sp-wd655 {
    width: 655px !important; }
  .u-sp-wd660 {
    width: 660px !important; }
  .u-sp-wd665 {
    width: 665px !important; }
  .u-sp-wd670 {
    width: 670px !important; }
  .u-sp-wd675 {
    width: 675px !important; }
  .u-sp-wd680 {
    width: 680px !important; }
  .u-sp-wd685 {
    width: 685px !important; }
  .u-sp-wd690 {
    width: 690px !important; }
  .u-sp-wd695 {
    width: 695px !important; }
  .u-sp-wd700 {
    width: 700px !important; }
  .u-sp-wd705 {
    width: 705px !important; }
  .u-sp-wd710 {
    width: 710px !important; }
  .u-sp-wd715 {
    width: 715px !important; }
  .u-sp-wd720 {
    width: 720px !important; }
  .u-sp-wd725 {
    width: 725px !important; }
  .u-sp-wd730 {
    width: 730px !important; }
  .u-sp-wd735 {
    width: 735px !important; }
  .u-sp-wd740 {
    width: 740px !important; }
  .u-sp-wd745 {
    width: 745px !important; }
  .u-sp-wd750 {
    width: 750px !important; }
  .u-sp-wd755 {
    width: 755px !important; }
  .u-sp-wd760 {
    width: 760px !important; }
  .u-sp-wd765 {
    width: 765px !important; }
  .u-sp-wd770 {
    width: 770px !important; }
  .u-sp-wd775 {
    width: 775px !important; }
  .u-sp-wd780 {
    width: 780px !important; }
  .u-sp-wd785 {
    width: 785px !important; }
  .u-sp-wd790 {
    width: 790px !important; }
  .u-sp-wd795 {
    width: 795px !important; }
  .u-sp-wd800 {
    width: 800px !important; }
  .u-sp-wd805 {
    width: 805px !important; }
  .u-sp-wd810 {
    width: 810px !important; }
  .u-sp-wd815 {
    width: 815px !important; }
  .u-sp-wd820 {
    width: 820px !important; }
  .u-sp-wd825 {
    width: 825px !important; }
  .u-sp-wd830 {
    width: 830px !important; }
  .u-sp-wd835 {
    width: 835px !important; }
  .u-sp-wd840 {
    width: 840px !important; }
  .u-sp-wd845 {
    width: 845px !important; }
  .u-sp-wd850 {
    width: 850px !important; }
  .u-sp-wd855 {
    width: 855px !important; }
  .u-sp-wd860 {
    width: 860px !important; }
  .u-sp-wd865 {
    width: 865px !important; }
  .u-sp-wd870 {
    width: 870px !important; }
  .u-sp-wd875 {
    width: 875px !important; }
  .u-sp-wd880 {
    width: 880px !important; }
  .u-sp-wd885 {
    width: 885px !important; }
  .u-sp-wd890 {
    width: 890px !important; }
  .u-sp-wd895 {
    width: 895px !important; }
  .u-sp-wd900 {
    width: 900px !important; }
  .u-sp-wd905 {
    width: 905px !important; }
  .u-sp-wd910 {
    width: 910px !important; }
  .u-sp-wd915 {
    width: 915px !important; }
  .u-sp-wd920 {
    width: 920px !important; }
  .u-sp-wd925 {
    width: 925px !important; }
  .u-sp-wd930 {
    width: 930px !important; }
  .u-sp-wd935 {
    width: 935px !important; }
  .u-sp-wd940 {
    width: 940px !important; }
  .u-sp-wd945 {
    width: 945px !important; }
  .u-sp-wd950 {
    width: 950px !important; }
  .u-sp-wd955 {
    width: 955px !important; }
  .u-sp-wd960 {
    width: 960px !important; }
  .u-sp-wd965 {
    width: 965px !important; }
  .u-sp-wd970 {
    width: 970px !important; }
  .u-sp-wd975 {
    width: 975px !important; }
  .u-sp-wd980 {
    width: 980px !important; }
  .u-sp-wd985 {
    width: 985px !important; }
  .u-sp-wd990 {
    width: 990px !important; }
  .u-sp-wd995 {
    width: 995px !important; }
  .u-sp-wd1000 {
    width: 1000px !important; } }

/* 幅-%指定
------------------------------------------------------------ */
.u-pc-mwih {
  width: inherit !important; }

.u-pc-mw0p {
  width: 0% !important; }

.u-pc-mw1p {
  width: 1% !important; }

.u-pc-mw2p {
  width: 2% !important; }

.u-pc-mw3p {
  width: 3% !important; }

.u-pc-mw4p {
  width: 4% !important; }

.u-pc-mw5p {
  width: 5% !important; }

.u-pc-mw6p {
  width: 6% !important; }

.u-pc-mw7p {
  width: 7% !important; }

.u-pc-mw8p {
  width: 8% !important; }

.u-pc-mw9p {
  width: 9% !important; }

.u-pc-mw10p {
  width: 10% !important; }

.u-pc-mw11p {
  width: 11% !important; }

.u-pc-mw12p {
  width: 12% !important; }

.u-pc-mw13p {
  width: 13% !important; }

.u-pc-mw14p {
  width: 14% !important; }

.u-pc-mw15p {
  width: 15% !important; }

.u-pc-mw16p {
  width: 16% !important; }

.u-pc-mw17p {
  width: 17% !important; }

.u-pc-mw18p {
  width: 18% !important; }

.u-pc-mw19p {
  width: 19% !important; }

.u-pc-mw20p {
  width: 20% !important; }

.u-pc-mw21p {
  width: 21% !important; }

.u-pc-mw22p {
  width: 22% !important; }

.u-pc-mw23p {
  width: 23% !important; }

.u-pc-mw24p {
  width: 24% !important; }

.u-pc-mw25p {
  width: 25% !important; }

.u-pc-mw26p {
  width: 26% !important; }

.u-pc-mw27p {
  width: 27% !important; }

.u-pc-mw28p {
  width: 28% !important; }

.u-pc-mw29p {
  width: 29% !important; }

.u-pc-mw30p {
  width: 30% !important; }

.u-pc-mw31p {
  width: 31% !important; }

.u-pc-mw32p {
  width: 32% !important; }

.u-pc-mw33p {
  width: 33% !important; }

.u-pc-mw34p {
  width: 34% !important; }

.u-pc-mw35p {
  width: 35% !important; }

.u-pc-mw36p {
  width: 36% !important; }

.u-pc-mw37p {
  width: 37% !important; }

.u-pc-mw38p {
  width: 38% !important; }

.u-pc-mw39p {
  width: 39% !important; }

.u-pc-mw40p {
  width: 40% !important; }

.u-pc-mw41p {
  width: 41% !important; }

.u-pc-mw42p {
  width: 42% !important; }

.u-pc-mw43p {
  width: 43% !important; }

.u-pc-mw44p {
  width: 44% !important; }

.u-pc-mw45p {
  width: 45% !important; }

.u-pc-mw46p {
  width: 46% !important; }

.u-pc-mw47p {
  width: 47% !important; }

.u-pc-mw48p {
  width: 48% !important; }

.u-pc-mw49p {
  width: 49% !important; }

.u-pc-mw50p {
  width: 50% !important; }

.u-pc-mw51p {
  width: 51% !important; }

.u-pc-mw52p {
  width: 52% !important; }

.u-pc-mw53p {
  width: 53% !important; }

.u-pc-mw54p {
  width: 54% !important; }

.u-pc-mw55p {
  width: 55% !important; }

.u-pc-mw56p {
  width: 56% !important; }

.u-pc-mw57p {
  width: 57% !important; }

.u-pc-mw58p {
  width: 58% !important; }

.u-pc-mw59p {
  width: 59% !important; }

.u-pc-mw60p {
  width: 60% !important; }

.u-pc-mw61p {
  width: 61% !important; }

.u-pc-mw62p {
  width: 62% !important; }

.u-pc-mw63p {
  width: 63% !important; }

.u-pc-mw64p {
  width: 64% !important; }

.u-pc-mw65p {
  width: 65% !important; }

.u-pc-mw66p {
  width: 66% !important; }

.u-pc-mw67p {
  width: 67% !important; }

.u-pc-mw68p {
  width: 68% !important; }

.u-pc-mw69p {
  width: 69% !important; }

.u-pc-mw70p {
  width: 70% !important; }

.u-pc-mw71p {
  width: 71% !important; }

.u-pc-mw72p {
  width: 72% !important; }

.u-pc-mw73p {
  width: 73% !important; }

.u-pc-mw74p {
  width: 74% !important; }

.u-pc-mw75p {
  width: 75% !important; }

.u-pc-mw76p {
  width: 76% !important; }

.u-pc-mw77p {
  width: 77% !important; }

.u-pc-mw78p {
  width: 78% !important; }

.u-pc-mw79p {
  width: 79% !important; }

.u-pc-mw80p {
  width: 80% !important; }

.u-pc-mw81p {
  width: 81% !important; }

.u-pc-mw82p {
  width: 82% !important; }

.u-pc-mw83p {
  width: 83% !important; }

.u-pc-mw84p {
  width: 84% !important; }

.u-pc-mw85p {
  width: 85% !important; }

.u-pc-mw86p {
  width: 86% !important; }

.u-pc-mw87p {
  width: 87% !important; }

.u-pc-mw88p {
  width: 88% !important; }

.u-pc-mw89p {
  width: 89% !important; }

.u-pc-mw90p {
  width: 90% !important; }

.u-pc-mw91p {
  width: 91% !important; }

.u-pc-mw92p {
  width: 92% !important; }

.u-pc-mw93p {
  width: 93% !important; }

.u-pc-mw94p {
  width: 94% !important; }

.u-pc-mw95p {
  width: 95% !important; }

.u-pc-mw96p {
  width: 96% !important; }

.u-pc-mw97p {
  width: 97% !important; }

.u-pc-mw98p {
  width: 98% !important; }

.u-pc-mw99p {
  width: 99% !important; }

.u-pc-mw100p {
  width: 100% !important; }

@media screen and (max-width: 767px) {
  .u-sp-mwih {
    width: inherit !important; }
  .u-sp-mw0p {
    width: 0% !important; }
  .u-sp-mw1p {
    width: 1% !important; }
  .u-sp-mw2p {
    width: 2% !important; }
  .u-sp-mw3p {
    width: 3% !important; }
  .u-sp-mw4p {
    width: 4% !important; }
  .u-sp-mw5p {
    width: 5% !important; }
  .u-sp-mw6p {
    width: 6% !important; }
  .u-sp-mw7p {
    width: 7% !important; }
  .u-sp-mw8p {
    width: 8% !important; }
  .u-sp-mw9p {
    width: 9% !important; }
  .u-sp-mw10p {
    width: 10% !important; }
  .u-sp-mw11p {
    width: 11% !important; }
  .u-sp-mw12p {
    width: 12% !important; }
  .u-sp-mw13p {
    width: 13% !important; }
  .u-sp-mw14p {
    width: 14% !important; }
  .u-sp-mw15p {
    width: 15% !important; }
  .u-sp-mw16p {
    width: 16% !important; }
  .u-sp-mw17p {
    width: 17% !important; }
  .u-sp-mw18p {
    width: 18% !important; }
  .u-sp-mw19p {
    width: 19% !important; }
  .u-sp-mw20p {
    width: 20% !important; }
  .u-sp-mw21p {
    width: 21% !important; }
  .u-sp-mw22p {
    width: 22% !important; }
  .u-sp-mw23p {
    width: 23% !important; }
  .u-sp-mw24p {
    width: 24% !important; }
  .u-sp-mw25p {
    width: 25% !important; }
  .u-sp-mw26p {
    width: 26% !important; }
  .u-sp-mw27p {
    width: 27% !important; }
  .u-sp-mw28p {
    width: 28% !important; }
  .u-sp-mw29p {
    width: 29% !important; }
  .u-sp-mw30p {
    width: 30% !important; }
  .u-sp-mw31p {
    width: 31% !important; }
  .u-sp-mw32p {
    width: 32% !important; }
  .u-sp-mw33p {
    width: 33% !important; }
  .u-sp-mw34p {
    width: 34% !important; }
  .u-sp-mw35p {
    width: 35% !important; }
  .u-sp-mw36p {
    width: 36% !important; }
  .u-sp-mw37p {
    width: 37% !important; }
  .u-sp-mw38p {
    width: 38% !important; }
  .u-sp-mw39p {
    width: 39% !important; }
  .u-sp-mw40p {
    width: 40% !important; }
  .u-sp-mw41p {
    width: 41% !important; }
  .u-sp-mw42p {
    width: 42% !important; }
  .u-sp-mw43p {
    width: 43% !important; }
  .u-sp-mw44p {
    width: 44% !important; }
  .u-sp-mw45p {
    width: 45% !important; }
  .u-sp-mw46p {
    width: 46% !important; }
  .u-sp-mw47p {
    width: 47% !important; }
  .u-sp-mw48p {
    width: 48% !important; }
  .u-sp-mw49p {
    width: 49% !important; }
  .u-sp-mw50p {
    width: 50% !important; }
  .u-sp-mw51p {
    width: 51% !important; }
  .u-sp-mw52p {
    width: 52% !important; }
  .u-sp-mw53p {
    width: 53% !important; }
  .u-sp-mw54p {
    width: 54% !important; }
  .u-sp-mw55p {
    width: 55% !important; }
  .u-sp-mw56p {
    width: 56% !important; }
  .u-sp-mw57p {
    width: 57% !important; }
  .u-sp-mw58p {
    width: 58% !important; }
  .u-sp-mw59p {
    width: 59% !important; }
  .u-sp-mw60p {
    width: 60% !important; }
  .u-sp-mw61p {
    width: 61% !important; }
  .u-sp-mw62p {
    width: 62% !important; }
  .u-sp-mw63p {
    width: 63% !important; }
  .u-sp-mw64p {
    width: 64% !important; }
  .u-sp-mw65p {
    width: 65% !important; }
  .u-sp-mw66p {
    width: 66% !important; }
  .u-sp-mw67p {
    width: 67% !important; }
  .u-sp-mw68p {
    width: 68% !important; }
  .u-sp-mw69p {
    width: 69% !important; }
  .u-sp-mw70p {
    width: 70% !important; }
  .u-sp-mw71p {
    width: 71% !important; }
  .u-sp-mw72p {
    width: 72% !important; }
  .u-sp-mw73p {
    width: 73% !important; }
  .u-sp-mw74p {
    width: 74% !important; }
  .u-sp-mw75p {
    width: 75% !important; }
  .u-sp-mw76p {
    width: 76% !important; }
  .u-sp-mw77p {
    width: 77% !important; }
  .u-sp-mw78p {
    width: 78% !important; }
  .u-sp-mw79p {
    width: 79% !important; }
  .u-sp-mw80p {
    width: 80% !important; }
  .u-sp-mw81p {
    width: 81% !important; }
  .u-sp-mw82p {
    width: 82% !important; }
  .u-sp-mw83p {
    width: 83% !important; }
  .u-sp-mw84p {
    width: 84% !important; }
  .u-sp-mw85p {
    width: 85% !important; }
  .u-sp-mw86p {
    width: 86% !important; }
  .u-sp-mw87p {
    width: 87% !important; }
  .u-sp-mw88p {
    width: 88% !important; }
  .u-sp-mw89p {
    width: 89% !important; }
  .u-sp-mw90p {
    width: 90% !important; }
  .u-sp-mw91p {
    width: 91% !important; }
  .u-sp-mw92p {
    width: 92% !important; }
  .u-sp-mw93p {
    width: 93% !important; }
  .u-sp-mw94p {
    width: 94% !important; }
  .u-sp-mw95p {
    width: 95% !important; }
  .u-sp-mw96p {
    width: 96% !important; }
  .u-sp-mw97p {
    width: 97% !important; }
  .u-sp-mw98p {
    width: 98% !important; }
  .u-sp-mw99p {
    width: 99% !important; }
  .u-sp-mw100p {
    width: 100% !important; }
  .u-sp-mw200p {
    width: 200% !important; } }

/* 幅-文字数指定
------------------------------------------------------------ */
.u-pc-wd1em {
  width: 1em !important; }

.u-pc-wd2em {
  width: 2em !important; }

.u-pc-wd3em {
  width: 3em !important; }

.u-pc-wd4em {
  width: 4em !important; }

.u-pc-wd5em {
  width: 5em !important; }

.u-pc-wd6em {
  width: 6em !important; }

.u-pc-wd7em {
  width: 7em !important; }

.u-pc-wd8em {
  width: 8em !important; }

.u-pc-wd9em {
  width: 9em !important; }

.u-pc-wd10em {
  width: 10em !important; }

@media screen and (max-width: 767px) {
  .u-sp-wd1em {
    width: 1em !important; }
  .u-sp-wd2em {
    width: 2em !important; }
  .u-sp-wd3em {
    width: 3em !important; }
  .u-sp-wd4em {
    width: 4em !important; }
  .u-sp-wd5em {
    width: 5em !important; }
  .u-sp-wd6em {
    width: 6em !important; }
  .u-sp-wd7em {
    width: 7em !important; }
  .u-sp-wd8em {
    width: 8em !important; }
  .u-sp-wd9em {
    width: 9em !important; }
  .u-sp-wd10em {
    width: 10em !important; } }

/* 幅-最大px指定
------------------------------------------------------------ */
.u-pc-maw-wd10 {
  max-width: 10px !important; }

.u-pc-maw-wd15 {
  max-width: 15px !important; }

.u-pc-maw-wd20 {
  max-width: 20px !important; }

.u-pc-maw-wd25 {
  max-width: 25px !important; }

.u-pc-maw-wd30 {
  max-width: 30px !important; }

.u-pc-maw-wd35 {
  max-width: 35px !important; }

.u-pc-maw-wd40 {
  max-width: 40px !important; }

.u-pc-maw-wd45 {
  max-width: 45px !important; }

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

.u-pc-maw-wd55 {
  max-width: 55px !important; }

.u-pc-maw-wd60 {
  max-width: 60px !important; }

.u-pc-maw-wd65 {
  max-width: 65px !important; }

.u-pc-maw-wd70 {
  max-width: 70px !important; }

.u-pc-maw-wd75 {
  max-width: 75px !important; }

.u-pc-maw-wd80 {
  max-width: 80px !important; }

.u-pc-maw-wd85 {
  max-width: 85px !important; }

.u-pc-maw-wd90 {
  max-width: 90px !important; }

.u-pc-maw-wd95 {
  max-width: 95px !important; }

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

.u-pc-maw-wd105 {
  max-width: 105px !important; }

.u-pc-maw-wd110 {
  max-width: 110px !important; }

.u-pc-maw-wd115 {
  max-width: 115px !important; }

.u-pc-maw-wd120 {
  max-width: 120px !important; }

.u-pc-maw-wd125 {
  max-width: 125px !important; }

.u-pc-maw-wd130 {
  max-width: 130px !important; }

.u-pc-maw-wd135 {
  max-width: 135px !important; }

.u-pc-maw-wd140 {
  max-width: 140px !important; }

.u-pc-maw-wd145 {
  max-width: 145px !important; }

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

.u-pc-maw-wd155 {
  max-width: 155px !important; }

.u-pc-maw-wd160 {
  max-width: 160px !important; }

.u-pc-maw-wd165 {
  max-width: 165px !important; }

.u-pc-maw-wd170 {
  max-width: 170px !important; }

.u-pc-maw-wd175 {
  max-width: 175px !important; }

.u-pc-maw-wd180 {
  max-width: 180px !important; }

.u-pc-maw-wd185 {
  max-width: 185px !important; }

.u-pc-maw-wd190 {
  max-width: 190px !important; }

.u-pc-maw-wd195 {
  max-width: 195px !important; }

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

.u-pc-maw-wd205 {
  max-width: 205px !important; }

.u-pc-maw-wd210 {
  max-width: 210px !important; }

.u-pc-maw-wd215 {
  max-width: 215px !important; }

.u-pc-maw-wd220 {
  max-width: 220px !important; }

.u-pc-maw-wd225 {
  max-width: 225px !important; }

.u-pc-maw-wd230 {
  max-width: 230px !important; }

.u-pc-maw-wd235 {
  max-width: 235px !important; }

.u-pc-maw-wd240 {
  max-width: 240px !important; }

.u-pc-maw-wd245 {
  max-width: 245px !important; }

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

.u-pc-maw-wd255 {
  max-width: 255px !important; }

.u-pc-maw-wd260 {
  max-width: 260px !important; }

.u-pc-maw-wd265 {
  max-width: 265px !important; }

.u-pc-maw-wd270 {
  max-width: 270px !important; }

.u-pc-maw-wd275 {
  max-width: 275px !important; }

.u-pc-maw-wd280 {
  max-width: 280px !important; }

.u-pc-maw-wd285 {
  max-width: 285px !important; }

.u-pc-maw-wd290 {
  max-width: 290px !important; }

.u-pc-maw-wd295 {
  max-width: 295px !important; }

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

.u-pc-maw-wd305 {
  max-width: 305px !important; }

.u-pc-maw-wd310 {
  max-width: 310px !important; }

.u-pc-maw-wd315 {
  max-width: 315px !important; }

.u-pc-maw-wd320 {
  max-width: 320px !important; }

.u-pc-maw-wd325 {
  max-width: 325px !important; }

.u-pc-maw-wd330 {
  max-width: 330px !important; }

.u-pc-maw-wd335 {
  max-width: 335px !important; }

.u-pc-maw-wd340 {
  max-width: 340px !important; }

.u-pc-maw-wd345 {
  max-width: 345px !important; }

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

.u-pc-maw-wd355 {
  max-width: 355px !important; }

.u-pc-maw-wd360 {
  max-width: 360px !important; }

.u-pc-maw-wd365 {
  max-width: 365px !important; }

.u-pc-maw-wd370 {
  max-width: 370px !important; }

.u-pc-maw-wd375 {
  max-width: 375px !important; }

.u-pc-maw-wd380 {
  max-width: 380px !important; }

.u-pc-maw-wd385 {
  max-width: 385px !important; }

.u-pc-maw-wd390 {
  max-width: 390px !important; }

.u-pc-maw-wd395 {
  max-width: 395px !important; }

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

.u-pc-maw-wd405 {
  max-width: 405px !important; }

.u-pc-maw-wd410 {
  max-width: 410px !important; }

.u-pc-maw-wd415 {
  max-width: 415px !important; }

.u-pc-maw-wd420 {
  max-width: 420px !important; }

.u-pc-maw-wd425 {
  max-width: 425px !important; }

.u-pc-maw-wd430 {
  max-width: 430px !important; }

.u-pc-maw-wd435 {
  max-width: 435px !important; }

.u-pc-maw-wd440 {
  max-width: 440px !important; }

.u-pc-maw-wd445 {
  max-width: 445px !important; }

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

.u-pc-maw-wd455 {
  max-width: 455px !important; }

.u-pc-maw-wd460 {
  max-width: 460px !important; }

.u-pc-maw-wd465 {
  max-width: 465px !important; }

.u-pc-maw-wd470 {
  max-width: 470px !important; }

.u-pc-maw-wd475 {
  max-width: 475px !important; }

.u-pc-maw-wd480 {
  max-width: 480px !important; }

.u-pc-maw-wd485 {
  max-width: 485px !important; }

.u-pc-maw-wd490 {
  max-width: 490px !important; }

.u-pc-maw-wd495 {
  max-width: 495px !important; }

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

.u-pc-maw-wd505 {
  max-width: 505px !important; }

.u-pc-maw-wd510 {
  max-width: 510px !important; }

.u-pc-maw-wd515 {
  max-width: 515px !important; }

.u-pc-maw-wd520 {
  max-width: 520px !important; }

.u-pc-maw-wd525 {
  max-width: 525px !important; }

.u-pc-maw-wd530 {
  max-width: 530px !important; }

.u-pc-maw-wd535 {
  max-width: 535px !important; }

.u-pc-maw-wd540 {
  max-width: 540px !important; }

.u-pc-maw-wd545 {
  max-width: 545px !important; }

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

.u-pc-maw-wd555 {
  max-width: 555px !important; }

.u-pc-maw-wd560 {
  max-width: 560px !important; }

.u-pc-maw-wd565 {
  max-width: 565px !important; }

.u-pc-maw-wd570 {
  max-width: 570px !important; }

.u-pc-maw-wd575 {
  max-width: 575px !important; }

.u-pc-maw-wd580 {
  max-width: 580px !important; }

.u-pc-maw-wd585 {
  max-width: 585px !important; }

.u-pc-maw-wd590 {
  max-width: 590px !important; }

.u-pc-maw-wd595 {
  max-width: 595px !important; }

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

.u-pc-maw-wd605 {
  max-width: 605px !important; }

.u-pc-maw-wd610 {
  max-width: 610px !important; }

.u-pc-maw-wd615 {
  max-width: 615px !important; }

.u-pc-maw-wd620 {
  max-width: 620px !important; }

.u-pc-maw-wd625 {
  max-width: 625px !important; }

.u-pc-maw-wd630 {
  max-width: 630px !important; }

.u-pc-maw-wd635 {
  max-width: 635px !important; }

.u-pc-maw-wd640 {
  max-width: 640px !important; }

.u-pc-maw-wd645 {
  max-width: 645px !important; }

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

.u-pc-maw-wd655 {
  max-width: 655px !important; }

.u-pc-maw-wd660 {
  max-width: 660px !important; }

.u-pc-maw-wd665 {
  max-width: 665px !important; }

.u-pc-maw-wd670 {
  max-width: 670px !important; }

.u-pc-maw-wd675 {
  max-width: 675px !important; }

.u-pc-maw-wd680 {
  max-width: 680px !important; }

.u-pc-maw-wd685 {
  max-width: 685px !important; }

.u-pc-maw-wd690 {
  max-width: 690px !important; }

.u-pc-maw-wd695 {
  max-width: 695px !important; }

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

.u-pc-maw-wd705 {
  max-width: 705px !important; }

.u-pc-maw-wd710 {
  max-width: 710px !important; }

.u-pc-maw-wd715 {
  max-width: 715px !important; }

.u-pc-maw-wd720 {
  max-width: 720px !important; }

.u-pc-maw-wd725 {
  max-width: 725px !important; }

.u-pc-maw-wd730 {
  max-width: 730px !important; }

.u-pc-maw-wd735 {
  max-width: 735px !important; }

.u-pc-maw-wd740 {
  max-width: 740px !important; }

.u-pc-maw-wd745 {
  max-width: 745px !important; }

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

.u-pc-maw-wd755 {
  max-width: 755px !important; }

.u-pc-maw-wd760 {
  max-width: 760px !important; }

.u-pc-maw-wd765 {
  max-width: 765px !important; }

.u-pc-maw-wd770 {
  max-width: 770px !important; }

.u-pc-maw-wd775 {
  max-width: 775px !important; }

.u-pc-maw-wd780 {
  max-width: 780px !important; }

.u-pc-maw-wd785 {
  max-width: 785px !important; }

.u-pc-maw-wd790 {
  max-width: 790px !important; }

.u-pc-maw-wd795 {
  max-width: 795px !important; }

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

.u-pc-maw-wd805 {
  max-width: 805px !important; }

.u-pc-maw-wd810 {
  max-width: 810px !important; }

.u-pc-maw-wd815 {
  max-width: 815px !important; }

.u-pc-maw-wd820 {
  max-width: 820px !important; }

.u-pc-maw-wd825 {
  max-width: 825px !important; }

.u-pc-maw-wd830 {
  max-width: 830px !important; }

.u-pc-maw-wd835 {
  max-width: 835px !important; }

.u-pc-maw-wd840 {
  max-width: 840px !important; }

.u-pc-maw-wd845 {
  max-width: 845px !important; }

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

.u-pc-maw-wd855 {
  max-width: 855px !important; }

.u-pc-maw-wd860 {
  max-width: 860px !important; }

.u-pc-maw-wd865 {
  max-width: 865px !important; }

.u-pc-maw-wd870 {
  max-width: 870px !important; }

.u-pc-maw-wd875 {
  max-width: 875px !important; }

.u-pc-maw-wd880 {
  max-width: 880px !important; }

.u-pc-maw-wd885 {
  max-width: 885px !important; }

.u-pc-maw-wd890 {
  max-width: 890px !important; }

.u-pc-maw-wd895 {
  max-width: 895px !important; }

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

.u-pc-maw-wd905 {
  max-width: 905px !important; }

.u-pc-maw-wd910 {
  max-width: 910px !important; }

.u-pc-maw-wd915 {
  max-width: 915px !important; }

.u-pc-maw-wd920 {
  max-width: 920px !important; }

.u-pc-maw-wd925 {
  max-width: 925px !important; }

.u-pc-maw-wd930 {
  max-width: 930px !important; }

.u-pc-maw-wd935 {
  max-width: 935px !important; }

.u-pc-maw-wd940 {
  max-width: 940px !important; }

.u-pc-maw-wd945 {
  max-width: 945px !important; }

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

.u-pc-maw-wd955 {
  max-width: 955px !important; }

.u-pc-maw-wd960 {
  max-width: 960px !important; }

.u-pc-maw-wd965 {
  max-width: 965px !important; }

.u-pc-maw-wd970 {
  max-width: 970px !important; }

.u-pc-maw-wd975 {
  max-width: 975px !important; }

.u-pc-maw-wd980 {
  max-width: 980px !important; }

.u-pc-maw-wd985 {
  max-width: 985px !important; }

.u-pc-maw-wd990 {
  max-width: 990px !important; }

.u-pc-maw-wd995 {
  max-width: 995px !important; }

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

.u-pc-maw-wd1010 {
  max-width: 1010px !important; }

.u-pc-maw-wd1015 {
  max-width: 1015px !important; }

.u-pc-maw-wd1020 {
  max-width: 1020px !important; }

.u-pc-maw-wd1025 {
  max-width: 1025px !important; }

.u-pc-maw-wd1030 {
  max-width: 1030px !important; }

.u-pc-maw-wd1035 {
  max-width: 1035px !important; }

.u-pc-maw-wd1040 {
  max-width: 1040px !important; }

.u-pc-maw-wd1045 {
  max-width: 1045px !important; }

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

.u-pc-maw-wd1055 {
  max-width: 1055px !important; }

.u-pc-maw-wd1060 {
  max-width: 1060px !important; }

.u-pc-maw-wd1065 {
  max-width: 1065px !important; }

.u-pc-maw-wd1070 {
  max-width: 1070px !important; }

.u-pc-maw-wd1075 {
  max-width: 1075px !important; }

.u-pc-maw-wd1080 {
  max-width: 1080px !important; }

.u-pc-maw-wd1085 {
  max-width: 1085px !important; }

.u-pc-maw-wd1090 {
  max-width: 1090px !important; }

.u-pc-maw-wd1095 {
  max-width: 1095px !important; }

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

@media screen and (max-width: 767px) {
  .u-sp-maw-wd10 {
    max-width: 10px !important; }
  .u-sp-maw-wd15 {
    max-width: 15px !important; }
  .u-sp-maw-wd20 {
    max-width: 20px !important; }
  .u-sp-maw-wd25 {
    max-width: 25px !important; }
  .u-sp-maw-wd30 {
    max-width: 30px !important; }
  .u-sp-maw-wd35 {
    max-width: 35px !important; }
  .u-sp-maw-wd40 {
    max-width: 40px !important; }
  .u-sp-maw-wd45 {
    max-width: 45px !important; }
  .u-sp-maw-wd50 {
    max-width: 50px !important; }
  .u-sp-maw-wd55 {
    max-width: 55px !important; }
  .u-sp-maw-wd60 {
    max-width: 60px !important; }
  .u-sp-maw-wd65 {
    max-width: 65px !important; }
  .u-sp-maw-wd70 {
    max-width: 70px !important; }
  .u-sp-maw-wd75 {
    max-width: 75px !important; }
  .u-sp-maw-wd80 {
    max-width: 80px !important; }
  .u-sp-maw-wd85 {
    max-width: 85px !important; }
  .u-sp-maw-wd90 {
    max-width: 90px !important; }
  .u-sp-maw-wd95 {
    max-width: 95px !important; }
  .u-sp-maw-wd100 {
    max-width: 100px !important; }
  .u-sp-maw-wd105 {
    max-width: 105px !important; }
  .u-sp-maw-wd110 {
    max-width: 110px !important; }
  .u-sp-maw-wd115 {
    max-width: 115px !important; }
  .u-sp-maw-wd120 {
    max-width: 120px !important; }
  .u-sp-maw-wd125 {
    max-width: 125px !important; }
  .u-sp-maw-wd130 {
    max-width: 130px !important; }
  .u-sp-maw-wd135 {
    max-width: 135px !important; }
  .u-sp-maw-wd140 {
    max-width: 140px !important; }
  .u-sp-maw-wd145 {
    max-width: 145px !important; }
  .u-sp-maw-wd150 {
    max-width: 150px !important; }
  .u-sp-maw-wd155 {
    max-width: 155px !important; }
  .u-sp-maw-wd160 {
    max-width: 160px !important; }
  .u-sp-maw-wd165 {
    max-width: 165px !important; }
  .u-sp-maw-wd170 {
    max-width: 170px !important; }
  .u-sp-maw-wd175 {
    max-width: 175px !important; }
  .u-sp-maw-wd180 {
    max-width: 180px !important; }
  .u-sp-maw-wd185 {
    max-width: 185px !important; }
  .u-sp-maw-wd190 {
    max-width: 190px !important; }
  .u-sp-maw-wd195 {
    max-width: 195px !important; }
  .u-sp-maw-wd200 {
    max-width: 200px !important; }
  .u-sp-maw-wd205 {
    max-width: 205px !important; }
  .u-sp-maw-wd210 {
    max-width: 210px !important; }
  .u-sp-maw-wd215 {
    max-width: 215px !important; }
  .u-sp-maw-wd220 {
    max-width: 220px !important; }
  .u-sp-maw-wd225 {
    max-width: 225px !important; }
  .u-sp-maw-wd230 {
    max-width: 230px !important; }
  .u-sp-maw-wd235 {
    max-width: 235px !important; }
  .u-sp-maw-wd240 {
    max-width: 240px !important; }
  .u-sp-maw-wd245 {
    max-width: 245px !important; }
  .u-sp-maw-wd250 {
    max-width: 250px !important; }
  .u-sp-maw-wd255 {
    max-width: 255px !important; }
  .u-sp-maw-wd260 {
    max-width: 260px !important; }
  .u-sp-maw-wd265 {
    max-width: 265px !important; }
  .u-sp-maw-wd270 {
    max-width: 270px !important; }
  .u-sp-maw-wd275 {
    max-width: 275px !important; }
  .u-sp-maw-wd280 {
    max-width: 280px !important; }
  .u-sp-maw-wd285 {
    max-width: 285px !important; }
  .u-sp-maw-wd290 {
    max-width: 290px !important; }
  .u-sp-maw-wd295 {
    max-width: 295px !important; }
  .u-sp-maw-wd300 {
    max-width: 300px !important; }
  .u-sp-maw-wd305 {
    max-width: 305px !important; }
  .u-sp-maw-wd310 {
    max-width: 310px !important; }
  .u-sp-maw-wd315 {
    max-width: 315px !important; }
  .u-sp-maw-wd320 {
    max-width: 320px !important; }
  .u-sp-maw-wd325 {
    max-width: 325px !important; }
  .u-sp-maw-wd330 {
    max-width: 330px !important; }
  .u-sp-maw-wd335 {
    max-width: 335px !important; }
  .u-sp-maw-wd340 {
    max-width: 340px !important; }
  .u-sp-maw-wd345 {
    max-width: 345px !important; }
  .u-sp-maw-wd350 {
    max-width: 350px !important; }
  .u-sp-maw-wd355 {
    max-width: 355px !important; }
  .u-sp-maw-wd360 {
    max-width: 360px !important; }
  .u-sp-maw-wd365 {
    max-width: 365px !important; }
  .u-sp-maw-wd370 {
    max-width: 370px !important; }
  .u-sp-maw-wd375 {
    max-width: 375px !important; }
  .u-sp-maw-wd380 {
    max-width: 380px !important; }
  .u-sp-maw-wd385 {
    max-width: 385px !important; }
  .u-sp-maw-wd390 {
    max-width: 390px !important; }
  .u-sp-maw-wd395 {
    max-width: 395px !important; }
  .u-sp-maw-wd400 {
    max-width: 400px !important; }
  .u-sp-maw-wd405 {
    max-width: 405px !important; }
  .u-sp-maw-wd410 {
    max-width: 410px !important; }
  .u-sp-maw-wd415 {
    max-width: 415px !important; }
  .u-sp-maw-wd420 {
    max-width: 420px !important; }
  .u-sp-maw-wd425 {
    max-width: 425px !important; }
  .u-sp-maw-wd430 {
    max-width: 430px !important; }
  .u-sp-maw-wd435 {
    max-width: 435px !important; }
  .u-sp-maw-wd440 {
    max-width: 440px !important; }
  .u-sp-maw-wd445 {
    max-width: 445px !important; }
  .u-sp-maw-wd450 {
    max-width: 450px !important; }
  .u-sp-maw-wd455 {
    max-width: 455px !important; }
  .u-sp-maw-wd460 {
    max-width: 460px !important; }
  .u-sp-maw-wd465 {
    max-width: 465px !important; }
  .u-sp-maw-wd470 {
    max-width: 470px !important; }
  .u-sp-maw-wd475 {
    max-width: 475px !important; }
  .u-sp-maw-wd480 {
    max-width: 480px !important; }
  .u-sp-maw-wd485 {
    max-width: 485px !important; }
  .u-sp-maw-wd490 {
    max-width: 490px !important; }
  .u-sp-maw-wd495 {
    max-width: 495px !important; }
  .u-sp-maw-wd500 {
    max-width: 500px !important; }
  .u-sp-maw-wd505 {
    max-width: 505px !important; }
  .u-sp-maw-wd510 {
    max-width: 510px !important; }
  .u-sp-maw-wd515 {
    max-width: 515px !important; }
  .u-sp-maw-wd520 {
    max-width: 520px !important; }
  .u-sp-maw-wd525 {
    max-width: 525px !important; }
  .u-sp-maw-wd530 {
    max-width: 530px !important; }
  .u-sp-maw-wd535 {
    max-width: 535px !important; }
  .u-sp-maw-wd540 {
    max-width: 540px !important; }
  .u-sp-maw-wd545 {
    max-width: 545px !important; }
  .u-sp-maw-wd550 {
    max-width: 550px !important; }
  .u-sp-maw-wd555 {
    max-width: 555px !important; }
  .u-sp-maw-wd560 {
    max-width: 560px !important; }
  .u-sp-maw-wd565 {
    max-width: 565px !important; }
  .u-sp-maw-wd570 {
    max-width: 570px !important; }
  .u-sp-maw-wd575 {
    max-width: 575px !important; }
  .u-sp-maw-wd580 {
    max-width: 580px !important; }
  .u-sp-maw-wd585 {
    max-width: 585px !important; }
  .u-sp-maw-wd590 {
    max-width: 590px !important; }
  .u-sp-maw-wd595 {
    max-width: 595px !important; }
  .u-sp-maw-wd600 {
    max-width: 600px !important; }
  .u-sp-maw-wd605 {
    max-width: 605px !important; }
  .u-sp-maw-wd610 {
    max-width: 610px !important; }
  .u-sp-maw-wd615 {
    max-width: 615px !important; }
  .u-sp-maw-wd620 {
    max-width: 620px !important; }
  .u-sp-maw-wd625 {
    max-width: 625px !important; }
  .u-sp-maw-wd630 {
    max-width: 630px !important; }
  .u-sp-maw-wd635 {
    max-width: 635px !important; }
  .u-sp-maw-wd640 {
    max-width: 640px !important; }
  .u-sp-maw-wd645 {
    max-width: 645px !important; }
  .u-sp-maw-wd650 {
    max-width: 650px !important; }
  .u-sp-maw-wd655 {
    max-width: 655px !important; }
  .u-sp-maw-wd660 {
    max-width: 660px !important; }
  .u-sp-maw-wd665 {
    max-width: 665px !important; }
  .u-sp-maw-wd670 {
    max-width: 670px !important; }
  .u-sp-maw-wd675 {
    max-width: 675px !important; }
  .u-sp-maw-wd680 {
    max-width: 680px !important; }
  .u-sp-maw-wd685 {
    max-width: 685px !important; }
  .u-sp-maw-wd690 {
    max-width: 690px !important; }
  .u-sp-maw-wd695 {
    max-width: 695px !important; }
  .u-sp-maw-wd700 {
    max-width: 700px !important; }
  .u-sp-maw-wd705 {
    max-width: 705px !important; }
  .u-sp-maw-wd710 {
    max-width: 710px !important; }
  .u-sp-maw-wd715 {
    max-width: 715px !important; }
  .u-sp-maw-wd720 {
    max-width: 720px !important; }
  .u-sp-maw-wd725 {
    max-width: 725px !important; }
  .u-sp-maw-wd730 {
    max-width: 730px !important; }
  .u-sp-maw-wd735 {
    max-width: 735px !important; }
  .u-sp-maw-wd740 {
    max-width: 740px !important; }
  .u-sp-maw-wd745 {
    max-width: 745px !important; }
  .u-sp-maw-wd750 {
    max-width: 750px !important; }
  .u-sp-maw-wd755 {
    max-width: 755px !important; }
  .u-sp-maw-wd760 {
    max-width: 760px !important; }
  .u-sp-maw-wd765 {
    max-width: 765px !important; }
  .u-sp-maw-wd770 {
    max-width: 770px !important; }
  .u-sp-maw-wd775 {
    max-width: 775px !important; }
  .u-sp-maw-wd780 {
    max-width: 780px !important; }
  .u-sp-maw-wd785 {
    max-width: 785px !important; }
  .u-sp-maw-wd790 {
    max-width: 790px !important; }
  .u-sp-maw-wd795 {
    max-width: 795px !important; }
  .u-sp-maw-wd800 {
    max-width: 800px !important; }
  .u-sp-maw-wd805 {
    max-width: 805px !important; }
  .u-sp-maw-wd810 {
    max-width: 810px !important; }
  .u-sp-maw-wd815 {
    max-width: 815px !important; }
  .u-sp-maw-wd820 {
    max-width: 820px !important; }
  .u-sp-maw-wd825 {
    max-width: 825px !important; }
  .u-sp-maw-wd830 {
    max-width: 830px !important; }
  .u-sp-maw-wd835 {
    max-width: 835px !important; }
  .u-sp-maw-wd840 {
    max-width: 840px !important; }
  .u-sp-maw-wd845 {
    max-width: 845px !important; }
  .u-sp-maw-wd850 {
    max-width: 850px !important; }
  .u-sp-maw-wd855 {
    max-width: 855px !important; }
  .u-sp-maw-wd860 {
    max-width: 860px !important; }
  .u-sp-maw-wd865 {
    max-width: 865px !important; }
  .u-sp-maw-wd870 {
    max-width: 870px !important; }
  .u-sp-maw-wd875 {
    max-width: 875px !important; }
  .u-sp-maw-wd880 {
    max-width: 880px !important; }
  .u-sp-maw-wd885 {
    max-width: 885px !important; }
  .u-sp-maw-wd890 {
    max-width: 890px !important; }
  .u-sp-maw-wd895 {
    max-width: 895px !important; }
  .u-sp-maw-wd900 {
    max-width: 900px !important; }
  .u-sp-maw-wd905 {
    max-width: 905px !important; }
  .u-sp-maw-wd910 {
    max-width: 910px !important; }
  .u-sp-maw-wd915 {
    max-width: 915px !important; }
  .u-sp-maw-wd920 {
    max-width: 920px !important; }
  .u-sp-maw-wd925 {
    max-width: 925px !important; }
  .u-sp-maw-wd930 {
    max-width: 930px !important; }
  .u-sp-maw-wd935 {
    max-width: 935px !important; }
  .u-sp-maw-wd940 {
    max-width: 940px !important; }
  .u-sp-maw-wd945 {
    max-width: 945px !important; }
  .u-sp-maw-wd950 {
    max-width: 950px !important; }
  .u-sp-maw-wd955 {
    max-width: 955px !important; }
  .u-sp-maw-wd960 {
    max-width: 960px !important; }
  .u-sp-maw-wd965 {
    max-width: 965px !important; }
  .u-sp-maw-wd970 {
    max-width: 970px !important; }
  .u-sp-maw-wd975 {
    max-width: 975px !important; }
  .u-sp-maw-wd980 {
    max-width: 980px !important; }
  .u-sp-maw-wd985 {
    max-width: 985px !important; }
  .u-sp-maw-wd990 {
    max-width: 990px !important; }
  .u-sp-maw-wd995 {
    max-width: 995px !important; }
  .u-sp-maw-wd1000 {
    max-width: 1000px !important; } }

/* 幅-最大%指定
------------------------------------------------------------ */
.u-pc-maw-n {
  max-width: none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .u-sp-maw-n {
    max-width: none !important; }
  .u-sp-maw-1p {
    max-width: 1% !important; }
  .u-sp-maw-10p {
    max-width: 10% !important; }
  .u-sp-maw-20p {
    max-width: 20% !important; }
  .u-sp-maw-25p {
    max-width: 25% !important; }
  .u-sp-maw-30p {
    max-width: 30% !important; }
  .u-sp-maw-33p {
    max-width: 33% !important; }
  .u-sp-maw-40p {
    max-width: 40% !important; }
  .u-sp-maw-50p {
    max-width: 50% !important; }
  .u-sp-maw-60p {
    max-width: 60% !important; }
  .u-sp-maw-66p {
    max-width: 66% !important; }
  .u-sp-maw-70p {
    max-width: 70% !important; }
  .u-sp-maw-75p {
    max-width: 75% !important; }
  .u-sp-maw-80p {
    max-width: 80% !important; }
  .u-sp-maw-90p {
    max-width: 90% !important; }
  .u-sp-maw-100p {
    max-width: 100% !important; } }

/* 高さ
------------------------------------------------------------ */
.u-pc-hg-a {
  height: auto !important; }

.u-pc-hg0 {
  height: 0px !important; }

.u-pc-hg5 {
  height: 5px !important; }

.u-pc-hg10 {
  height: 10px !important; }

.u-pc-hg15 {
  height: 15px !important; }

.u-pc-hg20 {
  height: 20px !important; }

.u-pc-hg25 {
  height: 25px !important; }

.u-pc-hg30 {
  height: 30px !important; }

.u-pc-hg35 {
  height: 35px !important; }

.u-pc-hg40 {
  height: 40px !important; }

.u-pc-hg45 {
  height: 45px !important; }

.u-pc-hg50 {
  height: 50px !important; }

.u-pc-hg55 {
  height: 55px !important; }

.u-pc-hg60 {
  height: 60px !important; }

.u-pc-hg65 {
  height: 65px !important; }

.u-pc-hg70 {
  height: 70px !important; }

.u-pc-hg75 {
  height: 75px !important; }

.u-pc-hg80 {
  height: 80px !important; }

.u-pc-hg85 {
  height: 85px !important; }

.u-pc-hg90 {
  height: 90px !important; }

.u-pc-hg95 {
  height: 95px !important; }

.u-pc-hg100 {
  height: 100px !important; }

.u-pc-hg105 {
  height: 105px !important; }

.u-pc-hg110 {
  height: 110px !important; }

.u-pc-hg115 {
  height: 115px !important; }

.u-pc-hg120 {
  height: 120px !important; }

.u-pc-hg125 {
  height: 125px !important; }

.u-pc-hg130 {
  height: 130px !important; }

.u-pc-hg135 {
  height: 135px !important; }

.u-pc-hg140 {
  height: 140px !important; }

.u-pc-hg145 {
  height: 145px !important; }

.u-pc-hg150 {
  height: 150px !important; }

.u-pc-hg155 {
  height: 155px !important; }

.u-pc-hg160 {
  height: 160px !important; }

.u-pc-hg165 {
  height: 165px !important; }

.u-pc-hg170 {
  height: 170px !important; }

.u-pc-hg175 {
  height: 175px !important; }

.u-pc-hg180 {
  height: 180px !important; }

.u-pc-hg185 {
  height: 185px !important; }

.u-pc-hg190 {
  height: 190px !important; }

.u-pc-hg195 {
  height: 195px !important; }

.u-pc-hg200 {
  height: 200px !important; }

.u-pc-hg205 {
  height: 205px !important; }

.u-pc-hg210 {
  height: 210px !important; }

.u-pc-hg215 {
  height: 215px !important; }

.u-pc-hg220 {
  height: 220px !important; }

.u-pc-hg225 {
  height: 225px !important; }

.u-pc-hg230 {
  height: 230px !important; }

.u-pc-hg235 {
  height: 235px !important; }

.u-pc-hg240 {
  height: 240px !important; }

.u-pc-hg245 {
  height: 245px !important; }

.u-pc-hg250 {
  height: 250px !important; }

.u-pc-hg255 {
  height: 255px !important; }

.u-pc-hg260 {
  height: 260px !important; }

.u-pc-hg265 {
  height: 265px !important; }

.u-pc-hg270 {
  height: 270px !important; }

.u-pc-hg275 {
  height: 275px !important; }

.u-pc-hg280 {
  height: 280px !important; }

.u-pc-hg285 {
  height: 285px !important; }

.u-pc-hg290 {
  height: 290px !important; }

.u-pc-hg295 {
  height: 295px !important; }

.u-pc-hg300 {
  height: 300px !important; }

.u-pc-hg305 {
  height: 305px !important; }

.u-pc-hg310 {
  height: 310px !important; }

.u-pc-hg315 {
  height: 315px !important; }

.u-pc-hg320 {
  height: 320px !important; }

.u-pc-hg325 {
  height: 325px !important; }

.u-pc-hg330 {
  height: 330px !important; }

.u-pc-hg335 {
  height: 335px !important; }

.u-pc-hg340 {
  height: 340px !important; }

.u-pc-hg345 {
  height: 345px !important; }

.u-pc-hg350 {
  height: 350px !important; }

.u-pc-hg355 {
  height: 355px !important; }

.u-pc-hg360 {
  height: 360px !important; }

.u-pc-hg365 {
  height: 365px !important; }

.u-pc-hg370 {
  height: 370px !important; }

.u-pc-hg375 {
  height: 375px !important; }

.u-pc-hg380 {
  height: 380px !important; }

.u-pc-hg385 {
  height: 385px !important; }

.u-pc-hg390 {
  height: 390px !important; }

.u-pc-hg395 {
  height: 395px !important; }

.u-pc-hg400 {
  height: 400px !important; }

.u-pc-hg405 {
  height: 405px !important; }

.u-pc-hg410 {
  height: 410px !important; }

.u-pc-hg415 {
  height: 415px !important; }

.u-pc-hg420 {
  height: 420px !important; }

.u-pc-hg425 {
  height: 425px !important; }

.u-pc-hg430 {
  height: 430px !important; }

.u-pc-hg435 {
  height: 435px !important; }

.u-pc-hg440 {
  height: 440px !important; }

.u-pc-hg445 {
  height: 445px !important; }

.u-pc-hg450 {
  height: 450px !important; }

.u-pc-hg455 {
  height: 455px !important; }

.u-pc-hg460 {
  height: 460px !important; }

.u-pc-hg465 {
  height: 465px !important; }

.u-pc-hg470 {
  height: 470px !important; }

.u-pc-hg475 {
  height: 475px !important; }

.u-pc-hg480 {
  height: 480px !important; }

.u-pc-hg485 {
  height: 485px !important; }

.u-pc-hg490 {
  height: 490px !important; }

.u-pc-hg495 {
  height: 495px !important; }

.u-pc-hg500 {
  height: 500px !important; }

.u-pc-hg505 {
  height: 505px !important; }

.u-pc-hg510 {
  height: 510px !important; }

.u-pc-hg515 {
  height: 515px !important; }

.u-pc-hg520 {
  height: 520px !important; }

.u-pc-hg525 {
  height: 525px !important; }

.u-pc-hg530 {
  height: 530px !important; }

.u-pc-hg535 {
  height: 535px !important; }

.u-pc-hg540 {
  height: 540px !important; }

.u-pc-hg545 {
  height: 545px !important; }

.u-pc-hg550 {
  height: 550px !important; }

.u-pc-hg555 {
  height: 555px !important; }

.u-pc-hg560 {
  height: 560px !important; }

.u-pc-hg565 {
  height: 565px !important; }

.u-pc-hg570 {
  height: 570px !important; }

.u-pc-hg575 {
  height: 575px !important; }

.u-pc-hg580 {
  height: 580px !important; }

.u-pc-hg585 {
  height: 585px !important; }

.u-pc-hg590 {
  height: 590px !important; }

.u-pc-hg595 {
  height: 595px !important; }

.u-pc-hg600 {
  height: 600px !important; }

.u-pc-hg605 {
  height: 605px !important; }

.u-pc-hg610 {
  height: 610px !important; }

.u-pc-hg615 {
  height: 615px !important; }

.u-pc-hg620 {
  height: 620px !important; }

.u-pc-hg625 {
  height: 625px !important; }

.u-pc-hg630 {
  height: 630px !important; }

.u-pc-hg635 {
  height: 635px !important; }

.u-pc-hg640 {
  height: 640px !important; }

.u-pc-hg645 {
  height: 645px !important; }

.u-pc-hg650 {
  height: 650px !important; }

.u-pc-hg655 {
  height: 655px !important; }

.u-pc-hg660 {
  height: 660px !important; }

.u-pc-hg665 {
  height: 665px !important; }

.u-pc-hg670 {
  height: 670px !important; }

.u-pc-hg675 {
  height: 675px !important; }

.u-pc-hg680 {
  height: 680px !important; }

.u-pc-hg685 {
  height: 685px !important; }

.u-pc-hg690 {
  height: 690px !important; }

.u-pc-hg695 {
  height: 695px !important; }

.u-pc-hg700 {
  height: 700px !important; }

.u-pc-hg705 {
  height: 705px !important; }

.u-pc-hg710 {
  height: 710px !important; }

.u-pc-hg715 {
  height: 715px !important; }

.u-pc-hg720 {
  height: 720px !important; }

.u-pc-hg725 {
  height: 725px !important; }

.u-pc-hg730 {
  height: 730px !important; }

.u-pc-hg735 {
  height: 735px !important; }

.u-pc-hg740 {
  height: 740px !important; }

.u-pc-hg745 {
  height: 745px !important; }

.u-pc-hg750 {
  height: 750px !important; }

.u-pc-hg755 {
  height: 755px !important; }

.u-pc-hg760 {
  height: 760px !important; }

.u-pc-hg765 {
  height: 765px !important; }

.u-pc-hg770 {
  height: 770px !important; }

.u-pc-hg775 {
  height: 775px !important; }

.u-pc-hg780 {
  height: 780px !important; }

.u-pc-hg785 {
  height: 785px !important; }

.u-pc-hg790 {
  height: 790px !important; }

.u-pc-hg795 {
  height: 795px !important; }

.u-pc-hg800 {
  height: 800px !important; }

.u-pc-hg805 {
  height: 805px !important; }

.u-pc-hg810 {
  height: 810px !important; }

.u-pc-hg815 {
  height: 815px !important; }

.u-pc-hg820 {
  height: 820px !important; }

.u-pc-hg825 {
  height: 825px !important; }

.u-pc-hg830 {
  height: 830px !important; }

.u-pc-hg835 {
  height: 835px !important; }

.u-pc-hg840 {
  height: 840px !important; }

.u-pc-hg845 {
  height: 845px !important; }

.u-pc-hg850 {
  height: 850px !important; }

.u-pc-hg855 {
  height: 855px !important; }

.u-pc-hg860 {
  height: 860px !important; }

.u-pc-hg865 {
  height: 865px !important; }

.u-pc-hg870 {
  height: 870px !important; }

.u-pc-hg875 {
  height: 875px !important; }

.u-pc-hg880 {
  height: 880px !important; }

.u-pc-hg885 {
  height: 885px !important; }

.u-pc-hg890 {
  height: 890px !important; }

.u-pc-hg895 {
  height: 895px !important; }

.u-pc-hg900 {
  height: 900px !important; }

.u-pc-hg905 {
  height: 905px !important; }

.u-pc-hg910 {
  height: 910px !important; }

.u-pc-hg915 {
  height: 915px !important; }

.u-pc-hg920 {
  height: 920px !important; }

.u-pc-hg925 {
  height: 925px !important; }

.u-pc-hg930 {
  height: 930px !important; }

.u-pc-hg935 {
  height: 935px !important; }

.u-pc-hg940 {
  height: 940px !important; }

.u-pc-hg945 {
  height: 945px !important; }

.u-pc-hg950 {
  height: 950px !important; }

.u-pc-hg955 {
  height: 955px !important; }

.u-pc-hg960 {
  height: 960px !important; }

.u-pc-hg965 {
  height: 965px !important; }

.u-pc-hg970 {
  height: 970px !important; }

.u-pc-hg975 {
  height: 975px !important; }

.u-pc-hg980 {
  height: 980px !important; }

.u-pc-hg985 {
  height: 985px !important; }

.u-pc-hg990 {
  height: 990px !important; }

.u-pc-hg995 {
  height: 995px !important; }

.u-pc-hg1000 {
  height: 1000px !important; }

.u-mah-n {
  max-height: none !important; }

.u-mah-100p {
  max-height: 100% !important; }

.u-miw-0 {
  min-width: 0 !important; }

.u-mih-0 {
  min-height: 0 !important; }

@media screen and (max-width: 767px) {
  .u-sp-hg-a {
    height: auto !important; }
  .u-sp-hg0 {
    height: 0px !important; }
  .u-sp-hg5 {
    height: 5px !important; }
  .u-sp-hg10 {
    height: 10px !important; }
  .u-sp-hg15 {
    height: 15px !important; }
  .u-sp-hg20 {
    height: 20px !important; }
  .u-sp-hg25 {
    height: 25px !important; }
  .u-sp-hg30 {
    height: 30px !important; }
  .u-sp-hg35 {
    height: 35px !important; }
  .u-sp-hg40 {
    height: 40px !important; }
  .u-sp-hg45 {
    height: 45px !important; }
  .u-sp-hg50 {
    height: 50px !important; }
  .u-sp-hg55 {
    height: 55px !important; }
  .u-sp-hg60 {
    height: 60px !important; }
  .u-sp-hg65 {
    height: 65px !important; }
  .u-sp-hg70 {
    height: 70px !important; }
  .u-sp-hg75 {
    height: 75px !important; }
  .u-sp-hg80 {
    height: 80px !important; }
  .u-sp-hg85 {
    height: 85px !important; }
  .u-sp-hg90 {
    height: 90px !important; }
  .u-sp-hg95 {
    height: 95px !important; }
  .u-sp-hg100 {
    height: 100px !important; }
  .u-sp-hg105 {
    height: 105px !important; }
  .u-sp-hg110 {
    height: 110px !important; }
  .u-sp-hg115 {
    height: 115px !important; }
  .u-sp-hg120 {
    height: 120px !important; }
  .u-sp-hg125 {
    height: 125px !important; }
  .u-sp-hg130 {
    height: 130px !important; }
  .u-sp-hg135 {
    height: 135px !important; }
  .u-sp-hg140 {
    height: 140px !important; }
  .u-sp-hg145 {
    height: 145px !important; }
  .u-sp-hg150 {
    height: 150px !important; }
  .u-sp-hg155 {
    height: 155px !important; }
  .u-sp-hg160 {
    height: 160px !important; }
  .u-sp-hg165 {
    height: 165px !important; }
  .u-sp-hg170 {
    height: 170px !important; }
  .u-sp-hg175 {
    height: 175px !important; }
  .u-sp-hg180 {
    height: 180px !important; }
  .u-sp-hg185 {
    height: 185px !important; }
  .u-sp-hg190 {
    height: 190px !important; }
  .u-sp-hg195 {
    height: 195px !important; }
  .u-sp-hg200 {
    height: 200px !important; }
  .u-sp-hg205 {
    height: 205px !important; }
  .u-sp-hg210 {
    height: 210px !important; }
  .u-sp-hg215 {
    height: 215px !important; }
  .u-sp-hg220 {
    height: 220px !important; }
  .u-sp-hg225 {
    height: 225px !important; }
  .u-sp-hg230 {
    height: 230px !important; }
  .u-sp-hg235 {
    height: 235px !important; }
  .u-sp-hg240 {
    height: 240px !important; }
  .u-sp-hg245 {
    height: 245px !important; }
  .u-sp-hg250 {
    height: 250px !important; }
  .u-sp-hg255 {
    height: 255px !important; }
  .u-sp-hg260 {
    height: 260px !important; }
  .u-sp-hg265 {
    height: 265px !important; }
  .u-sp-hg270 {
    height: 270px !important; }
  .u-sp-hg275 {
    height: 275px !important; }
  .u-sp-hg280 {
    height: 280px !important; }
  .u-sp-hg285 {
    height: 285px !important; }
  .u-sp-hg290 {
    height: 290px !important; }
  .u-sp-hg295 {
    height: 295px !important; }
  .u-sp-hg300 {
    height: 300px !important; }
  .u-sp-hg305 {
    height: 305px !important; }
  .u-sp-hg310 {
    height: 310px !important; }
  .u-sp-hg315 {
    height: 315px !important; }
  .u-sp-hg320 {
    height: 320px !important; }
  .u-sp-hg325 {
    height: 325px !important; }
  .u-sp-hg330 {
    height: 330px !important; }
  .u-sp-hg335 {
    height: 335px !important; }
  .u-sp-hg340 {
    height: 340px !important; }
  .u-sp-hg345 {
    height: 345px !important; }
  .u-sp-hg350 {
    height: 350px !important; }
  .u-sp-hg355 {
    height: 355px !important; }
  .u-sp-hg360 {
    height: 360px !important; }
  .u-sp-hg365 {
    height: 365px !important; }
  .u-sp-hg370 {
    height: 370px !important; }
  .u-sp-hg375 {
    height: 375px !important; }
  .u-sp-hg380 {
    height: 380px !important; }
  .u-sp-hg385 {
    height: 385px !important; }
  .u-sp-hg390 {
    height: 390px !important; }
  .u-sp-hg395 {
    height: 395px !important; }
  .u-sp-hg400 {
    height: 400px !important; }
  .u-sp-hg405 {
    height: 405px !important; }
  .u-sp-hg410 {
    height: 410px !important; }
  .u-sp-hg415 {
    height: 415px !important; }
  .u-sp-hg420 {
    height: 420px !important; }
  .u-sp-hg425 {
    height: 425px !important; }
  .u-sp-hg430 {
    height: 430px !important; }
  .u-sp-hg435 {
    height: 435px !important; }
  .u-sp-hg440 {
    height: 440px !important; }
  .u-sp-hg445 {
    height: 445px !important; }
  .u-sp-hg450 {
    height: 450px !important; }
  .u-sp-hg455 {
    height: 455px !important; }
  .u-sp-hg460 {
    height: 460px !important; }
  .u-sp-hg465 {
    height: 465px !important; }
  .u-sp-hg470 {
    height: 470px !important; }
  .u-sp-hg475 {
    height: 475px !important; }
  .u-sp-hg480 {
    height: 480px !important; }
  .u-sp-hg485 {
    height: 485px !important; }
  .u-sp-hg490 {
    height: 490px !important; }
  .u-sp-hg495 {
    height: 495px !important; }
  .u-sp-hg500 {
    height: 500px !important; }
  .u-sp-hg505 {
    height: 505px !important; }
  .u-sp-hg510 {
    height: 510px !important; }
  .u-sp-hg515 {
    height: 515px !important; }
  .u-sp-hg520 {
    height: 520px !important; }
  .u-sp-hg525 {
    height: 525px !important; }
  .u-sp-hg530 {
    height: 530px !important; }
  .u-sp-hg535 {
    height: 535px !important; }
  .u-sp-hg540 {
    height: 540px !important; }
  .u-sp-hg545 {
    height: 545px !important; }
  .u-sp-hg550 {
    height: 550px !important; }
  .u-sp-hg555 {
    height: 555px !important; }
  .u-sp-hg560 {
    height: 560px !important; }
  .u-sp-hg565 {
    height: 565px !important; }
  .u-sp-hg570 {
    height: 570px !important; }
  .u-sp-hg575 {
    height: 575px !important; }
  .u-sp-hg580 {
    height: 580px !important; }
  .u-sp-hg585 {
    height: 585px !important; }
  .u-sp-hg590 {
    height: 590px !important; }
  .u-sp-hg595 {
    height: 595px !important; }
  .u-sp-hg600 {
    height: 600px !important; }
  .u-sp-hg605 {
    height: 605px !important; }
  .u-sp-hg610 {
    height: 610px !important; }
  .u-sp-hg615 {
    height: 615px !important; }
  .u-sp-hg620 {
    height: 620px !important; }
  .u-sp-hg625 {
    height: 625px !important; }
  .u-sp-hg630 {
    height: 630px !important; }
  .u-sp-hg635 {
    height: 635px !important; }
  .u-sp-hg640 {
    height: 640px !important; }
  .u-sp-hg645 {
    height: 645px !important; }
  .u-sp-hg650 {
    height: 650px !important; }
  .u-sp-hg655 {
    height: 655px !important; }
  .u-sp-hg660 {
    height: 660px !important; }
  .u-sp-hg665 {
    height: 665px !important; }
  .u-sp-hg670 {
    height: 670px !important; }
  .u-sp-hg675 {
    height: 675px !important; }
  .u-sp-hg680 {
    height: 680px !important; }
  .u-sp-hg685 {
    height: 685px !important; }
  .u-sp-hg690 {
    height: 690px !important; }
  .u-sp-hg695 {
    height: 695px !important; }
  .u-sp-hg700 {
    height: 700px !important; }
  .u-sp-hg705 {
    height: 705px !important; }
  .u-sp-hg710 {
    height: 710px !important; }
  .u-sp-hg715 {
    height: 715px !important; }
  .u-sp-hg720 {
    height: 720px !important; }
  .u-sp-hg725 {
    height: 725px !important; }
  .u-sp-hg730 {
    height: 730px !important; }
  .u-sp-hg735 {
    height: 735px !important; }
  .u-sp-hg740 {
    height: 740px !important; }
  .u-sp-hg745 {
    height: 745px !important; }
  .u-sp-hg750 {
    height: 750px !important; }
  .u-sp-hg755 {
    height: 755px !important; }
  .u-sp-hg760 {
    height: 760px !important; }
  .u-sp-hg765 {
    height: 765px !important; }
  .u-sp-hg770 {
    height: 770px !important; }
  .u-sp-hg775 {
    height: 775px !important; }
  .u-sp-hg780 {
    height: 780px !important; }
  .u-sp-hg785 {
    height: 785px !important; }
  .u-sp-hg790 {
    height: 790px !important; }
  .u-sp-hg795 {
    height: 795px !important; }
  .u-sp-hg800 {
    height: 800px !important; }
  .u-sp-hg805 {
    height: 805px !important; }
  .u-sp-hg810 {
    height: 810px !important; }
  .u-sp-hg815 {
    height: 815px !important; }
  .u-sp-hg820 {
    height: 820px !important; }
  .u-sp-hg825 {
    height: 825px !important; }
  .u-sp-hg830 {
    height: 830px !important; }
  .u-sp-hg835 {
    height: 835px !important; }
  .u-sp-hg840 {
    height: 840px !important; }
  .u-sp-hg845 {
    height: 845px !important; }
  .u-sp-hg850 {
    height: 850px !important; }
  .u-sp-hg855 {
    height: 855px !important; }
  .u-sp-hg860 {
    height: 860px !important; }
  .u-sp-hg865 {
    height: 865px !important; }
  .u-sp-hg870 {
    height: 870px !important; }
  .u-sp-hg875 {
    height: 875px !important; }
  .u-sp-hg880 {
    height: 880px !important; }
  .u-sp-hg885 {
    height: 885px !important; }
  .u-sp-hg890 {
    height: 890px !important; }
  .u-sp-hg895 {
    height: 895px !important; }
  .u-sp-hg900 {
    height: 900px !important; }
  .u-sp-hg905 {
    height: 905px !important; }
  .u-sp-hg910 {
    height: 910px !important; }
  .u-sp-hg915 {
    height: 915px !important; }
  .u-sp-hg920 {
    height: 920px !important; }
  .u-sp-hg925 {
    height: 925px !important; }
  .u-sp-hg930 {
    height: 930px !important; }
  .u-sp-hg935 {
    height: 935px !important; }
  .u-sp-hg940 {
    height: 940px !important; }
  .u-sp-hg945 {
    height: 945px !important; }
  .u-sp-hg950 {
    height: 950px !important; }
  .u-sp-hg955 {
    height: 955px !important; }
  .u-sp-hg960 {
    height: 960px !important; }
  .u-sp-hg965 {
    height: 965px !important; }
  .u-sp-hg970 {
    height: 970px !important; }
  .u-sp-hg975 {
    height: 975px !important; }
  .u-sp-hg980 {
    height: 980px !important; }
  .u-sp-hg985 {
    height: 985px !important; }
  .u-sp-hg990 {
    height: 990px !important; }
  .u-sp-hg995 {
    height: 995px !important; }
  .u-sp-hg1000 {
    height: 1000px !important; }
  .u-sp-mah-n {
    max-height: none !important; }
  .u-sp-mah-100p {
    max-height: 100% !important; }
  .u-sp-miw-0 {
    min-width: 0 !important; }
  .u-sp-mih-0 {
    min-height: 0 !important; } }

/* マルチカラムレイアウト
------------------------------------------------------------ */
.u-cc-1 {
  -webkit-column-count: 1 !important;
     -moz-column-count: 1 !important;
          column-count: 1 !important; }

.u-cc-2 {
  -webkit-column-count: 2 !important;
     -moz-column-count: 2 !important;
          column-count: 2 !important; }

.u-cc-3 {
  -webkit-column-count: 3 !important;
     -moz-column-count: 3 !important;
          column-count: 3 !important; }

.u-cc-4 {
  -webkit-column-count: 4 !important;
     -moz-column-count: 4 !important;
          column-count: 4 !important; }

@media screen and (max-width: 767px) {
  .u-sp-cc-1 {
    -webkit-column-count: 1 !important;
       -moz-column-count: 1 !important;
            column-count: 1 !important; }
  .u-sp-cc-2 {
    -webkit-column-count: 2 !important;
       -moz-column-count: 2 !important;
            column-count: 2 !important; }
  .u-sp-cc-3 {
    -webkit-column-count: 3 !important;
       -moz-column-count: 3 !important;
            column-count: 3 !important; }
  .u-sp-cc-4 {
    -webkit-column-count: 4 !important;
       -moz-column-count: 4 !important;
            column-count: 4 !important; } }

/* マウスイベント制御
------------------------------------------------------------ */
.u-pe-n {
  pointer-events: none !important; }

.u-pe-a {
  pointer-events: auto !important; }

@media screen and (max-width: 767px) {
  .u-sp-pe-n {
    pointer-events: none !important; }
  .u-sp-pe-a {
    pointer-events: auto !important; } }

@media print {
  /* ============================================================ */
  /* 印刷用 */
  /* ============================================================ */
  /* --------------------------------------------------- */
  /* header */
  /* --------------------------------------------------- */
  header .inner {
    padding: 0; }
  header .inner2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
            flex: 0 0 10%; }
  header .hnav01 {
    margin: 0 20px 0 0; }
    header .hnav01__item {
      margin: 0 0 0 10px;
      font-size: 0.9rem; }
  header .hnav02 {
    font-size: 1.6rem; }
    header .hnav02__item {
      margin: 0 5px 0 0; }
      header .hnav02__item__link {
        padding: 0 2px; }
  header .gnav {
    margin: 5px 0 0; }
    header .gnav__item__link {
      height: auto;
      padding: 5px 0.875em 15px;
      font-size: 0.9rem; }
  /* --------------------------------------------------- */
  /* topic-path */
  /* --------------------------------------------------- */
  .topic-path {
    font-size: 6px; }
    .topic-path__inner {
      padding: 5px 10px; }
  /* --------------------------------------------------- */
  /* contents */
  /* --------------------------------------------------- */
  .contents {
    margin: 20px auto 40px;
    padding: 0 10px; }
  .contents-lower {
    margin: 0 auto 50px;
    padding: 0 10px; }
  /* --------------------------------------------------- */
  /* footer */
  /* --------------------------------------------------- */
  .pagetop {
    padding: 0 10px; }
  footer {
    padding: 65px 0; }
    footer .fnav {
      padding: 0 10px; }
    footer .fnav01 {
      margin: 0 0 50px;
      font-size: 0.9rem; }
      footer .fnav01__ttl {
        margin: 0 0 15px;
        font-size: 1.1rem; }
    footer .fnav02 {
      font-size: 0.9rem; }
    footer .copyright {
      font-size: 0.9rem; } }

/*# sourceMappingURL=maps/common.css.map */