body {
  background: #fff; }

#page {
  overflow: hidden; }

a:hover img {
  opacity: .9; }

#header-wrap {
  box-shadow: 0 -2px 0 0 #e24040 inset;
  background: #fff;
  position: relative; }
  #header-wrap #header {
    max-width: 1024px;
    margin: auto;
    width: 1024px;
    display: flex;
    justify-content: space-between; }
  #header-wrap .logo {
    width: 240px;
    margin-top: 40px; }
    #header-wrap .logo img {
      width: 100%; }
  #header-wrap #header-search {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end; }
    #header-wrap #header-search > li {
      font-size: 12px;
      font-size: 1.2rem;
      margin-left: 2em;
      letter-spacing: 0.5px; }
      #header-wrap #header-search > li a {
        text-decoration: none;
        position: relative;
        top: .2em; }
        #header-wrap #header-search > li a:hover {
          text-decoration: underline; }
      #header-wrap #header-search > li form {
        font-size: 14px;
        font-size: 1.4rem;
        position: relative; }
        #header-wrap #header-search > li form input[type="text"] {
          width: 160px;
          height: 24px;
          padding-left: 1.6em;
          outline: none;
          border-bottom: #333 solid 1px;
          transition: .6s; }
          #header-wrap #header-search > li form input[type="text"]:focus {
            width: 240px; }
        #header-wrap #header-search > li form input[type="submit"] {
          position: absolute;
          left: 0.1em;
          bottom: 0.3em;
          width: 1.6em;
          height: 0;
          padding-top: 1.2em;
          overflow: hidden;
          background: url("/img/icon-search.svg") no-repeat; }
  #header-wrap #header-nav {
    margin-top: 5px;
    display: flex; }
    #header-wrap #header-nav > li {
      font-size: 14px;
      font-size: 1.4rem; }
      #header-wrap #header-nav > li > a {
        display: block;
        padding: 1.5em;
        font-weight: 500;
        text-decoration: none; }
      #header-wrap #header-nav > li > div {
        width: 100%;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: -10;
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        transition: .6s; }
      #header-wrap #header-nav > li:hover > a, #header-wrap #header-nav > li.tapHover > a {
        box-shadow: 0 -4px 0 0 #e24040 inset;
        color: #e24040; }
      #header-wrap #header-nav > li:hover > div, #header-wrap #header-nav > li.tapHover > div {
        z-index: 100;
        visibility: visible;
        opacity: 1; }

.nav-detail > div {
  padding: 2em 0;
  max-width: 900px;
  margin: auto;
  width: 900px; }

.nav-detail h3 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: .5em;
  color: #fff; }
  .nav-detail h3 i {
    display: inline-block;
    width: 1.5em;
    font-size: 120%;
    position: relative;
    top: 2px; }

.nav-detail a {
  text-decoration: none; }
  .nav-detail a:hover {
    color: #599ec9;
    transition: .4s; }

.nav-detail ul {
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 2.5em; }
  .nav-detail ul li {
    font-weight: 200; }
    .nav-detail ul li + li {
      margin-top: .75em; }
    .nav-detail ul li span[class*="BG-"] {
      display: inline-block;
      font-size: 10px;
      font-size: 1rem;
      margin-top: .25em;
      padding: .25em .75em;
      color: #fff; }
    .nav-detail ul li .BG-d-style {
      box-shadow: inset 0 0 0 1px #666; }

.nav-detail i:before {
  color: #fff !important; }

#nav-products > div {
  display: flex;
  justify-content: space-between; }

#nav-support > div {
  display: flex;
  justify-content: space-between; }
  #nav-support > div > div section + section {
    margin-top: 3em; }
  #nav-support > div > div > ul {
    width: 614px;
    padding: 0 0 2em;
    margin-bottom: 1em;
    display: flex;
    justify-content: space-between;
    border-bottom: #fff solid 1px; }
    #nav-support > div > div > ul li {
      margin-top: 0;
      font-size: 18px;
      font-size: 1.8rem; }
      #nav-support > div > div > ul li a {
        display: block; }
        #nav-support > div > div > ul li a i {
          display: inline-block;
          width: 1.5em;
          font-size: 120%;
          position: relative;
          top: 2px; }
  #nav-support > div > div h3 {
    position: relative;
    z-index: 3; }
  #nav-support > div > div .map {
    position: relative; }
    #nav-support > div > div .map > p {
      margin-top: -24px;
      margin-left: 114px;
      position: relative; }
    #nav-support > div > div .map > ol {
      margin: 0;
      padding: 0;
      position: absolute;
      z-index: 2;
      font-size: 11px;
      font-size: 1.1rem; }
      #nav-support > div > div .map > ol li {
        width: 4em;
        margin: 0 0 5px;
        text-align: center; }
        #nav-support > div > div .map > ol li a,
        #nav-support > div > div .map > ol li span {
          display: block;
          text-decoration: none; }
        #nav-support > div > div .map > ol li a {
          background: #e24040;
          color: #fff; }
          #nav-support > div > div .map > ol li a:hover {
            color: #e24040;
            background: #fff; }
        #nav-support > div > div .map > ol li span {
          background: #f2f2f2;
          color: #ccc;
          box-shadow: inset 0 0 0 1px #ddd; }
      #nav-support > div > div .map > ol.touhoku, #nav-support > div > div .map > ol.kantou, #nav-support > div > div .map > ol.chuubu, #nav-support > div > div .map > ol.kyusyu, #nav-support > div > div .map > ol.shikoku {
        width: 9em; }
        #nav-support > div > div .map > ol.touhoku li, #nav-support > div > div .map > ol.kantou li, #nav-support > div > div .map > ol.chuubu li, #nav-support > div > div .map > ol.kyusyu li, #nav-support > div > div .map > ol.shikoku li {
          float: left;
          margin-right: 5px; }
    #nav-support > div > div .map .hokkaidou {
      left: 502px;
      top: 90px; }
    #nav-support > div > div .map .touhoku {
      left: 454px;
      top: 150px; }
    #nav-support > div > div .map .kantou {
      left: 430px;
      bottom: 20px; }
    #nav-support > div > div .map .chuubu {
      left: 298px;
      top: 84px; }
    #nav-support > div > div .map .kinki {
      left: 236px;
      top: 88px; }
    #nav-support > div > div .map .chugoku {
      top: 160px;
      left: 164px; }
    #nav-support > div > div .map .shikoku {
      left: 250px;
      bottom: -20px; }
    #nav-support > div > div .map .kyusyu {
      left: 60px;
      bottom: 0; }
    #nav-support > div > div .map .okinawa {
      left: 60px;
      top: 88px; }

#nav-showroom > div {
  display: flex;
  justify-content: center;
  text-align: center; }
  #nav-showroom > div > * {
    margin: 0 40px; }
  #nav-showroom > div a {
    display: block;
    background: #fff; }

#nav-company > div,
#nav-users > div,
#nav-history > div,
#nav-story > div,
#nav-interview > div{
  display: flex;
  justify-content: center; }
  #nav-company > div > *,
  #nav-users > div > *,
  #nav-history > div > *,
  #nav-story > div > *,
  #nav-interview > div > *{
    min-width: 240px; }

#breadcrumb {
  width: 100%;
  background: black;
  color: #fff;
  transition: .5s; }
  #breadcrumb > ol {
    max-width: 1024px;
    margin: auto;
    font-size: 12px;
    font-size: 1.2rem;
    padding: .5em 0;
    overflow: hidden; }
    #breadcrumb > ol > li {
      float: left; }
      #breadcrumb > ol > li + li:before {
        content: '>';
        margin: 0 .5em; }
      #breadcrumb > ol > li:last-child a {
        text-decoration: none;
        cursor: default; }

#pageTitle {
  height: 130px;
  text-align: center;
  background-color: #333;
  background-position: center center;
  background-size: cover; }
  #pageTitle h1 {
    font-size: 24px;
    font-size: 2.4rem;
    padding-top: 40px;
    color: #fff; }

#pageTitleImg {
  overflow: hidden; }
  #pageTitleImg img {
    min-width: 1024px;
    width: 100%; }

#pageNav {
  width: 100%;
  background: black;
  color: #fff; }
  #pageNav > ul {
    max-width: 1024px;
    margin: auto;
    padding: .5em 0;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    transition: .5s; }
    #pageNav > ul > li {
      width: 16%;
      width: calc(100% / 6); }
      #pageNav > ul > li:first-of-type {
        border-left: #4d4d4d solid 1px; }
      #pageNav > ul > li:last-of-type {
        border-right: #4d4d4d solid 1px; }
      #pageNav > ul > li + li > a {
        border-left: #4d4d4d solid 1px; }
    #pageNav > ul a {
      padding: 1em 0;
      display: block;
      transition: .5s;
      text-align: center;
      text-decoration: none; }
      #pageNav > ul a:hover {
        background: #222; }

body.breadcrumbFixed #pageTitleImg {
  padding-top: 30px !important; }

body.breadcrumbFixed #pageTitle {
  margin-top: 30px !important; }

body.breadcrumbFixed #breadcrumb {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0; }

body.pageNavFixed #pageTitle,
body.pageNavFixed #pageTitleImg {
  padding-bottom: 65px !important; }

body.pageNavFixed #pageNav + .wrap {
  padding-top: 95px !important; }

body.pageNavFixed #breadcrumb,
body.pageNavFixed #pageNav {
  background: rgba(0, 0, 0, 0.8); }

body.pageNavFixed #pageNav {
  position: fixed;
  z-index: 20;
  top: 30px;
  left: 0; }
  body.pageNavFixed #pageNav ul {
    padding: 0 0 .5em; }
  body.pageNavFixed #pageNav a {
    padding: .25em 0; }

.forCustomer {
  margin-top: 6em !important; }

body.index .forCustomer {
  display: none !important; }

#footer-wrap {
  margin-top: 6em;
  border-top: #e24040 solid 8px;
  border-bottom: #000 solid 34px;
  background: #4d4d4d;
  color: #fff; }
  #footer-wrap #footer-nav {
    max-width: 1024px;
    margin: auto;
    padding: 50px 0 100px;
    display: flex;
    justify-content: space-between; }
    #footer-wrap #footer-nav a {
      text-decoration: none; }
      #footer-wrap #footer-nav a:hover {
        text-decoration: underline; }
    #footer-wrap #footer-nav h3 {
      margin: 0 0 1em -1em;
      padding-left: 1em;
      font-weight: 500;
      position: relative; }
      #footer-wrap #footer-nav h3:before {
        display: block;
        content: '';
        width: .75em;
        height: 2px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #e24040; }
    #footer-wrap #footer-nav h4 {
      font-weight: 400; }
    #footer-wrap #footer-nav > div > * {
      padding-left: 1em; }
      #footer-wrap #footer-nav > div > * ul:not(.pickup) {
        margin: .75em 0 0 1em;
        font-weight: 200; }
        #footer-wrap #footer-nav > div > * ul:not(.pickup) + ul {
          margin-top: 1.5em; }
        #footer-wrap #footer-nav > div > * ul:not(.pickup) li {
          font-size: 12px;
          font-size: 1.2rem;
          margin-bottom: .5em; }
      #footer-wrap #footer-nav > div > * ul.pickup li {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 1em; }
    #footer-wrap #footer-nav #footer-nav-first .product-lineup {
      display: flex; }
      #footer-wrap #footer-nav #footer-nav-first .product-lineup > *:first-of-type {
        margin-right: 2em; }
      #footer-wrap #footer-nav #footer-nav-first .product-lineup section + section {
        margin-top: 2em; }
    #footer-wrap #footer-nav #footer-nav-second section + section,
    #footer-wrap #footer-nav #footer-nav-thaad section + section {
      margin-top: 6em; }
    #footer-wrap #footer-nav #footer-nav-fourth .pickup:last-of-type {
      margin-top: 2.5em; }
  #footer-wrap #footer {
    margin-bottom: -34px;
    text-align: center;
    position: relative; }
    #footer-wrap #footer > ul {
      padding: 1em 0;
      border-top: #808080 solid 1px;
      max-width: 1024px;
      margin: auto;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 200; }
      #footer-wrap #footer > ul li {
        margin: 0 1em;
        display: inline; }
    #footer-wrap #footer #copyright {
      height: 34px;
      line-height: 34px;
      letter-spacing: 1px;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: 100; }

body:not(.index) #recruit-banner,
body:not(.download__drawing):not(.products__worksList) #mailnews-banner,
body:not(.download__pdf-catalog) #news-banner{
  display: none; }

#gotop,
#recruit-banner,
#mailnews-banner,
#news-banner {
  position: fixed;
  z-index: -1;
  opacity: 0; }

#gotop {
  right: 1em;
  bottom: 1em;
  transition: .4s; }
  #gotop a {
    display: block;
    padding: .5em 1em;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }

#recruit-banner,
#mailnews-banner,
#news-banner {
  right: 0;
  bottom: 5.5em;
  transition: .6s;
  transition-delay: .3s; }
#recruit-banner > span,
#mailnews-banner > span,
#news-banner > span {
    display: block;
    cursor: pointer;
    padding: .5em .2em .5em;
    margin-bottom: -1em;
    text-align: right;
    position: relative;
    z-index: 5; }
#recruit-banner > span:hover img,
#mailnews-banner > span:hover img,
#news-banner > span:hover img {
      opacity: .8; }
#recruit-banner > a,
#mailnews-banner > a,
#news-banner > a {
    display: block;
    background: #fff; }

body.gotopFixed #gotop,
body.gotopFixed #recruit-banner,
body.gotopFixed #mailnews-banner,
body.gotopFixed #news-banner {
  opacity: 1;
  z-index: 5; }

body .pc-db {
  display: block !important; }

body .pc-dn {
  display: none !important; }

body .pc-dib {
  display: inline-block !important; }

body .pc-dt {
  width: 100%;
  display: table !important; }
  body .pc-dt > * {
    display: table-cell; }

body .pc-df {
  display: flex;
  align-items: flex-start; }
  body .pc-df.jcsb {
    justify-content: space-between; }

body .pc-tdn {
  text-decoration: none !important; }

body .pc-tdu {
  text-decoration: underline !important; }

body .pc-tac {
  text-align: center !important; }

body .pc-tar {
  text-align: right !important; }

body .pc-tal {
  text-align: left !important; }

body .pc-bd {
  border: #4d4d4d solid 1px; }

body .pc-bdT {
  border-top: #4d4d4d solid 1px; }

body .pc-bdB {
  border-bottom: #4d4d4d solid 1px; }

body .pc-bdL {
  border-left: #4d4d4d solid 1px; }

body .pc-bdR {
  border-right: #4d4d4d solid 1px; }

body .pc-bdV {
  border-top: #4d4d4d solid 1px;
  border-bottom: #4d4d4d solid 1px; }

body .pc-bdH {
  border-left: #4d4d4d solid 1px;
  border-right: #4d4d4d solid 1px; }

body .pc-clearfix:after {
  content: '';
  display: block;
  clear: both; }

body .pc-fl {
  float: left; }

body .pc-fr {
  float: right; }

body .pc-pen {
  pointer-events: none; }

body [class*="-partition"] {
  flex-wrap: wrap;
  justify-content: start; }

body [class*="-column"] {
  flex-wrap: wrap;
  justify-content: space-between; }
  body [class*="-column"] > * > a {
    display: block;
    height: 100%;
    text-decoration: none; }

body .linksWrap > * > a {
  display: block;
  height: 100%;
  text-decoration: none; }

body [class*="-column2"] > *,
body [class*="-column02"] > *{
  width: 48.5%; }

body [class*="-column2"] > *:nth-of-type(n+3),
body [class*="-column02"] > *:nth-of-type(n+3) {
  margin-top: 1.5em; }

body [class*="-column3"] > * {
  width: 31.6%; }

body [class*="-column3"] > *:nth-of-type(n+4) {
  margin-top: 1.5em; }

body [class*="-column3"] > *:nth-child(3n+2):last-child {
  margin-right: 34.2%; }

body [class*="-column4"] > * {
  width: 23.5%; }

body [class*="-column4"] > *:nth-of-type(n+5) {
  margin-top: 1.5em; }

body [class*="-column4"] > *:nth-child(4n+2):last-child {
  margin-right: 51.1%; }

body [class*="-column4"] > *:nth-child(4n+3):last-child {
  margin-right: 25.4%; }

body [class*="-column5"] > * {
  width: 18.5%; }

body [class*="-column5"] > *:nth-of-type(n+6) {
  margin-top: 1.2em; }

body [class*="-column5"] > *:nth-child(5n+2):last-child {
  margin-right: 61.1%; }

body [class*="-column5"] > *:nth-child(5n+3):last-child {
  margin-right: 40.7%; }

body [class*="-column5"] > *:nth-child(5n+4):last-child {
  margin-right: 20.4%; }

body [class*="-column6"] > * {
  width: 15.8%; }

body [class*="-column6"] > *:nth-of-type(n+7) {
  margin-top: 1em; }

body [class*="-column6"] > *:nth-child(6n+2):last-child {
  margin-right: 67.25%; }

body [class*="-column6"] > *:nth-child(6n+3):last-child {
  margin-right: 50.5%; }

body [class*="-column6"] > *:nth-child(6n+4):last-child {
  margin-right: 33.6%; }

body [class*="-column6"] > *:nth-child(6n+5):last-child {
  margin-right: 16.7%; }

/* 20181227採用ページギャラリー用　ここから */
body [class*="-column8"] > * {
  width: 12.2375%; }

body [class*="-column8"] > *:nth-of-type(n+9) {
  margin-top: 0.8em; }

body [class*="-column8"] > *:nth-child(8n+2):last-child {
  margin-right: 75.225%; }

body [class*="-column8"] > *:nth-child(8n+3):last-child {
  margin-right: 62.6875%; }

body [class*="-column8"] > *:nth-child(8n+4):last-child {
  margin-right: 50.15%; }

body [class*="-column8"] > *:nth-child(8n+5):last-child {
  margin-right: 37.6125%; }

body [class*="-column8"] > *:nth-child(8n+6):last-child {
  margin-right: 25.125%; }

body [class*="-column8"] > *:nth-child(8n+7):last-child {
  margin-right: 12.5375%; }
/* 20181227採用ページギャラリー用　ここまで */

body [class*="-partition2"] > * {
  width: 50%; }

body [class*="-partition3"] > * {
  width: 33.3%;
  width: calc(100% / 3); }

body [class*="-partition4"] > * {
  width: 25%; }

body [class*="-partition5"] > * {
  width: 20%; }

body .pc-widthMax {
  width: 100% !important; }

body .pc-widthHalf {
  width: 50% !important; }

body [class*="-jcc"] {
  justify-content: center; }

body .childBdWrapBlack {
  border-color: #000; }
  body .childBdWrapBlack > * {
    border: #000 solid 1px; }

body .childBdWrapGray {
  border-color: #4d4d4d; }
  body .childBdWrapGray > * {
    border: #4d4d4d solid 1px; }

body .childBdWrapLightGray {
  border-color: #e6e6e6; }
  body .childBdWrapLightGray > * {
    border: #e6e6e6 solid 1px; }

body [class*="-partition"][class*="childBdWrap"] {
  border-width: 1px 0 0 1px;
  border-style: solid; }
  body [class*="-partition"][class*="childBdWrap"] > * {
    border-top: none;
    border-left: none; }

body .pc-paddingWrap050 > * {
  padding: .5em; }

body .pc-paddingWrap075 > * {
  padding: .75em; }

body .pc-paddingWrap100 > * {
  padding: 1em; }

body .pc-paddingWrap150 > * {
  padding: 1.5em; }

body .pc-paddingWrap200 > * {
  padding: 2em; }

body .pc-paddingWrap250 > * {
  padding: 2.5em; }

body .pc-paddingWrap300 > * {
  padding: 3em; }

body [class*="linkPaddingWrap"] a {
  display: block; }

body .pc-linkPaddingWrap050 a {
  padding: .5em; }

body .pc-linkPaddingWrap075 a {
  padding: .75em; }

body .pc-linkPaddingWrap100 a {
  padding: 1em; }

body .pc-linkPaddingWrap200 a {
  padding: 2em; }

body .pc-linkPaddingWrap300 a {
  padding: 3em; }

body .linkPaddingWrapImgFit050 a {
  padding: .5em; }
  body .linkPaddingWrapImgFit050 a > img {
    max-width: none;
    width: calc(100% + 1em);
    margin-top: -0.5em;
    margin-left: -0.5em;
    margin-bottom: .5em; }

body .linkPaddingWrapImgFit075 a {
  padding: .75em; }
  body .linkPaddingWrapImgFit075 a > img {
    max-width: none;
    width: calc(100% + 1.5em);
    margin-top: -0.75em;
    margin-left: -0.75em;
    margin-bottom: .75em; }

body .linkPaddingWrapImgFit100 a {
  padding: 1em; }
  body .linkPaddingWrapImgFit100 a > img {
    max-width: none;
    width: calc(100% + 2em);
    margin-top: -1em;
    margin-left: -1em;
    margin-bottom: 1em; }

body [class*="OrnamentPanels"] > * {
  border: #e6e6e6 solid 1px; }
  body [class*="OrnamentPanels"] > * a {
    transition: .2s;
    position: relative; }
    body [class*="OrnamentPanels"] > * a:hover {
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }
  body [class*="OrnamentPanels"] > * b {
    font-size: 20px;
    font-size: 2rem;
    margin: .75em 0 .25em; }

.OrnamentPanelsTri a:after, [class*="doubleLineSlide"] .slick-slide > div a:after, [class*="singleLineSlide"] .slick-slide a:after, .products__systembath__bathingEquipment [id^="tabContent"] td > div a:after, #worksList .df-column4 > div a:after , #worksList .df-column3 > div a:after , #worksList .df-column2 > div a:after {
  position: absolute;
  bottom: .75em;
  right: .75em;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 .75em .75em;
  border-color: transparent transparent #4d4d4d transparent; }

.OrnamentPanelsTri-lightGray a:after {
  border-bottom-color: #e6e6e6; }

.OrnamentPanelsTri-red a:after, [class*="doubleLineSlide"] .slick-slide > div a:after, [class*="singleLineSlide"] .slick-slide a:after {
  border-bottom-color: #e24040; }

.bdWrap01 {
  border-top: #e6e6e6 solid 1px;
  border-left: #e6e6e6 solid 1px; }
  .bdWrap01 > * {
    border-right: #e6e6e6 solid 1px;
    border-bottom: #e6e6e6 solid 1px; }
    .bdWrap01 > * > a {
      padding: .75em; }
      .bdWrap01 > * > a img {
        width: 100%;
        margin-bottom: .5em; }

body .pc-pore {
  position: relative; }

body [class*="pc-poa"] {
  position: absolute; }

body .pc-poa-rt0 {
  right: 0;
  top: 0; }

body .pc-poa-rb0 {
  right: 0;
  bottom: 0; }

body .pc-poa-lt0 {
  left: 0;
  top: 0; }

body .pc-poa-lb0 {
  right: 0;
  bottom: 0; }

body .pc-poa-ht0 {
  left: 0;
  right: 0;
  top: 0;
  margin: auto; }

body .pc-poa-hb0 {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

body .pc-poa-vh0 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

body .fzVeryMin {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5; }

body .fzMin {
  font-size: 14px;
  font-size: 1.4rem; }

body .fzBaseText {
  font-size: 16px;
  font-size: 1.6rem; }

body .fzMd {
  font-size: 20px;
  font-size: 2rem; }

body .fzBig {
  font-size: 22px;
  font-size: 2.2rem; }

body .fzVeryBig {
  font-size: 28px;
  font-size: 2.8rem; }

body .fzUltraBig {
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold; }

body .pc-fwn {
  font-weight: normal !important; }

body .pc-fwm {
  font-weight: 500 !important; }

body .pc-fwb {
  font-weight: bold !important; }

body .pc-fz50p {
  font-size: 50%; }

body .pc-fz60p {
  font-size: 60%; }

body .pc-fz70p {
  font-size: 70%; }

body .pc-fz80p {
  font-size: 80%; }

body .pc-fz90p {
  font-size: 90%; }

body .pc-fz100p {
  font-size: 100%; }

body .pc-fz110p {
  font-size: 110%; }

body .pc-fz120p {
  font-size: 120%; }

body .pc-fz130p {
  font-size: 130%; }

body .pc-fz140p {
  font-size: 140%; }

body .pc-fz150p {
  font-size: 150%; }

body .pc-fz160p {
  font-size: 160%; }

body .pc-fz170p {
  font-size: 170%; }

body .pc-fz180p {
  font-size: 180%; }

body .pc-fz190p {
  font-size: 190%; }

body .pc-fz200p {
  font-size: 200%; }

body .pc-lh05 {
  line-height: 0.5; }

body .pc-lh06 {
  line-height: 0.6; }

body .pc-lh07 {
  line-height: 0.7; }

body .pc-lh08 {
  line-height: 0.8; }

body .pc-lh09 {
  line-height: 0.9; }

body .pc-lh010 {
  line-height: 1; }

body .pc-lh011 {
  line-height: 1.1; }

body .pc-lh012 {
  line-height: 1.2; }

body .pc-lh013 {
  line-height: 1.3; }

body .pc-lh014 {
  line-height: 1.4; }

body .pc-lh015 {
  line-height: 1.5; }

body .pc-lh016 {
  line-height: 1.6; }

body .pc-lh017 {
  line-height: 1.7; }

body .pc-lh018 {
  line-height: 1.8; }

body .pc-lh019 {
  line-height: 1.9; }

body .pc-lh020 {
  line-height: 2; }

.pc-vm00 {
  margin-top: 0em !important;
  margin-bottom: 0em !important; }

.pc-hm00 {
  margin-left: 0em !important;
  margin-right: 0em !important; }

.pc-vp00 {
  padding-top: 0em !important;
  padding-bottom: 0em !important; }

.pc-hp00 {
  padding-left: 0em !important;
  padding-right: 0em !important; }

.pc-mt00 {
  margin-top: 0em !important; }

.pc-mb00 {
  margin-bottom: 0em !important; }

.pc-ml00 {
  margin-left: 0em !important; }

.pc-mr00 {
  margin-right: 0em !important; }

.pc-pt00 {
  padding-top: 0em !important; }

.pc-pb00 {
  padding-bottom: 0em !important; }

.pc-pl00 {
  padding-left: 0em !important; }

.pc-pr00 {
  padding-right: 0em !important; }

.pc-vm025 {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important; }

.pc-hm025 {
  margin-left: 0.25em !important;
  margin-right: 0.25em !important; }

.pc-vp025 {
  padding-top: 0.25em !important;
  padding-bottom: 0.25em !important; }

.pc-hp025 {
  padding-left: 0.25em !important;
  padding-right: 0.25em !important; }

.pc-mt025 {
  margin-top: 0.25em !important; }

.pc-mb025 {
  margin-bottom: 0.25em !important; }

.pc-ml025 {
  margin-left: 0.25em !important; }

.pc-mr025 {
  margin-right: 0.25em !important; }

.pc-pt025 {
  padding-top: 0.25em !important; }

.pc-pb025 {
  padding-bottom: 0.25em !important; }

.pc-pl025 {
  padding-left: 0.25em !important; }

.pc-pr025 {
  padding-right: 0.25em !important; }

.pc-vm050 {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important; }

.pc-hm050 {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important; }

.pc-vp050 {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important; }

.pc-hp050 {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important; }

.pc-mt050 {
  margin-top: 0.5em !important; }

.pc-mb050 {
  margin-bottom: 0.5em !important; }

.pc-ml050 {
  margin-left: 0.5em !important; }

.pc-mr050 {
  margin-right: 0.5em !important; }

.pc-pt050 {
  padding-top: 0.5em !important; }

.pc-pb050 {
  padding-bottom: 0.5em !important; }

.pc-pl050 {
  padding-left: 0.5em !important; }

.pc-pr050 {
  padding-right: 0.5em !important; }

.pc-vm075 {
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important; }

.pc-hm075 {
  margin-left: 0.75em !important;
  margin-right: 0.75em !important; }

.pc-vp075 {
  padding-top: 0.75em !important;
  padding-bottom: 0.75em !important; }

.pc-hp075 {
  padding-left: 0.75em !important;
  padding-right: 0.75em !important; }

.pc-mt075 {
  margin-top: 0.75em !important; }

.pc-mb075 {
  margin-bottom: 0.75em !important; }

.pc-ml075 {
  margin-left: 0.75em !important; }

.pc-mr075 {
  margin-right: 0.75em !important; }

.pc-pt075 {
  padding-top: 0.75em !important; }

.pc-pb075 {
  padding-bottom: 0.75em !important; }

.pc-pl075 {
  padding-left: 0.75em !important; }

.pc-pr075 {
  padding-right: 0.75em !important; }

.pc-vm100 {
  margin-top: 1em !important;
  margin-bottom: 1em !important; }

.pc-vp100 {
  padding-top: 1em !important;
  padding-bottom: 1em !important; }

.pc-hm100 {
  margin-left: 1em !important;
  margin-right: 1em !important; }

.pc-hp100 {
  padding-left: 1em !important;
  padding-right: 1em !important; }

.pc-mt100 {
  margin-top: 1em !important; }

.pc-mb100 {
  margin-bottom: 1em !important; }

.pc-ml100 {
  margin-left: 1em !important; }

.pc-mr100 {
  margin-right: 1em !important; }

.pc-pt100 {
  padding-top: 1em !important; }

.pc-pb100 {
  padding-bottom: 1em !important; }

.pc-pl100 {
  padding-left: 1em !important; }

.pc-pr100 {
  padding-right: 1em !important; }

.pc-vm125 {
  margin-top: 1.25em !important;
  margin-bottom: 1.25em !important; }

.pc-vp125 {
  padding-top: 1.25em !important;
  padding-bottom: 1.25em !important; }

.pc-hm125 {
  margin-left: 1.25em !important;
  margin-right: 1.25em !important; }

.pc-hp125 {
  padding-left: 1.25em !important;
  padding-right: 1.25em !important; }

.pc-mt125 {
  margin-top: 1.25em !important; }

.pc-mb125 {
  margin-bottom: 1.25em !important; }

.pc-ml125 {
  margin-left: 1.25em !important; }

.pc-mr125 {
  margin-right: 1.25em !important; }

.pc-pt125 {
  padding-top: 1.25em !important; }

.pc-pb125 {
  padding-bottom: 1.25em !important; }

.pc-pl125 {
  padding-left: 1.25em !important; }

.pc-pr125 {
  padding-right: 1.25em !important; }

.pc-vm150 {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important; }

.pc-vp150 {
  padding-top: 1.5em !important;
  padding-bottom: 1.5em !important; }

.pc-hm150 {
  margin-left: 1.5em !important;
  margin-right: 1.5em !important; }

.pc-hp150 {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important; }

.pc-mt150 {
  margin-top: 1.5em !important; }

.pc-mb150 {
  margin-bottom: 1.5em !important; }

.pc-ml150 {
  margin-left: 1.5em !important; }

.pc-mr150 {
  margin-right: 1.5em !important; }

.pc-pt150 {
  padding-top: 1.5em !important; }

.pc-pb150 {
  padding-bottom: 1.5em !important; }

.pc-pl150 {
  padding-left: 1.5em !important; }

.pc-pr150 {
  padding-right: 1.5em !important; }

.pc-vm175 {
  margin-top: 1.75em !important;
  margin-bottom: 1.75em !important; }

.pc-vp175 {
  padding-top: 1.75em !important;
  padding-bottom: 1.75em !important; }

.pc-hm175 {
  margin-left: 1.75em !important;
  margin-right: 1.75em !important; }

.pc-hp175 {
  padding-left: 1.75em !important;
  padding-right: 1.75em !important; }

.pc-mt175 {
  margin-top: 1.75em !important; }

.pc-mb175 {
  margin-bottom: 1.75em !important; }

.pc-ml175 {
  margin-left: 1.75em !important; }

.pc-mr175 {
  margin-right: 1.75em !important; }

.pc-pt175 {
  padding-top: 1.75em !important; }

.pc-pb175 {
  padding-bottom: 1.75em !important; }

.pc-pl175 {
  padding-left: 1.75em !important; }

.pc-pr175 {
  padding-right: 1.75em !important; }

.pc-vm200 {
  margin-top: 2em !important;
  margin-bottom: 2em !important; }

.pc-vp200 {
  padding-top: 2em !important;
  padding-bottom: 2em !important; }

.pc-hm200 {
  margin-left: 2em !important;
  margin-right: 2em !important; }

.pc-hp200 {
  padding-left: 2em !important;
  padding-right: 2em !important; }

.pc-mt200 {
  margin-top: 2em !important; }

.pc-mb200 {
  margin-bottom: 2em !important; }

.pc-ml200 {
  margin-left: 2em !important; }

.pc-mr200 {
  margin-right: 2em !important; }

.pc-pt200 {
  padding-top: 2em !important; }

.pc-pb200 {
  padding-bottom: 2em !important; }

.pc-pl200 {
  padding-left: 2em !important; }

.pc-pr200 {
  padding-right: 2em !important; }

.pc-vm225 {
  margin-top: 2.25em !important;
  margin-bottom: 2.25em !important; }

.pc-vp225 {
  padding-top: 2.25em !important;
  padding-bottom: 2.25em !important; }

.pc-hm225 {
  margin-left: 2.25em !important;
  margin-right: 2.25em !important; }

.pc-hp225 {
  padding-left: 2.25em !important;
  padding-right: 2.25em !important; }

.pc-mt225 {
  margin-top: 2.25em !important; }

.pc-mb225 {
  margin-bottom: 2.25em !important; }

.pc-ml225 {
  margin-left: 2.25em !important; }

.pc-mr225 {
  margin-right: 2.25em !important; }

.pc-pt225 {
  padding-top: 2.25em !important; }

.pc-pb225 {
  padding-bottom: 2.25em !important; }

.pc-pl225 {
  padding-left: 2.25em !important; }

.pc-pr225 {
  padding-right: 2.25em !important; }

.pc-vm250 {
  margin-top: 2.5em !important;
  margin-bottom: 2.5em !important; }

.pc-vp250 {
  padding-top: 2.5em !important;
  padding-bottom: 2.5em !important; }

.pc-hm250 {
  margin-left: 2.5em !important;
  margin-right: 2.5em !important; }

.pc-hp250 {
  padding-left: 2.5em !important;
  padding-right: 2.5em !important; }

.pc-mt250 {
  margin-top: 2.5em !important; }

.pc-mb250 {
  margin-bottom: 2.5em !important; }

.pc-ml250 {
  margin-left: 2.5em !important; }

.pc-mr250 {
  margin-right: 2.5em !important; }

.pc-pt250 {
  padding-top: 2.5em !important; }

.pc-pb250 {
  padding-bottom: 2.5em !important; }

.pc-pl250 {
  padding-left: 2.5em !important; }

.pc-pr250 {
  padding-right: 2.5em !important; }

.pc-vm275 {
  margin-top: 2.75em !important;
  margin-bottom: 2.75em !important; }

.pc-vp275 {
  padding-top: 2.75em !important;
  padding-bottom: 2.75em !important; }

.pc-hm275 {
  margin-left: 2.75em !important;
  margin-right: 2.75em !important; }

.pc-hp275 {
  padding-left: 2.75em !important;
  padding-right: 2.75em !important; }

.pc-mt275 {
  margin-top: 2.75em !important; }

.pc-mb275 {
  margin-bottom: 2.75em !important; }

.pc-ml275 {
  margin-left: 2.75em !important; }

.pc-mr275 {
  margin-right: 2.75em !important; }

.pc-pt275 {
  padding-top: 2.75em !important; }

.pc-pb275 {
  padding-bottom: 2.75em !important; }

.pc-pl275 {
  padding-left: 2.75em !important; }

.pc-pr275 {
  padding-right: 2.75em !important; }

.pc-vm300 {
  margin-top: 3em !important;
  margin-bottom: 3em !important; }

.pc-vp300 {
  padding-top: 3em !important;
  padding-bottom: 3em !important; }

.pc-hm300 {
  margin-left: 3em !important;
  margin-right: 3em !important; }

.pc-hp300 {
  padding-left: 3em !important;
  padding-right: 3em !important; }

.pc-mt300 {
  margin-top: 3em !important; }

.pc-mb300 {
  margin-bottom: 3em !important; }

.pc-ml300 {
  margin-left: 3em !important; }

.pc-mr300 {
  margin-right: 3em !important; }

.pc-pt300 {
  padding-top: 3em !important; }

.pc-pb300 {
  padding-bottom: 3em !important; }

.pc-pl300 {
  padding-left: 3em !important; }

.pc-pr300 {
  padding-right: 3em !important; }

.pc-vm325 {
  margin-top: 3.25em !important;
  margin-bottom: 3.25em !important; }

.pc-vp325 {
  padding-top: 3.25em !important;
  padding-bottom: 3.25em !important; }

.pc-hm325 {
  margin-left: 3.25em !important;
  margin-right: 3.25em !important; }

.pc-hp325 {
  padding-left: 3.25em !important;
  padding-right: 3.25em !important; }

.pc-mt325 {
  margin-top: 3.25em !important; }

.pc-mb325 {
  margin-bottom: 3.25em !important; }

.pc-ml325 {
  margin-left: 3.25em !important; }

.pc-mr325 {
  margin-right: 3.25em !important; }

.pc-pt325 {
  padding-top: 3.25em !important; }

.pc-pb325 {
  padding-bottom: 3.25em !important; }

.pc-pl325 {
  padding-left: 3.25em !important; }

.pc-pr325 {
  padding-right: 3.25em !important; }

.pc-vm350 {
  margin-top: 3.5em !important;
  margin-bottom: 3.5em !important; }

.pc-vp350 {
  padding-top: 3.5em !important;
  padding-bottom: 3.5em !important; }

.pc-hm350 {
  margin-left: 3.5em !important;
  margin-right: 3.5em !important; }

.pc-hp350 {
  padding-left: 3.5em !important;
  padding-right: 3.5em !important; }

.pc-mt350 {
  margin-top: 3.5em !important; }

.pc-mb350 {
  margin-bottom: 3.5em !important; }

.pc-ml350 {
  margin-left: 3.5em !important; }

.pc-mr350 {
  margin-right: 3.5em !important; }

.pc-pt350 {
  padding-top: 3.5em !important; }

.pc-pb350 {
  padding-bottom: 3.5em !important; }

.pc-pl350 {
  padding-left: 3.5em !important; }

.pc-pr350 {
  padding-right: 3.5em !important; }

.pc-vm375 {
  margin-top: 3.75em !important;
  margin-bottom: 3.75em !important; }

.pc-vp375 {
  padding-top: 3.75em !important;
  padding-bottom: 3.75em !important; }

.pc-hm375 {
  margin-left: 3.75em !important;
  margin-right: 3.75em !important; }

.pc-hp375 {
  padding-left: 3.75em !important;
  padding-right: 3.75em !important; }

.pc-mt375 {
  margin-top: 3.75em !important; }

.pc-mb375 {
  margin-bottom: 3.75em !important; }

.pc-ml375 {
  margin-left: 3.75em !important; }

.pc-mr375 {
  margin-right: 3.75em !important; }

.pc-pt375 {
  padding-top: 3.75em !important; }

.pc-pb375 {
  padding-bottom: 3.75em !important; }

.pc-pl375 {
  padding-left: 3.75em !important; }

.pc-pr375 {
  padding-right: 3.75em !important; }

.pc-vm400 {
  margin-top: 4em !important;
  margin-bottom: 4em !important; }

.pc-vp400 {
  padding-top: 4em !important;
  padding-bottom: 4em !important; }

.pc-hm400 {
  margin-left: 4em !important;
  margin-right: 4em !important; }

.pc-hp400 {
  padding-left: 4em !important;
  padding-right: 4em !important; }

.pc-mt400 {
  margin-top: 4em !important; }

.pc-mb400 {
  margin-bottom: 4em !important; }

.pc-ml400 {
  margin-left: 4em !important; }

.pc-mr400 {
  margin-right: 4em !important; }

.pc-pt400 {
  padding-top: 4em !important; }

.pc-pb400 {
  padding-bottom: 4em !important; }

.pc-pl400 {
  padding-left: 4em !important; }

.pc-pr400 {
  padding-right: 4em !important; }

.pc-vm425 {
  margin-top: 4.25em !important;
  margin-bottom: 4.25em !important; }

.pc-vp425 {
  padding-top: 4.25em !important;
  padding-bottom: 4.25em !important; }

.pc-hm425 {
  margin-left: 4.25em !important;
  margin-right: 4.25em !important; }

.pc-hp425 {
  padding-left: 4.25em !important;
  padding-right: 4.25em !important; }

.pc-mt425 {
  margin-top: 4.25em !important; }

.pc-mb425 {
  margin-bottom: 4.25em !important; }

.pc-ml425 {
  margin-left: 4.25em !important; }

.pc-mr425 {
  margin-right: 4.25em !important; }

.pc-pt425 {
  padding-top: 4.25em !important; }

.pc-pb425 {
  padding-bottom: 4.25em !important; }

.pc-pl425 {
  padding-left: 4.25em !important; }

.pc-pr425 {
  padding-right: 4.25em !important; }

.pc-vm450 {
  margin-top: 4.5em !important;
  margin-bottom: 4.5em !important; }

.pc-vp450 {
  padding-top: 4.5em !important;
  padding-bottom: 4.5em !important; }

.pc-hm450 {
  margin-left: 4.5em !important;
  margin-right: 4.5em !important; }

.pc-hp450 {
  padding-left: 4.5em !important;
  padding-right: 4.5em !important; }

.pc-mt450 {
  margin-top: 4.5em !important; }

.pc-mb450 {
  margin-bottom: 4.5em !important; }

.pc-ml450 {
  margin-left: 4.5em !important; }

.pc-mr450 {
  margin-right: 4.5em !important; }

.pc-pt450 {
  padding-top: 4.5em !important; }

.pc-pb450 {
  padding-bottom: 4.5em !important; }

.pc-pl450 {
  padding-left: 4.5em !important; }

.pc-pr450 {
  padding-right: 4.5em !important; }

.pc-vm475 {
  margin-top: 4.75em !important;
  margin-bottom: 4.75em !important; }

.pc-vp475 {
  padding-top: 4.75em !important;
  padding-bottom: 4.75em !important; }

.pc-hm475 {
  margin-left: 4.75em !important;
  margin-right: 4.75em !important; }

.pc-hp475 {
  padding-left: 4.75em !important;
  padding-right: 4.75em !important; }

.pc-mt475 {
  margin-top: 4.75em !important; }

.pc-mb475 {
  margin-bottom: 4.75em !important; }

.pc-ml475 {
  margin-left: 4.75em !important; }

.pc-mr475 {
  margin-right: 4.75em !important; }

.pc-pt475 {
  padding-top: 4.75em !important; }

.pc-pb475 {
  padding-bottom: 4.75em !important; }

.pc-pl475 {
  padding-left: 4.75em !important; }

.pc-pr475 {
  padding-right: 4.75em !important; }

.pc-vm500 {
  margin-top: 5em !important;
  margin-bottom: 5em !important; }

.pc-vp500 {
  padding-top: 5em !important;
  padding-bottom: 5em !important; }

.pc-hm500 {
  margin-left: 5em !important;
  margin-right: 5em !important; }

.pc-hp500 {
  padding-left: 5em !important;
  padding-right: 5em !important; }

.pc-mt500 {
  margin-top: 5em !important; }

.pc-mb500 {
  margin-bottom: 5em !important; }

.pc-ml500 {
  margin-left: 5em !important; }

.pc-mr500 {
  margin-right: 5em !important; }

.pc-pt500 {
  padding-top: 5em !important; }

.pc-pb500 {
  padding-bottom: 5em !important; }

.pc-pl500 {
  padding-left: 5em !important; }

.pc-pr500 {
  padding-right: 5em !important; }

.pc-vm525 {
  margin-top: 5.25em !important;
  margin-bottom: 5.25em !important; }

.pc-vp525 {
  padding-top: 5.25em !important;
  padding-bottom: 5.25em !important; }

.pc-hm525 {
  margin-left: 5.25em !important;
  margin-right: 5.25em !important; }

.pc-hp525 {
  padding-left: 5.25em !important;
  padding-right: 5.25em !important; }

.pc-mt525 {
  margin-top: 5.25em !important; }

.pc-mb525 {
  margin-bottom: 5.25em !important; }

.pc-ml525 {
  margin-left: 5.25em !important; }

.pc-mr525 {
  margin-right: 5.25em !important; }

.pc-pt525 {
  padding-top: 5.25em !important; }

.pc-pb525 {
  padding-bottom: 5.25em !important; }

.pc-pl525 {
  padding-left: 5.25em !important; }

.pc-pr525 {
  padding-right: 5.25em !important; }

.pc-vm550 {
  margin-top: 5.5em !important;
  margin-bottom: 5.5em !important; }

.pc-vp550 {
  padding-top: 5.5em !important;
  padding-bottom: 5.5em !important; }

.pc-hm550 {
  margin-left: 5.5em !important;
  margin-right: 5.5em !important; }

.pc-hp550 {
  padding-left: 5.5em !important;
  padding-right: 5.5em !important; }

.pc-mt550 {
  margin-top: 5.5em !important; }

.pc-mb550 {
  margin-bottom: 5.5em !important; }

.pc-ml550 {
  margin-left: 5.5em !important; }

.pc-mr550 {
  margin-right: 5.5em !important; }

.pc-pt550 {
  padding-top: 5.5em !important; }

.pc-pb550 {
  padding-bottom: 5.5em !important; }

.pc-pl550 {
  padding-left: 5.5em !important; }

.pc-pr550 {
  padding-right: 5.5em !important; }

.pc-vm575 {
  margin-top: 5.75em !important;
  margin-bottom: 5.75em !important; }

.pc-vp575 {
  padding-top: 5.75em !important;
  padding-bottom: 5.75em !important; }

.pc-hm575 {
  margin-left: 5.75em !important;
  margin-right: 5.75em !important; }

.pc-hp575 {
  padding-left: 5.75em !important;
  padding-right: 5.75em !important; }

.pc-mt575 {
  margin-top: 5.75em !important; }

.pc-mb575 {
  margin-bottom: 5.75em !important; }

.pc-ml575 {
  margin-left: 5.75em !important; }

.pc-mr575 {
  margin-right: 5.75em !important; }

.pc-pt575 {
  padding-top: 5.75em !important; }

.pc-pb575 {
  padding-bottom: 5.75em !important; }

.pc-pl575 {
  padding-left: 5.75em !important; }

.pc-pr575 {
  padding-right: 5.75em !important; }

.pc-vm600 {
  margin-top: 6em !important;
  margin-bottom: 6em !important; }

.pc-vp600 {
  padding-top: 6em !important;
  padding-bottom: 6em !important; }

.pc-hm600 {
  margin-left: 6em !important;
  margin-right: 6em !important; }

.pc-hp600 {
  padding-left: 6em !important;
  padding-right: 6em !important; }

.pc-mt600 {
  margin-top: 6em !important; }

.pc-mb600 {
  margin-bottom: 6em !important; }

.pc-ml600 {
  margin-left: 6em !important; }

.pc-mr600 {
  margin-right: 6em !important; }

.pc-pt600 {
  padding-top: 6em !important; }

.pc-pb600 {
  padding-bottom: 6em !important; }

.pc-pl600 {
  padding-left: 6em !important; }

.pc-pr600 {
  padding-right: 6em !important; }

.pc-vm625 {
  margin-top: 6.25em !important;
  margin-bottom: 6.25em !important; }

.pc-vp625 {
  padding-top: 6.25em !important;
  padding-bottom: 6.25em !important; }

.pc-hm625 {
  margin-left: 6.25em !important;
  margin-right: 6.25em !important; }

.pc-hp625 {
  padding-left: 6.25em !important;
  padding-right: 6.25em !important; }

.pc-mt625 {
  margin-top: 6.25em !important; }

.pc-mb625 {
  margin-bottom: 6.25em !important; }

.pc-ml625 {
  margin-left: 6.25em !important; }

.pc-mr625 {
  margin-right: 6.25em !important; }

.pc-pt625 {
  padding-top: 6.25em !important; }

.pc-pb625 {
  padding-bottom: 6.25em !important; }

.pc-pl625 {
  padding-left: 6.25em !important; }

.pc-pr625 {
  padding-right: 6.25em !important; }

.pc-vm650 {
  margin-top: 6.5em !important;
  margin-bottom: 6.5em !important; }

.pc-vp650 {
  padding-top: 6.5em !important;
  padding-bottom: 6.5em !important; }

.pc-hm650 {
  margin-left: 6.5em !important;
  margin-right: 6.5em !important; }

.pc-hp650 {
  padding-left: 6.5em !important;
  padding-right: 6.5em !important; }

.pc-mt650 {
  margin-top: 6.5em !important; }

.pc-mb650 {
  margin-bottom: 6.5em !important; }

.pc-ml650 {
  margin-left: 6.5em !important; }

.pc-mr650 {
  margin-right: 6.5em !important; }

.pc-pt650 {
  padding-top: 6.5em !important; }

.pc-pb650 {
  padding-bottom: 6.5em !important; }

.pc-pl650 {
  padding-left: 6.5em !important; }

.pc-pr650 {
  padding-right: 6.5em !important; }

.pc-vm675 {
  margin-top: 6.75em !important;
  margin-bottom: 6.75em !important; }

.pc-vp675 {
  padding-top: 6.75em !important;
  padding-bottom: 6.75em !important; }

.pc-hm675 {
  margin-left: 6.75em !important;
  margin-right: 6.75em !important; }

.pc-hp675 {
  padding-left: 6.75em !important;
  padding-right: 6.75em !important; }

.pc-mt675 {
  margin-top: 6.75em !important; }

.pc-mb675 {
  margin-bottom: 6.75em !important; }

.pc-ml675 {
  margin-left: 6.75em !important; }

.pc-mr675 {
  margin-right: 6.75em !important; }

.pc-pt675 {
  padding-top: 6.75em !important; }

.pc-pb675 {
  padding-bottom: 6.75em !important; }

.pc-pl675 {
  padding-left: 6.75em !important; }

.pc-pr675 {
  padding-right: 6.75em !important; }

.pc-vm700 {
  margin-top: 7em !important;
  margin-bottom: 7em !important; }

.pc-vp700 {
  padding-top: 7em !important;
  padding-bottom: 7em !important; }

.pc-hm700 {
  margin-left: 7em !important;
  margin-right: 7em !important; }

.pc-hp700 {
  padding-left: 7em !important;
  padding-right: 7em !important; }

.pc-mt700 {
  margin-top: 7em !important; }

.pc-mb700 {
  margin-bottom: 7em !important; }

.pc-ml700 {
  margin-left: 7em !important; }

.pc-mr700 {
  margin-right: 7em !important; }

.pc-pt700 {
  padding-top: 7em !important; }

.pc-pb700 {
  padding-bottom: 7em !important; }

.pc-pl700 {
  padding-left: 7em !important; }

.pc-pr700 {
  padding-right: 7em !important; }

.pc-vm725 {
  margin-top: 7.25em !important;
  margin-bottom: 7.25em !important; }

.pc-vp725 {
  padding-top: 7.25em !important;
  padding-bottom: 7.25em !important; }

.pc-hm725 {
  margin-left: 7.25em !important;
  margin-right: 7.25em !important; }

.pc-hp725 {
  padding-left: 7.25em !important;
  padding-right: 7.25em !important; }

.pc-mt725 {
  margin-top: 7.25em !important; }

.pc-mb725 {
  margin-bottom: 7.25em !important; }

.pc-ml725 {
  margin-left: 7.25em !important; }

.pc-mr725 {
  margin-right: 7.25em !important; }

.pc-pt725 {
  padding-top: 7.25em !important; }

.pc-pb725 {
  padding-bottom: 7.25em !important; }

.pc-pl725 {
  padding-left: 7.25em !important; }

.pc-pr725 {
  padding-right: 7.25em !important; }

.pc-vm750 {
  margin-top: 7.5em !important;
  margin-bottom: 7.5em !important; }

.pc-vp750 {
  padding-top: 7.5em !important;
  padding-bottom: 7.5em !important; }

.pc-hm750 {
  margin-left: 7.5em !important;
  margin-right: 7.5em !important; }

.pc-hp750 {
  padding-left: 7.5em !important;
  padding-right: 7.5em !important; }

.pc-mt750 {
  margin-top: 7.5em !important; }

.pc-mb750 {
  margin-bottom: 7.5em !important; }

.pc-ml750 {
  margin-left: 7.5em !important; }

.pc-mr750 {
  margin-right: 7.5em !important; }

.pc-pt750 {
  padding-top: 7.5em !important; }

.pc-pb750 {
  padding-bottom: 7.5em !important; }

.pc-pl750 {
  padding-left: 7.5em !important; }

.pc-pr750 {
  padding-right: 7.5em !important; }

.pc-vm775 {
  margin-top: 7.75em !important;
  margin-bottom: 7.75em !important; }

.pc-vp775 {
  padding-top: 7.75em !important;
  padding-bottom: 7.75em !important; }

.pc-hm775 {
  margin-left: 7.75em !important;
  margin-right: 7.75em !important; }

.pc-hp775 {
  padding-left: 7.75em !important;
  padding-right: 7.75em !important; }

.pc-mt775 {
  margin-top: 7.75em !important; }

.pc-mb775 {
  margin-bottom: 7.75em !important; }

.pc-ml775 {
  margin-left: 7.75em !important; }

.pc-mr775 {
  margin-right: 7.75em !important; }

.pc-pt775 {
  padding-top: 7.75em !important; }

.pc-pb775 {
  padding-bottom: 7.75em !important; }

.pc-pl775 {
  padding-left: 7.75em !important; }

.pc-pr775 {
  padding-right: 7.75em !important; }

.pc-vm800 {
  margin-top: 8em !important;
  margin-bottom: 8em !important; }

.pc-vp800 {
  padding-top: 8em !important;
  padding-bottom: 8em !important; }

.pc-hm800 {
  margin-left: 8em !important;
  margin-right: 8em !important; }

.pc-hp800 {
  padding-left: 8em !important;
  padding-right: 8em !important; }

.pc-mt800 {
  margin-top: 8em !important; }

.pc-mb800 {
  margin-bottom: 8em !important; }

.pc-ml800 {
  margin-left: 8em !important; }

.pc-mr800 {
  margin-right: 8em !important; }

.pc-pt800 {
  padding-top: 8em !important; }

.pc-pb800 {
  padding-bottom: 8em !important; }

.pc-pl800 {
  padding-left: 8em !important; }

.pc-pr800 {
  padding-right: 8em !important; }

.pc-vm825 {
  margin-top: 8.25em !important;
  margin-bottom: 8.25em !important; }

.pc-vp825 {
  padding-top: 8.25em !important;
  padding-bottom: 8.25em !important; }

.pc-hm825 {
  margin-left: 8.25em !important;
  margin-right: 8.25em !important; }

.pc-hp825 {
  padding-left: 8.25em !important;
  padding-right: 8.25em !important; }

.pc-mt825 {
  margin-top: 8.25em !important; }

.pc-mb825 {
  margin-bottom: 8.25em !important; }

.pc-ml825 {
  margin-left: 8.25em !important; }

.pc-mr825 {
  margin-right: 8.25em !important; }

.pc-pt825 {
  padding-top: 8.25em !important; }

.pc-pb825 {
  padding-bottom: 8.25em !important; }

.pc-pl825 {
  padding-left: 8.25em !important; }

.pc-pr825 {
  padding-right: 8.25em !important; }

.pc-vm850 {
  margin-top: 8.5em !important;
  margin-bottom: 8.5em !important; }

.pc-vp850 {
  padding-top: 8.5em !important;
  padding-bottom: 8.5em !important; }

.pc-hm850 {
  margin-left: 8.5em !important;
  margin-right: 8.5em !important; }

.pc-hp850 {
  padding-left: 8.5em !important;
  padding-right: 8.5em !important; }

.pc-mt850 {
  margin-top: 8.5em !important; }

.pc-mb850 {
  margin-bottom: 8.5em !important; }

.pc-ml850 {
  margin-left: 8.5em !important; }

.pc-mr850 {
  margin-right: 8.5em !important; }

.pc-pt850 {
  padding-top: 8.5em !important; }

.pc-pb850 {
  padding-bottom: 8.5em !important; }

.pc-pl850 {
  padding-left: 8.5em !important; }

.pc-pr850 {
  padding-right: 8.5em !important; }

.pc-vm875 {
  margin-top: 8.75em !important;
  margin-bottom: 8.75em !important; }

.pc-vp875 {
  padding-top: 8.75em !important;
  padding-bottom: 8.75em !important; }

.pc-hm875 {
  margin-left: 8.75em !important;
  margin-right: 8.75em !important; }

.pc-hp875 {
  padding-left: 8.75em !important;
  padding-right: 8.75em !important; }

.pc-mt875 {
  margin-top: 8.75em !important; }

.pc-mb875 {
  margin-bottom: 8.75em !important; }

.pc-ml875 {
  margin-left: 8.75em !important; }

.pc-mr875 {
  margin-right: 8.75em !important; }

.pc-pt875 {
  padding-top: 8.75em !important; }

.pc-pb875 {
  padding-bottom: 8.75em !important; }

.pc-pl875 {
  padding-left: 8.75em !important; }

.pc-pr875 {
  padding-right: 8.75em !important; }

.pc-vm900 {
  margin-top: 9em !important;
  margin-bottom: 9em !important; }

.pc-vp900 {
  padding-top: 9em !important;
  padding-bottom: 9em !important; }

.pc-hm900 {
  margin-left: 9em !important;
  margin-right: 9em !important; }

.pc-hp900 {
  padding-left: 9em !important;
  padding-right: 9em !important; }

.pc-mt900 {
  margin-top: 9em !important; }

.pc-mb900 {
  margin-bottom: 9em !important; }

.pc-ml900 {
  margin-left: 9em !important; }

.pc-mr900 {
  margin-right: 9em !important; }

.pc-pt900 {
  padding-top: 9em !important; }

.pc-pb900 {
  padding-bottom: 9em !important; }

.pc-pl900 {
  padding-left: 9em !important; }

.pc-pr900 {
  padding-right: 9em !important; }

.pc-vm925 {
  margin-top: 9.25em !important;
  margin-bottom: 9.25em !important; }

.pc-vp925 {
  padding-top: 9.25em !important;
  padding-bottom: 9.25em !important; }

.pc-hm925 {
  margin-left: 9.25em !important;
  margin-right: 9.25em !important; }

.pc-hp925 {
  padding-left: 9.25em !important;
  padding-right: 9.25em !important; }

.pc-mt925 {
  margin-top: 9.25em !important; }

.pc-mb925 {
  margin-bottom: 9.25em !important; }

.pc-ml925 {
  margin-left: 9.25em !important; }

.pc-mr925 {
  margin-right: 9.25em !important; }

.pc-pt925 {
  padding-top: 9.25em !important; }

.pc-pb925 {
  padding-bottom: 9.25em !important; }

.pc-pl925 {
  padding-left: 9.25em !important; }

.pc-pr925 {
  padding-right: 9.25em !important; }

.pc-vm950 {
  margin-top: 9.5em !important;
  margin-bottom: 9.5em !important; }

.pc-vp950 {
  padding-top: 9.5em !important;
  padding-bottom: 9.5em !important; }

.pc-hm950 {
  margin-left: 9.5em !important;
  margin-right: 9.5em !important; }

.pc-hp950 {
  padding-left: 9.5em !important;
  padding-right: 9.5em !important; }

.pc-mt950 {
  margin-top: 9.5em !important; }

.pc-mb950 {
  margin-bottom: 9.5em !important; }

.pc-ml950 {
  margin-left: 9.5em !important; }

.pc-mr950 {
  margin-right: 9.5em !important; }

.pc-pt950 {
  padding-top: 9.5em !important; }

.pc-pb950 {
  padding-bottom: 9.5em !important; }

.pc-pl950 {
  padding-left: 9.5em !important; }

.pc-pr950 {
  padding-right: 9.5em !important; }

.pc-vm975 {
  margin-top: 9.75em !important;
  margin-bottom: 9.75em !important; }

.pc-vp975 {
  padding-top: 9.75em !important;
  padding-bottom: 9.75em !important; }

.pc-hm975 {
  margin-left: 9.75em !important;
  margin-right: 9.75em !important; }

.pc-hp975 {
  padding-left: 9.75em !important;
  padding-right: 9.75em !important; }

.pc-mt975 {
  margin-top: 9.75em !important; }

.pc-mb975 {
  margin-bottom: 9.75em !important; }

.pc-ml975 {
  margin-left: 9.75em !important; }

.pc-mr975 {
  margin-right: 9.75em !important; }

.pc-pt975 {
  padding-top: 9.75em !important; }

.pc-pb975 {
  padding-bottom: 9.75em !important; }

.pc-pl975 {
  padding-left: 9.75em !important; }

.pc-pr975 {
  padding-right: 9.75em !important; }

.pc-vm1000 {
  margin-top: 10em !important;
  margin-bottom: 10em !important; }

.pc-vp1000 {
  padding-top: 10em !important;
  padding-bottom: 10em !important; }

.pc-hm1000 {
  margin-left: 10em !important;
  margin-right: 10em !important; }

.pc-hp1000 {
  padding-left: 10em !important;
  padding-right: 10em !important; }

.pc-mt1000 {
  margin-top: 10em !important; }

.pc-mb1000 {
  margin-bottom: 10em !important; }

.pc-ml1000 {
  margin-left: 10em !important; }

.pc-mr1000 {
  margin-right: 10em !important; }

.pc-pt1000 {
  padding-top: 10em !important; }

.pc-pb1000 {
  padding-bottom: 10em !important; }

.pc-pl1000 {
  padding-left: 10em !important; }

.pc-pr1000 {
  padding-right: 10em !important; }

.pc-bdrs2 {
  border-radius: 2px; }

.pc-textLineWrap2 {
  line-height: 1.5 !important;
  height: 3em;
  overflow: hidden; }

.pc-bdrs3 {
  border-radius: 3px; }

.pc-textLineWrap3 {
  line-height: 1.5 !important;
  height: 4.5em;
  overflow: hidden; }

.pc-bdrs4 {
  border-radius: 4px; }

.pc-textLineWrap4 {
  line-height: 1.5 !important;
  height: 6em;
  overflow: hidden; }

.pc-bdrs5 {
  border-radius: 5px; }

.pc-textLineWrap5 {
  line-height: 1.5 !important;
  height: 7.5em;
  overflow: hidden; }

.pc-bdrs6 {
  border-radius: 6px; }

.pc-textLineWrap6 {
  line-height: 1.5 !important;
  height: 9em;
  overflow: hidden; }

.pc-bdrs7 {
  border-radius: 7px; }

.pc-textLineWrap7 {
  line-height: 1.5 !important;
  height: 10.5em;
  overflow: hidden; }

.pc-bdrs8 {
  border-radius: 8px; }

.pc-textLineWrap8 {
  line-height: 1.5 !important;
  height: 12em;
  overflow: hidden; }

.pc-bdrs9 {
  border-radius: 9px; }

.pc-textLineWrap9 {
  line-height: 1.5 !important;
  height: 13.5em;
  overflow: hidden; }

.pc-bdrs10 {
  border-radius: 10px; }

.pc-textLineWrap10 {
  line-height: 1.5 !important;
  height: 15em;
  overflow: hidden; }

.pc-bdrs11 {
  border-radius: 11px; }

.pc-textLineWrap11 {
  line-height: 1.5 !important;
  height: 16.5em;
  overflow: hidden; }

.pc-bdrs12 {
  border-radius: 12px; }

.pc-textLineWrap12 {
  line-height: 1.5 !important;
  height: 18em;
  overflow: hidden; }

.pc-bdrs13 {
  border-radius: 13px; }

.pc-textLineWrap13 {
  line-height: 1.5 !important;
  height: 19.5em;
  overflow: hidden; }

.pc-bdrs14 {
  border-radius: 14px; }

.pc-textLineWrap14 {
  line-height: 1.5 !important;
  height: 21em;
  overflow: hidden; }

.pc-bdrs15 {
  border-radius: 15px; }

.pc-textLineWrap15 {
  line-height: 1.5 !important;
  height: 22.5em;
  overflow: hidden; }

.pc-bdrs16 {
  border-radius: 16px; }

.pc-textLineWrap16 {
  line-height: 1.5 !important;
  height: 24em;
  overflow: hidden; }

.pc-bdrs17 {
  border-radius: 17px; }

.pc-textLineWrap17 {
  line-height: 1.5 !important;
  height: 25.5em;
  overflow: hidden; }

.pc-bdrs18 {
  border-radius: 18px; }

.pc-textLineWrap18 {
  line-height: 1.5 !important;
  height: 27em;
  overflow: hidden; }

.pc-bdrs19 {
  border-radius: 19px; }

.pc-textLineWrap19 {
  line-height: 1.5 !important;
  height: 28.5em;
  overflow: hidden; }

.pc-bdrs20 {
  border-radius: 20px; }

.pc-textLineWrap20 {
  line-height: 1.5 !important;
  height: 30em;
  overflow: hidden; }

.imgMaxH-Half {
  text-align: center; }
  .imgMaxH-Half img {
    max-height: 320px;
    max-height: 45vh; }

.lineOrnament, body [class*="OrnamentPanelsLine"] a, .productIntroduction {
  position: relative; }
  .lineOrnament:before, body [class*="OrnamentPanelsLine"] a:before, .productIntroduction:before, .lineOrnament:after, body [class*="OrnamentPanelsLine"] a:after, .productIntroduction:after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    z-index: 5;
    background: #999;
    transform: rotate(-45deg); }
  .lineOrnament:before, body [class*="OrnamentPanelsLine"] a:before, .productIntroduction:before {
    width: 15px;
    right: 9px;
    bottom: 15px; }
  .lineOrnament:after, body [class*="OrnamentPanelsLine"] a:after, .productIntroduction:after {
    width: 7px;
    right: 9px;
    bottom: 12px; }

.wrap {
  max-width: 1024px;
  margin: auto !important; }

.wrapMin {
  max-width: 850px;
  margin: auto; }

.fullWidth {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: #eee; }

.bgCover {
  background-color: #eee;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 1; }

.contents-wrap p {
  line-height: 1.8;
  text-align: justify;
  color: #4d4d4d; }

.contents-wrap [class*="Slide"] p,
.contents-wrap p[class*="title"] {
  text-align: left; }

.cabin {
  font-family: 'Cabin'; }

h1 .cabin,
h2 .cabin,
h3 .cabin,
h4 .cabin,
h5 .cabin {
  font-size: 50%;
  color: #e24040; }

[class^="title"],
[class*=" title"] {
  line-height: 1.4; }
  [class^="title"]:not(p):not([class*="fz"]),
  [class*=" title"]:not(p):not([class*="fz"]) {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500; }
  [class^="title"].fzBig,
  [class*=" title"].fzBig {
    font-weight: 500; }

[class*="titleText"] {
  margin-top: 1.5em;
  margin-bottom: .75em; }

body [class*="titleBl"] {
  margin-bottom: 1em; }
  body [class*="titleBl"] > span {
    display: block; }

body .titleBlSingle {
  padding-left: 1em;
  border-left: #4d4d4d solid 0.15em; }

body [class*="titleBb"] > span {
  display: block; }

body .titleBtSingle {
  padding-top: .5em;
  border-top: #4d4d4d solid 1px; }

body .titleBbSingle {
  padding-bottom: .5em;
  border-bottom: #4d4d4d solid 1px; }

body .titleBbPartition > span, body .titleBbDouble > span {
  line-height: 1.4; }
  body .titleBbPartition > span:first-child, body .titleBbDouble > span:first-child {
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: #4d4d4d solid 1px; }
  body .titleBbPartition > span .db, body .titleBbDouble > span .db {
    margin-bottom: .5em;
    font-size: 16px;
    font-size: 1.6rem; }
    body .titleBbPartition > span .db .textBgc, body .titleBbDouble > span .db .textBgc {
      padding: 0.15em .75em;
      margin-right: .5em; }
    body .titleBbPartition > span .db img, body .titleBbDouble > span .db img {
      width: auto;
      padding-top: 3px; }

body .titleBbDouble span:last-child {
  padding-bottom: .4em;
  border-bottom: #4d4d4d solid 1px; }

body .titleBbNumberCircle {
  margin-bottom: 1em;
  padding-bottom: .5em;
  border-bottom: #4d4d4d solid 1px; }
  body .titleBbNumberCircle > em {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    margin-right: .5em;
    background: #4d4d4d;
    color: #fff;
    border-radius: 50%; }

body .titleCentered {
  margin: 40px 0;
  font-size: 24px;
  font-size: 2.4rem !important;
  text-align: center; }
  body .titleCentered .cabin {
    font-size: 70% !important; }

body [class*="titleBgc"] {
  padding: .5em 1em; }

body .titleBgcBlack {
  background: #000;
  color: #fff; }

.productIntroduction {
  border: #e6e6e6 solid 1px;
  min-height: 400px;
  margin: 30px 0 !important;
  padding: 50px;
  overflow: hidden;
  transition: .2s;
  cursor: pointer; }
  .productIntroduction:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }
    .productIntroduction:hover .photo img {
      opacity: .9; }
  .productIntroduction > div.photo {
    float: left;
    width: 54%; }
    .productIntroduction > div.photo img {
      max-width: 100%; }
  .productIntroduction > div.title {
    float: right;
    width: 42%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1; }
    .productIntroduction > div.title a {
      display: block;
      text-decoration: none; }
  .productIntroduction > div .textBgc {
    margin-top: .75em;
    padding: .25em 2em;
    margin-left: .5em;
    color: #fff; }
  .productIntroduction > div.text {
    float: right;
    width: 42%; }
    .productIntroduction > div.text > p {
      margin: 1em 0 100px; }
    .productIntroduction > div.text > div {
      position: absolute;
      width: 42.5%;
      bottom: 0;
      right: 0;
      padding: 0 50px 50px 0;
      font-size: 12px;
      font-size: 1.2rem; }
      .productIntroduction > div.text > div b {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        padding-bottom: 0.5em;
        margin-bottom: 0.75em;
        border-bottom: #e6e6e6 solid 1px; }
      .productIntroduction > div.text > div span {
        display: inline-block;
        margin-left: 1em;
        padding: .1em .5em;
        background: #000;
        color: #fff; }
      .productIntroduction > div.text > div a {
        margin-top: 1.5em;
        width: 80%; }

.photoComment {
  padding-left: 464px;
  min-height: 290px;
  position: relative; }
  .photoComment > div.title {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 1.5em; }
    .photoComment > div.title em {
      font-size: 20px;
      font-size: 2rem;
      display: block;
      margin: .5em 0;
      padding-top: 1.5em;
      border-top: #000 solid 1px; }
  .photoComment > div.titleMerit {
    margin-bottom: 1em; }
    .photoComment > div.titleMerit span {
      display: inline-block;
      padding: .1em .25em;
      margin-bottom: 1.2em;
      color: #e24040;
      border-top: #e24040 solid 1px;
      border-bottom: #e24040 solid 1px; }
    .photoComment > div.titleMerit em {
      display: block;
      font-size: 20px;
      font-size: 2rem; }
  .photoComment > div.photo {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 0; }
  .photoComment [class*="btnLink"] {
    font-size: 12px;
    font-size: 1.2rem; }
  .photoComment.rebirth {
    padding-left: 0;
    padding-right: 464px; }
    .photoComment.rebirth > div.photo {
      position: absolute;
      left: auto;
      right: 0;
      top: 0;
      padding-left: 0; }

.photoCommentBorder {
  border: #e6e6e6 solid 1px;
  padding-left: 412px;
  padding-right: 1em;
  min-height: 230px;
  position: relative; }
  .photoCommentBorder > div {
    margin-bottom: 1em; }
    .photoCommentBorder > div.title {
      font-size: 18px;
      font-size: 1.8rem;
      padding: 1.5em 6em .5em 0;
      border-bottom: #000 solid 1px;
      position: relative; }
      .photoCommentBorder > div.title a {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 1em;
        font-size: 12px;
        font-size: 1.2rem;
        padding: .5em 1em;
        text-decoration: none;
        background: #000;
        color: #fff; }
    .photoCommentBorder > div.photo {
      position: absolute;
      left: 0;
      top: 0;
      margin-bottom: 0;
      border: #fff solid .5em; }
      .photoCommentBorder > div.photo:after {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        content: '';
        width: 6%;
        height: 100%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 100%); }
  .photoCommentBorder.rebirth {
    padding-right: 412px;
    padding-left: 1em; }
    .photoCommentBorder.rebirth > div.photo {
      left: auto;
      right: 0; }
      .photoCommentBorder.rebirth > div.photo:after {
        right: auto;
        left: 0;
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, white 100%); }

.captionSlideshow .slick-slide img {
  width: 100%; }

.captionSlideshow .slick-slide > p {
  padding: 1em;
  font-weight: 200; }

.captionSlideshow .slick-arrow {
  bottom: auto !important;
  top: 16em !important; }

[class*="doubleLineSlide"] {
  padding-left: 1em;
  margin: 0 -1em; }
  [class*="doubleLineSlide"] .slick-slide > div {
    margin-right: 1em; }
    [class*="doubleLineSlide"] .slick-slide > div + div {
      margin-top: 1em; }
  [class*="doubleLineSlide"] .slick-slide a {
    display: block;
    border: #e6e6e6 solid 1px;
    text-decoration: none;
    background: #fff;
    position: relative; }
    [class*="doubleLineSlide"] .slick-slide a > img {
      width: 100%; }
    [class*="doubleLineSlide"] .slick-slide a > div {
      min-height: 186px;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 1em; }
      [class*="doubleLineSlide"] .slick-slide a > div dl {
        font-size: 12px;
        font-size: 1.2rem; }
    [class*="doubleLineSlide"] .slick-slide a > p {
      font-size: 14px;
      font-size: 1.4rem;
      padding: 1em; }
      [class*="doubleLineSlide"] .slick-slide a > p > span {
        display: block; }
        [class*="doubleLineSlide"] .slick-slide a > p > span:first-child {
          text-align: right;
          color: #999; }
        [class*="doubleLineSlide"] .slick-slide a > p > span + b {
          display: block;
          margin: .5em 0;
          padding: .5em 0;
          border-top: #4d4d4d solid 1px;
          border-bottom: #4d4d4d solid 1px; }
          [class*="doubleLineSlide"] .slick-slide a > p > span + b + span {
            padding-bottom: 1em;
            font-size: 12px;
            font-size: 1.2rem; }

[id^="section"].bgCover [class*="LineSlide"] {
  margin-bottom: 3em; }

[id^="section"]:not(.bgCover) [class*="LineSlide"] {
  margin-bottom: 6em; }

[class*="singleLineSlide"] {
  padding-left: .75em; }
  [class*="singleLineSlide"] .slick-slide {
    margin-right: .75em; }
    [class*="singleLineSlide"] .slick-slide a {
      display: block;
      border: #e6e6e6 solid 1px;
      text-decoration: none;
      background: #fff;
      position: relative; }
      [class*="singleLineSlide"] .slick-slide a > img {
        width: 100%; }
      [class*="singleLineSlide"] .slick-slide a > div {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 1em; }

[class*="doubleLineSlide"] a {
  position: relative;
  padding-top: 65%; }
  [class*="doubleLineSlide"] a > img {
    position: absolute;
    top: 0;
    left: 0; }
  [class*="doubleLineSlide"] a > div {
    background: #fff;
    position: relative; }

[class*="doubleLineSlide"] .titleBbDouble > span:last-child {
  line-height: 1.4;
  min-height: 3.2em; }

[class*="doubleLineSlide"] .titleBbDouble + p {
  min-height: 3.8em; }

[class*="doubleLineSlide"] .titleBbSingle {
  line-height: 1.4;
  min-height: 4.8em; }

[class*="doubleLineSlide"] .textBgc {
  padding-left: .75em;
  padding-right: .75em;
  margin-bottom: .5em; }

[class*="LineSlide"] + [class*="btnWrap"] {
  margin-top: 3em;
  margin-bottom: 2em; }

.flowList ul {
  margin-bottom: .5em;
  display: flex;
  justify-content: space-between; }
  .flowList ul > li {
    width: 10%;
    max-width: 92px;
    padding: 1.5em 0;
    text-align: center;
    background: #4d4d4d;
    color: #fff;
    position: relative; }
    .flowList ul > li:not(:first-of-type):before {
      content: '';
      display: block;
      width: 27px;
      height: 25px;
      position: absolute;
      left: -34px;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: -1;
      background: url(../img/arrowRight_grayBold.png) no-repeat; }
    .flowList ul > li > div {
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      display: inline-block;
      text-align: left;
      letter-spacing: 0; }
    .flowList ul > li.current {
      background: #fff;
      border: #4d4d4d solid 1px;
      color: #4d4d4d;
      font-weight: 600; }

.specWrap {
  margin-top: 1.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .specWrap > div {
    width: 48.5%;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 1em; }
    .specWrap > div h3,
    .specWrap > div h4{
      padding-bottom: .25em;
      background: #fff; }
    .specWrap > div.tableGrayPartition {
      background: #f2f2f2;
      background: -moz-linear-gradient(left, #e6e6e6 0%, #e6e6e6 50%, #f2f2f2 50%, #f2f2f2 100%);
      background: -webkit-linear-gradient(left, #e6e6e6 0%, #e6e6e6 50%, #f2f2f2 50%, #f2f2f2 100%);
      background: linear-gradient(to right, #e6e6e6 0%, #e6e6e6 50%, #f2f2f2 50%, #f2f2f2 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f2f2f2',GradientType=1 ); }
      .specWrap > div.tableGrayPartition table {
        width: 100%; }
      .specWrap > div.tableGrayPartition th,
      .specWrap > div.tableGrayPartition td {
        width: 50%; }

.tableGrayPartition th,
.tableGrayPartition td {
  padding: .75em 2em;
  vertical-align: top; }

.tableGrayPartition tr:first-child th,
.tableGrayPartition tr:first-child td {
  padding-top: 1.5em; }

.tableGrayPartition tr:last-child th,
.tableGrayPartition tr:last-child td {
  padding-bottom: 1.5em; }

.tableGrayPartition th {
  background: #e6e6e6;
  text-align: left; }

.tableGrayPartition td {
  background: #f2f2f2; }

[class*="tableBorder"] table {
  line-height: 1.4; }
  [class*="tableBorder"] table caption {
    font-size: 110%;
    font-weight: 500;
    padding: 1em;
    margin: 0;
    border: #e6e6e6 solid 1px;
    border-bottom: none;
    letter-spacing: 4px; }
  [class*="tableBorder"] table th,
  [class*="tableBorder"] table td {
    padding: 1em;
    border: #e6e6e6 solid 1px; }

[class*="tableBorderGray"] table caption {
  background: #eee; }

[class*="tableBorderGray"] table th {
  background: #f8f8f8; }

[class*="tableBorderBlack"] table th,
[class*="tableBorderBlack"] table td {
  border-color: #000; }

[class*="tableBorderBottomBlack"] table th,
[class*="tableBorderBottomBlack"] table td {
  border: none;
  border-bottom: #000 solid 1px; }

[class*="OverView"] table {
  width: 100%; }

.listGrayBox {
  background: #f2f2f2; }
  .listGrayBox > p {
    padding: 1em 1.5em; }
  .listGrayBox div {
    padding: 1.5em 2em; }
  .listGrayBox li + li {
    margin-top: 1em; }

.sortLinkWrap {
  display: flex;
  margin: 1em 0;
  line-height: 1; }
  .sortLinkWrap > p {
    margin-right: .5em; }
  .sortLinkWrap ul {
    display: flex; }
    .sortLinkWrap ul li {
      margin-right: .25em; }
      .sortLinkWrap ul li a {
        display: block;
        padding: .6em 1em;
        font-size: 80%;
        text-decoration: none;
        border-radius: 2px; }
        .sortLinkWrap ul li a:hover, .sortLinkWrap ul li a.current {
          background: #df6d62;
          color: #fff; }

[class*="btnWrap"] {
  margin-left: auto;
  margin-right: auto; }

.btnWrapHalf {
  width: 54%; }

.btnWrapQuarter {
  width: 36%; }

[class*="btnLink"],
[class*="btnList"] a {
  padding: .5em 1em;
  text-align: center;
  text-decoration: none; }
  [class*="btnLink"]:hover,
  [class*="btnList"] a:hover {
    opacity: .85; }
  [class*="btnLink"] [class*="icon-"],
  [class*="btnList"] a [class*="icon-"] {
    font-size: 140%;
    margin: 0 .25em;
    position: relative;
    bottom: -4px; }

[class*="btnWrap"] [class*="btnLink"],
[class*="btnWrap"] [class*="btnList"] a {
  display: block;
  width: 100%;
  padding: 1em 0; }

.btnLinkBlack, .stepList > li > p > a,
.btnListBlack a {
  background: #000;
  color: #fff; }

.btnLinkGray {
  padding: 1.25em 0;
  border: #e6e6e6 solid 1px;
  background: #f2f2f2; }
  .btnLinkGray:hover {
    opacity: 1;
    background: #000;
    color: #fff; }

.btnListGray {
  margin: 2em 0;
  border-top: #e6e6e6 solid 1px;
  border-left: #e6e6e6 solid 1px; }
  .btnListGray a {
    padding: .75em 1em;
    text-align: left;
    border: none;
    border-right: #e6e6e6 solid 1px;
    border-bottom: #e6e6e6 solid 1px;
    background: #f2f2f2; }
    .btnListGray a:hover {
      opacity: 1;
      background: #df6d62;
      color: #fff; }

[class*="btnLinkGhost"] {
  padding: 1em 0;
  font-weight: 500; }
  [class*="btnLinkGhost"]:hover {
    opacity: 1; }

.btnLinkGhostBlack {
  border: #4d4d4d solid 1px; }
  .btnLinkGhostBlack:hover {
    background: #000;
    color: #fff !important; }
  .btnLinkGhostBlack.BC-dokodemo_toilet:hover {
    background: #00628f; }

.btnLinkGhostWhite {
  border: #fff solid 1px;
  color: #fff; }
  .btnLinkGhostWhite:hover {
    background: #fff;
    color: #333; }

.arrowWhite {
  position: relative; }
  .arrowWhite:before, .arrowWhite:after {
    content: '';
    display: block;
    width: 0.5em;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto; }
  .arrowWhite:before {
    bottom: .3em;
    transform: rotate(45deg); }
  .arrowWhite:after {
    top: .3em;
    transform: rotate(-45deg); }

[class*="contactNav"] {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center; }
  [class*="contactNav"] [class*="icon-"] {
    display: block;
    color: #e24040; }

.contactNav p {
  text-align: center; }

.contactNav .icon-showroom,
.contactNav .icon-catalog,
.contactNav .icon-config,
.contactNav .icon-bath {
  font-size: 100px; }

.contactNav .icon-telBlack {
  font-size: 90px; }

.contactNav .icon-mail {
  font-size: 58px; }

.contactNav .icon-book {
  font-size: 68px; }

.contactNav a {
  text-decoration: none;
  transition: .4s; }
  .contactNav a:hover {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); }

.contactNav > div {
  display: table;
  width: 100%; }
  .contactNav > div > div {
    border: #e6e6e6 solid 1px;
    display: table-cell; }
    .contactNav > div > div + div {
      border-left: none; }
    .contactNav > div > div a {
      display: block;
      padding: 54px 0 32px; }
      .contactNav > div > div a p {
        margin-top: 32px;
        font-weight: 600; }

.contactNav > address {
  margin-top: 3em; }
  .contactNav > address:after {
    content: '';
    display: block;
    clear: both; }
  .contactNav > address > p {
    float: left;
    width: 33%;
    padding-top: 12px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8; }
    .contactNav > address > p b {
      display: block;
      font-size: 18px;
      font-size: 1.8rem;
      margin: 1.5em 0 1em; }
  .contactNav > address > div {
    float: right;
    width: 67%;
    border: #e6e6e6 solid 1px; }
    .contactNav > address > div > div {
      float: left;
      width: 50%; }
      .contactNav > address > div > div a {
        display: block;
        padding: 20px 0; }
      .contactNav > address > div > div p {
        margin-top: 8px;
        font-weight: 600; }
      .contactNav > address > div > div i {
        height: 70px; }
      .contactNav > address > div > div:first-of-type {
        width: 100%;
        padding: 32px 0;
        border-bottom: #e6e6e6 solid 1px; }
        .contactNav > address > div > div:first-of-type i {
          height: auto; }
        .contactNav > address > div > div:first-of-type b {
          display: block;
          font-size: 60px;
          font-size: 6rem;
          line-height: 1;
          letter-spacing: 0.1em;
          color: #e24040; }
          .contactNav > address > div > div:first-of-type b i {
            display: inline;
            font-size: 48px;
            font-size: 4.8rem;
            margin-right: .1em; }
        .contactNav > address > div > div:first-of-type p {
          font-size: 12px;
          font-size: 1.2rem;
          font-weight: normal; }
        .contactNav > address > div > div:first-of-type + div i {
          padding-top: 6px; }
      .contactNav > address > div > div:last-of-type {
        border-left: #e6e6e6 solid 1px; }

.contactNavIndex {
  font-weight: 600; }
  .contactNavIndex a {
    padding: 1.5em 0; }
  .contactNavIndex [class*="icon-"] {
    font-size: 70px;
    margin-bottom: 10px; }
    .contactNavIndex [class*="icon-"]:before {
      margin-right: 0 !important; }
  .contactNavIndex .pc-widthHalf a {
    padding: 3em 0; }
  .contactNavIndex .pc-widthHalf [class*="icon-"] {
    font-size: 110px; }

[class*="modal"] .close {
  position: fixed;
  right: 4%;
  top: 0;
  padding: .5em 1em;
  text-decoration: none;
  background: #000;
  color: #fff; }

[class*="modal"] .closeXmark {
  display: block;
  position: absolute;
  right: -2em;
  top: -2em;
  width: 3em;
  height: 3em;
  z-index: 100;
  cursor: pointer; }
  [class*="modal"] .closeXmark:before, [class*="modal"] .closeXmark:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    display: block;
    width: 3em;
    height: 1px;
    background: #fff; }
  [class*="modal"] .closeXmark:before {
    transform: rotate(45deg); }
  [class*="modal"] .closeXmark:after {
    transform: rotate(-45deg); }

[class*="modal"] p {
  text-align: justify; }

[class*="modal"] .bgCover {
  margin-left: -4.2%;
  margin-right: -4.2%;
  padding: 4.2%; }

#planWork-bottomLinks {
  padding-top: 1em;
  padding-bottom: 3em; }

[data-izimodal-open*="youtube"]:not([class*="btnLink"]) {
  display: block;
  position: relative; }
  [data-izimodal-open*="youtube"]:not([class*="btnLink"]):before, [data-izimodal-open*="youtube"]:not([class*="btnLink"]):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
  [data-izimodal-open*="youtube"]:not([class*="btnLink"]):before {
    width: 3.5em;
    height: 3.5em;
    border: rgba(0, 0, 0, 0.8) solid 2px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    z-index: 2;
    transition: .4s; }
  [data-izimodal-open*="youtube"]:not([class*="btnLink"]):after {
    width: 0;
    height: 0;
    right: 9px;
    border-width: 9px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.8) transparent transparent;
    transform: rotate(45deg);
    z-index: 3; }
  [data-izimodal-open*="youtube"]:not([class*="btnLink"]):hover:before {
    background: #fff;
    border-width: 0;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.8); }
  [data-izimodal-open*="youtube"]:not([class*="btnLink"]):hover:after {
    border-color: #000 #000 transparent transparent; }

.tabWrapBb {
  border-bottom: #4d4d4d solid 1px; }
  .tabWrapBb ul {
    display: flex;
    width: 100%;
    margin-bottom: -1px;
    border-top: #4d4d4d solid 1px;
    border-left: #4d4d4d solid 1px;
    position: relative; }
    .tabWrapBb ul li {
      width: 100%;
      border-right: #4d4d4d solid 1px;
      border-bottom: #4d4d4d solid 1px;
      text-align: center; }
      .tabWrapBb ul li b {
        font-size: 120%; }
      .tabWrapBb ul li a {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 1em 0;
        background: #f2f2f2;
        text-decoration: none; }
      .tabWrapBb ul li.current {
        border-bottom-color: #fff; }
        .tabWrapBb ul li.current a {
          background: #fff; }

[id^="tabContent"].current {
  display: block; }

.products__systembath__bathingEquipment [id^="tabContent"] {
  border-bottom: #e0e0e0 solid 1px; }
  .products__systembath__bathingEquipment [id^="tabContent"] th,
  .products__systembath__bathingEquipment [id^="tabContent"] td {
    border-color: #ccc; }
  .products__systembath__bathingEquipment [id^="tabContent"] tr + tr td {
    padding: 1.5em 1.5em 0;
    border-top-color: #fff;
    border-bottom-color: #fff; }
  .products__systembath__bathingEquipment [id^="tabContent"] tr:last-child td {
    padding-bottom: 1.5em; }
  .products__systembath__bathingEquipment [id^="tabContent"] td {
    vertical-align: top; }
  .products__systembath__bathingEquipment [id^="tabContent"] td > div {
    border: #ccc solid 1px; }
    .products__systembath__bathingEquipment [id^="tabContent"] td > div .titleBbDouble > span:first-child {
      font-size: 80%; }
    .products__systembath__bathingEquipment [id^="tabContent"] td > div a {
      display: block;
      text-decoration: none;
      position: relative; }
      .products__systembath__bathingEquipment [id^="tabContent"] td > div a > img + div {
        padding: 0.75em; }
      .products__systembath__bathingEquipment [id^="tabContent"] td > div a:after {
        border-color: transparent transparent #f39618 transparent; }

.searchKeyword {
  margin: 4em 0; }
  .searchKeyword form {
    width: 440px;
    margin: auto;
    position: relative; }
    .searchKeyword form input[type="text"] {
      width: 100%;
      padding: .5em 1em .5em 2.75em;
      border: #ddd solid 1px;
      border-radius: 1.2em; }
    .searchKeyword form input[type="submit"] {
      position: absolute;
      left: 1em;
      top: 0.75em;
      width: 1.6em;
      height: 0;
      padding-top: 1.2em;
      overflow: hidden;
      background: url("/img/icon-search.svg") no-repeat; }

.searchKeywordGray input {
  display: block;
  border: #ccc solid 1px;
  background: #f7f7f7;
  width: 100%;
  padding: 24px;
  border-radius: 6px; }

.searchTable table {
  width: 100%; }
  .searchTable table th,
  .searchTable table td {
    font-size: 14px;
    font-size: 1.4rem; }
  .searchTable table td {
    vertical-align: middle; }
    .searchTable table td:first-child {
      font-size: 16px;
      font-size: 1.6rem;
      padding: .5em;
      text-align: left; }
      .searchTable table td:first-child a {
        display: flex;
        padding: .5em;
        align-items: center;
        text-decoration: none; }
        .searchTable table td:first-child a:hover {
          background-color: #e6e6e6; }
        .searchTable table td:first-child a > img {
          margin-right: 1em;
          width: 150px; }
        .searchTable table td:first-child a > span {
          display: block; }
          .searchTable table td:first-child a > span em,
          .searchTable table td:first-child a > span b {
            display: block; }
          .searchTable table td:first-child a > span em {
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.2; }
          .searchTable table td:first-child a > span b {
            font-weight: normal;
            margin-top: .5em;
            width: 5em;
            font-size: 12px;
            font-size: 1.2rem;
            text-align: center;
            background: #df6d62;
            color: #fff; }
    .searchTable table td:last-child {
      width: 160px; }

.searchList ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1em 0;
  border-bottom: #ccc solid 1px; }
  .searchList ul li > div > b {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    padding: .25em .5em;
    background: #000;
    color: #fff; }
    .searchList ul li > div > b:before {
      margin-right: .25em; }
  .searchList ul li > div > em {
    display: block;
    margin-bottom: .5em;
    font-size: 20px;
    font-size: 2rem; }
  .searchList ul li > div > div {
    display: flex; }
    .searchList ul li > div > div .photo {
      width: 80px;
      min-width: 80px;
      margin-right: 1em; }
      .searchList ul li > div > div .photo img {
        width: 100%; }
    .searchList ul li > div > div .text {
      font-size: 14px;
      font-size: 1.4rem;
      min-width: 500px;
      max-width: 880px;
      word-break: break-word; }
  .searchList ul li > p {
    width: 110px;
    min-width: 110px;
    margin-left: 1em;
    font-size: 12px;
    font-size: 1.2rem; }
    .searchList ul li > p a {
      padding: 1em; }

#agencySearchMap {
  width: 634px;
  text-align: center;
  margin: auto;
  position: relative; }
  #agencySearchMap .sp-dn svg {
    width: 100%;
    fill: currentColor; }
  #agencySearchMap > ol {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    font-size: 14px;
    font-size: 1.4rem; }
    #agencySearchMap > ol li {
      width: 4.5em;
      margin: 0 0 5px;
      text-align: center; }
      #agencySearchMap > ol li a,
      #agencySearchMap > ol li span {
        display: block;
        padding: .25em 0;
        text-decoration: none; }
      #agencySearchMap > ol li a {
        background: #e24040;
        color: #fff; }
        #agencySearchMap > ol li a:hover {
          color: #e24040;
          background: #fff; }
      #agencySearchMap > ol li span {
        background: #f2f2f2;
        color: #ccc;
        box-shadow: inset 0 0 0 1px #ddd; }
    #agencySearchMap > ol.touhoku, #agencySearchMap > ol.kantou, #agencySearchMap > ol.chuubu, #agencySearchMap > ol.kyusyu, #agencySearchMap > ol.shikoku {
      width: 10em; }
      #agencySearchMap > ol.touhoku li, #agencySearchMap > ol.kantou li, #agencySearchMap > ol.chuubu li, #agencySearchMap > ol.kyusyu li, #agencySearchMap > ol.shikoku li {
        float: left;
        margin-right: 5px; }
  #agencySearchMap .hokkaidou {
    left: 640px;
    top: 94px; }
  #agencySearchMap .touhoku {
    left: 548px;
    top: 174px; }
  #agencySearchMap .kantou {
    left: 500px;
    bottom: 72px; }
  #agencySearchMap .chuubu {
    left: 274px;
    top: 124px; }
  #agencySearchMap .kinki {
    left: 194px;
    top: 124px; }
  #agencySearchMap .chugoku {
    top: 200px;
    left: 114px; }
  #agencySearchMap .shikoku {
    left: 250px;
    bottom: 8px; }
  #agencySearchMap .kyusyu {
    left: -70px;
    bottom: 48px; }
  #agencySearchMap .okinawa {
    left: -16px;
    top: 60px; }

.pager {
  margin-bottom: 100px; }
  .pager ul {
    text-align: center; }
    .pager ul li {
      display: inline-block; }
      .pager ul li a {
        display: block;
        text-decoration: none;
        line-height: 1;
        padding: 1em; }
        .pager ul li a:hover, .pager ul li a.current {
          background: #f2f2f2; }

.formTable input[type="text"],
.formTable input[type="number"],
.formTable textarea {
  padding: .5em; }

.formTable table th,
.formTable table td {
  padding: 1.5em 2em; }

.formTable table th {
  width: 26%; }
  .formTable table th .textBd {
    margin-left: .5em; }

.formTable table td > input[type="text"] {
  width: 240px; }

.formTable table td > ol {
  overflow: hidden; }
  .formTable table td > ol li {
    float: left;
    max-width: 40%; }
    .formTable table td > ol li input {
      width: 100% !important; }
    .formTable table td > ol li + li {
      margin-left: 1em; }

.formTable table td input[type="radio"],
.formTable table td input[type="checkbox"] {
  margin-left: .4em;
  margin-right: .2em; }

.formTable table td input[type="hidden"] + input[type="radio"],
.formTable table td input[type="hidden"] + input[type="checkbox"] {
  margin-left: 0; }

.formTable table td button {
  font-size: 14px;
  font-size: 1.4rem; }

.formTable table table {
  width: 74%; }
  .formTable table table td:last-child {
    width: 6.5em; }
  .formTable table table input {
    width: 4em;
    margin-right: .5em; }

.privacypolicyCheck {
  height: 14em;
  padding: 2em; }

.formConsent label {
  font-size: 120%; }

.thanksMessage {
  margin: 5em 0; }
  .thanksMessage p {
    text-align: center; }
  .thanksMessage > div {
    margin: 4em;
    padding: 2em 0;
    text-align: center;
    border: #e6e6e6 solid 1px; }
    .thanksMessage > div i {
      height: auto; }
    .thanksMessage > div b {
      display: block;
      font-size: 60px;
      font-size: 6rem;
      line-height: 1;
      font-weight: 500;
      letter-spacing: 0.1em;
      color: #e24040; }
      .thanksMessage > div b i {
        display: inline;
        font-size: 48px;
        font-size: 4.8rem;
        margin-right: .1em; }
    .thanksMessage > div p {
      margin-top: 1em;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal; }
    .thanksMessage > div + div i {
      padding-top: 6px; }

.newsIndex {
  margin: 2em 0 6em;
  padding: 2em 1em 1em;
  border-top: #e24040 solid 1px;
  border-bottom: #e24040 solid 1px; }
  .newsIndex ul li + li {
    margin-top: .5em; }
  .newsIndex ul li a {
    display: inline-block;
    padding: 0 .25em;
    border-bottom: #a3a3a3 solid 1px;
    text-decoration: none; }
    .newsIndex ul li a:hover {
      border-bottom-color: #fff; }
    .newsIndex ul li a span {
      padding-right: 1em; }
  .newsIndex p {
    content: '';
    display: block;
    clear: both;
    text-align: right;
    color: #e24040;
    font-family: cabin; }
    .newsIndex p a {
      text-decoration: none; }
      .newsIndex p a:after {
        float: right;
        content: '';
        display: block;
        position: relative;
        top: .4em;
        margin-left: .5em;
        width: .8em;
        height: .8em;
        border-width: 1px;
        border-style: solid;
        border-color: #e24040 #e24040 transparent transparent;
        transform: rotate(45deg); }

.accordionList > dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: .75em;
  padding-right: 2.25em;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  .accordionList > dl dt .textBgc {
    display: block;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 2em;
    margin-top: .2em;
    margin-bottom: .5em;
    line-height: 1;
    padding: .3em .75em;
    font-weight: 200;
    background-color: #000; }
  .accordionList > dl dt:before, .accordionList > dl dt:after {
    content: '';
    display: block;
    width: 1em;
    height: 1px;
    position: absolute;
    right: .5em;
    top: .75em;
    margin: auto;
    background: #e24040;
    transition: .3s; }
  .accordionList > dl dt:before {
    transform: rotate(270deg); }
  .accordionList > dl dt.open:before {
    transform: rotate(0deg); }
  .accordionList > dl dt.open:after {
    transform: rotate(360deg); }

.accordionList > dl dd {
  margin-bottom: 3em; }
  .accordionList > dl dd p b.db {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: .5em; }

.accordionList.qa > dl dt {
  font-size: 20px;
  font-size: 2rem;
  text-indent: -1.2em;
  padding-left: 1.2em; }
  .accordionList.qa > dl dt:hover:first-letter {
    color: #e24040; }
  .accordionList.qa > dl dt:first-letter {
    margin-right: .15em; }

.accordionList.qa > dl dd {
  text-indent: -1.5em;
  padding-left: 1.5em;
  padding-right: 3em;
  font-weight: 300; }
  .accordionList.qa > dl dd * {
    text-indent: 0; }
  .accordionList.qa > dl dd:first-letter {
    font-size: 120%;
    font-weight: normal;
    margin-left: .1em;
    margin-right: .25em; }

[class*="childBdWrap"] .pc-dt {
  text-decoration: none; }
  [class*="childBdWrap"] .pc-dt > * {
    vertical-align: middle; }
  [class*="childBdWrap"] .pc-dt i[class*="icon-"] {
    width: 1.4em;
    font-size: 400%;
    color: #e24040; }
  [class*="childBdWrap"] .pc-dt b {
    font-size: 120%; }
  [class*="childBdWrap"] .pc-dt .textBgc {
    padding-left: 1em;
    padding-right: 1em; }

#supportTel {
  color: #000;
  border: #e6e6e6 solid 1px; }
  #supportTel .cabin {
    font-weight: bold;
    letter-spacing: 1.5px; }
  #supportTel h3 {
    height: 50px;
    margin-top: 35px; }
  #supportTel dt {
    margin-bottom: .5em;
    padding-bottom: .25em;
    border-bottom: #000 dashed 1px;
    font-weight: 500; }
  #supportTel dd + dt {
    margin-top: 24px; }
  #supportTel dd:not(:first-of-type) > div > a {
    font-size: 30px;
    font-size: 3rem; }
  #supportTel dd:not(:first-of-type) > div > span {
    font-size: 20px;
    font-size: 2rem; }
  #supportTel dd:not(:first-of-type) > div i {
    display: inline-block;
    width: 40px;
    font-size: 24px;
    font-size: 2.4rem; }
  #supportTel a[href*="tel"] {
    text-decoration: none; }
  #supportTel #contactTel dd:first-of-type p {
    margin-top: 40px;
    padding: 0.5em;
    text-align: center;
    color: #fff;
    background: #7f7f7f; }
  #supportTel #troubleTel {
    background-color: #fcecec;
    border-left: #e6e6e6 solid 1px; }
    #supportTel #troubleTel h3 {
      color: #e24040; }
      #supportTel #troubleTel h3 span {
        display: inline-block;
        padding-bottom: .25em;
        border-bottom: #e24040 solid 1px; }
  #supportTel #troubleTelAddress > div, #supportTel #contactTel dd:first-of-type > div {
    margin-top: 8px;
    padding-left: 48px;
    position: relative; }
    #supportTel #troubleTelAddress > div + div, #supportTel #contactTel dd:first-of-type > div + div {
      margin-top: 20px; }
    #supportTel #troubleTelAddress > div i, #supportTel #contactTel dd:first-of-type > div i {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 30px; }
    #supportTel #troubleTelAddress > div > a, #supportTel #contactTel dd:first-of-type > div > a,
    #supportTel #troubleTelAddress > div > span,
    #supportTel #contactTel dd:first-of-type > div > span {
      display: block;
      font-size: 14px;
      font-size: 1.4rem; }
      #supportTel #troubleTelAddress > div > a b, #supportTel #contactTel dd:first-of-type > div > a b,
      #supportTel #troubleTelAddress > div > span b,
      #supportTel #contactTel dd:first-of-type > div > span b {
        display: block;
        line-height: 1;
        margin-left: -4px;
        margin-bottom: 4px;
        position: relative; }
    #supportTel #troubleTelAddress > div > a i, #supportTel #contactTel dd:first-of-type > div > a i {
      font-size: 40px;
      font-size: 4rem;
      top: 8px; }
    #supportTel #troubleTelAddress > div > a b, #supportTel #contactTel dd:first-of-type > div > a b {
      font-size: 50px;
      font-size: 5rem; }
    #supportTel #troubleTelAddress > div > span i, #supportTel #contactTel dd:first-of-type > div > span i,
    #supportTel #troubleTelAddress > div > span b,
    #supportTel #contactTel dd:first-of-type > div > span b {
      font-size: 30px;
      font-size: 3rem; }
    #supportTel #troubleTelAddress > div > span i, #supportTel #contactTel dd:first-of-type > div > span i {
      margin-left: 4px; }
  #supportTel #afterMaintenance {
    margin: 3em 1em 1em;
    border: #e24040 solid 1px;
    background: #fff; }
    #supportTel #afterMaintenance h4 {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 500;
      padding: .5em 0;
      text-align: center;
      color: #fff;
      background: #e24040; }
    #supportTel #afterMaintenance div {
      padding: 1em 0; }
      #supportTel #afterMaintenance div p {
        text-align: center; }
      #supportTel #afterMaintenance div p:last-child {
        margin: 0.5em 0;
        font-size: 40px;
        font-size: 4rem;
        line-height: 1;
        color: #e24040; }
        #supportTel #afterMaintenance div p:last-child i {
          margin-right: -0.3em; }

.stepList > li {
  display: table;
  width: 100%;
  min-height: 8em;
  padding: 1em 1.5em;
  background: #e6e6e6;
  position: relative; }
  .stepList > li > * {
    display: table-cell; }
  .stepList > li > div {
    font-size: 18px;
    font-size: 1.8rem;
    width: 6em;
    padding-right: 1em;
    border-right: 1px #fff solid;
    font-weight: 500;
    text-align: center;
    color: #2e86cc; }
  .stepList > li > p {
    padding-left: 1.5em;
    padding-right: 8em;
    position: relative; }
    .stepList > li > p > b {
      display: block;
      font-size: 130%; }
    .stepList > li > p > a {
      font-size: 12px;
      font-size: 1.2rem;
      padding: .5em 1.25em;
      display: inline-block;
      text-decoration: none;
      position: absolute;
      right: 0;
      bottom: 0; }
  .stepList > li + li {
    margin-top: 5em; }
    .stepList > li + li:before {
      content: '';
      display: block;
      width: 2em;
      height: 2em;
      position: absolute;
      top: -4em;
      left: 0;
      right: 0;
      margin: auto;
      border: 2px solid;
      border-color: transparent #2e86cc #2e86cc transparent;
      transform: rotate(45deg); }

.arrowLinkList > li a:hover {
  background-color: #f2f2f8; }

#repairManualList {
  display: flex;
  justify-content: space-between;
  width: 100%; }
  #repairManualList .lists {
    width: 68%; }
  #repairManualList .imgBox {
    width: 28%; }
    #repairManualList .imgBox > div + div {
      margin-top: 1.5em; }

.yutoriBasicNav {
  border-top: #438c38 solid 2px;
  border-left: #438c38 solid 2px;
  overflow: hidden;
  font-size: 15px;
  font-size: 1.5rem; }
  .yutoriBasicNav li {
    float: left;
    width: 25%;
    border-right: #438c38 solid 2px;
    border-bottom: #438c38 solid 2px; }
    .yutoriBasicNav li a {
      display: block;
      padding: .6em 0 .6em .6em;
      color: #438c38;
      background: url("/img/products/systembath/yutori_basic/yutoriBasic-arrowGreen.png") 96% center no-repeat;
      text-decoration: none; }
      .yutoriBasicNav li a em {
        margin-right: .2em; }
      .yutoriBasicNav li a:hover {
        background-image: url("/img/products/systembath/yutori_basic/yutoriBasic-arrowWhite.png");
        background-color: #438c38;
        color: #fff; }

#worksList h2 [class*="icon-"] {
  font-size: 150%;
  vertical-align: bottom; }

#worksList h2 .textBgc {
  display: inline-block;
  padding: .2em .5em;
  margin-left: .75em; }

#worksList section + section h2 {
  margin-top: 4em; }

#worksList .df-column4 > div a,
#worksList .df-column3 > div a,
#worksList .df-column2 > div a{
  display: block;
  border: #e6e6e6 solid 1px;
  text-decoration: none;
  background: #fff;
  position: relative; }
  #worksList .df-column4 > div a > img,
#worksList .df-column3 > div a > img,
#worksList .df-column2 > div a > img{
    width: 100%; }
  #worksList .df-column4 > div a > div,
#worksList .df-column3 > div a > div,
#worksList .df-column2 > div a > div{
    font-size: 12px;
    font-size: 1.2rem;
    padding: 1.2em; }
  #worksList .df-column4 > div a .pc-tar,
#worksList .df-column3 > div a .pc-tar,
#worksList .df-column2 > div a .pc-tar{
    font-size: 80%; }

#tabContent_ALL table,
#tabContent_OGWellness table,
#tabContent_AMANO table,
#tabContent_SAKAImed table {
  table-layout: fixed; }

#bathSizeNav .tabMenuTrigger li a > i {
  font-size: 1.75em; }
  #bathSizeNav .tabMenuTrigger li a > i:before {
    margin-right: .5em; }

#bathSizeNav .tabMenuTrigger li a > span {
  text-align: left;
  line-height: 1.4; }

#bathSizeContents .titleBbSingle {
  margin-bottom: 1.5em; }


/* 20181108追加｜ダウンロードページ設定｜ここから */
.productIntroduction2 {
  position: relative; }
  .productIntroduction2:before, .productIntroduction2:after {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    z-index: 5;
    background: #999;
    transform: rotate(-45deg); }
  .productIntroduction2:before {
    width: 15px;
    right: 9px;
    bottom: 15px; }
  .productIntroduction2:after {
    width: 7px;
    right: 9px;
    bottom: 12px; }

.productIntroduction2 {
  border: #e6e6e6 solid 1px;
  min-height: 196px;
  margin: 30px 0 !important;
  padding: 20px;
  overflow: hidden;
  transition: .2s;
  cursor: pointer; }
  .productIntroduction2:hover {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); }
    .productIntroduction2:hover .photo2 img {
      opacity: .9; }
  .productIntroduction2 > div.photo2 {
    float: left;
    width: 24%; }
    .productIntroduction2 > div.photo2 img {
      max-width: 100%; }
  .productIntroduction2 > div.title2 {
    float: right;
    width: 72%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1; }
    .productIntroduction2 > div.title2 a {
      display: block;
      text-decoration: none; }
  .productIntroduction2 > div .textBgc {
    margin-top: .75em;
    padding: .25em 2em;
    margin-left: .5em;
    color: #fff; }
  .productIntroduction2 > div.text2 {
    float: right;
    width: 72%; }
    .productIntroduction2 > div.text2 > p {
      margin: 2em 0 2em; }
    .productIntroduction2 > div.text2 > div {
      position: absolute;
      width: 42.5%;
      bottom: 0;
      right: 0;
      padding: 0 50px 50px 0;
      font-size: 12px;
      font-size: 1.2rem; }
      .productIntroduction2 > div.text2 > div b {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        padding-bottom: 0.5em;
        margin-bottom: 0.75em;
        border-bottom: #e6e6e6 solid 1px; }
      .productIntroduction2 > div.text2 > div span {
        display: inline-block;
        margin-left: 1em;
        padding: .1em .5em;
        background: #000;
        color: #fff; }
      .productIntroduction2 > div.text2 > div a {
        margin-top: 1.5em;
        width: 80%; }
/* 20181108追加｜ダウンロードページ設定｜ここまで */

/* 20181109追加｜トイレのリフォームマニュアルバナー設定｜ここから */
.btnLinkblue, .btnLinkblue a, .btnLinkblue p {
  background: #2e86cc;
  color: #fff;
  text-align: center;}
.btnLinkblue h3 {
	font-size: 28px;
    font-size: 2.8rem;
}
.reform-img {
  position: relative; }
.reform-img:before {
    content: url("/img/products/toilet/sofia/common/reform_pc.png");
    display: block;
    position: absolute;
	right: 10px;
	bottom: 10px;
    z-index: 5; }
/* 20181109追加｜トイレのリフォームマニュアルバナー設定｜ここまで */

/* 20181113追加｜便槽の商品一覧バナー設定｜ここから */
.btnLinkgray, .btnLinkgray a, .btnLinkgray p {
  background: #5a6b70;
  color: #fff;
  text-align: center;}
.btnLinkgray h3 {
	font-size: 28px;
    font-size: 2.8rem;
}
.toiletTank-img {
  position: relative; }
.toiletTank-img:before {
    content: url("/img/products/toilet/sofia/common/toiletTank_pc.png");
    display: block;
    position: absolute;
	right: 15px;
	bottom: 15px;
    z-index: 5; }
/* 20181113追加｜便槽の商品一覧バナー設定｜ここまで */

/* 20181115追加｜活性炭ろ過槽バナー設定｜ここから */
.btnLinkdarkblue, .btnLinkdarkblue a, .btnLinkdarkblue p {
  background: #1f5eab;
  color: #fff;
  text-align: center;}
.btnLinkdarkblue h3 {
	font-size: 28px;
    font-size: 2.8rem;
}
.filtrationTank-img {
  position: relative; }
.filtrationTank-img:before {
    content: url("/img/products/waterSystem/recycled_water/filtration_tank_pc.png");
    display: block;
    position: absolute;
	right: 5px;
	bottom: 5px;
    z-index: 5; }
/* 20181115追加｜活性炭ろ過槽バナー設定｜ここまで */

/* 20181115追加｜ポンプ槽バナー設定｜ここから */
.btnLinkgreen, .btnLinkgreen a, .btnLinkgreen p {
  background: #4c8e19;
  color: #fff;
  text-align: center;}
.btnLinkgreen h3 {
	font-size: 28px;
    font-size: 2.8rem;
}
.pumpTank-img {
  position: relative; }
.pumpTank-img:before {
    content: url("/img/products/waterSystem/septic_tank/pump_tank_pc.png");
    display: block;
    position: absolute;
	right: 5px;
	bottom: 5px;
    z-index: 5; }
/* 20181115追加｜ポンプ槽バナー設定｜ここまで */

/* 20181119追加｜「スライドできます」説明追加｜ここから */
.slick-track .slideGuide {
  position: relative; }
.slick-track .slideGuide:before {
  content: url(/img/slide_arrowRight_pc.png);
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding: 0.5em 0; }
/* 20181119追加｜「スライドできます」説明追加｜ここまで */

/* 20181119追加｜スライドショー説明文｜ここから */
.slidecaption p b {
    display: block;
	margin-bottom: 1em;
}

.slidecaption p {
	margin-bottom: 1em;
	padding: 0 2.5em;
}
.slidecaption p {
    font-weight: 200;	
}
/* 20181119追加｜スライドショー説明文｜ここまで */

/* 20181213追加｜各商品ページ ダウンロードのボタン｜ここから */
.btnLinkGray2 {
  padding: 1em;
  border: #e6e6e6 solid 1px;
  background: #eee; }
.btnLinkGray2:hover {
    opacity: 1;
    background: #fff;
    color: #666; }
.btnLinkGray2 i{
  font-size: 300% !important;
  display: block;
  margin-bottom: 0.5em !important; }
/* 20181213追加｜各商品ページ ダウンロードのボタン｜ここまで */

/* 20181217追加｜入浴機器対応プランバナー（介護ゆとりっくす）設定｜ここから */
.btnLinkorange, .btnLinkorange a, .btnLinkorange p {
  background: #f39618;
  color: #fff;
  text-align: center;}
.btnLinkorange h3 {
	font-size: 28px;
    font-size: 2.8rem;
}
/* 20181217追加｜入浴機器対応プラン（介護ゆとりっくす）設定｜ここまで */

/* 20181217追加｜入浴機器対応プランバナー（ゆとりけあベーシック）設定｜ここから */
.btnLinkyutorigreen, .btnLinkyutorigreen a, .btnLinkyutorigreen p {
  background: #438c38;
  color: #fff;
  text-align: center;}
.btnLinkyutorigreen h3 {
	font-size: 28px;
    font-size: 2.8rem;
}
/* 20181217追加｜入浴機器対応プラン（ゆとりけあベーシック）設定｜ここまで */

/* 20181221追加｜FRP浴槽オプションバナー設定｜ここから */
.btnLinkFrp, .btnLinkFrp a, .btnLinkFrp p {
  background: #2d6766;
  color: #fff;
  text-align: center;}
.btnLinkFrp h3 {
	font-size: 28px;
    font-size: 2.8rem;
}
/* 20181221追加｜FRP浴槽オプションバナー設定｜ここまで */

/****採用情報****/

/*#recruitTitle {
  height: 130px;
  text-align: center;
  background-color: #333;
  background-position: center center;
  background-size: cover; }
  #recruitTitle h1 {
    font-size: 24px;
    font-size: 2.4rem;
    padding-top: 40px;
    color: #fff; }

#recruitTitleImg {
  overflow: hidden; }
  #recruitTitleImg img {
    min-width: 1024px;
    width: 100%; }
*/

/*トップページ*/
/*
.indexMainPh {
　position: relative;
}

.indexMainTxt {
  position: absolute;
  top: 350px;
  left: 20%;
}

.indexMainTxt h1 {
　font-size: 28px !important;
　font-size: 2.8rem !important;
  color: #fff !important;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}

.indexMainTxt p {
　font-size: 16px;
　font-size: 1.6rem;
  color: #fff !important;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}
*/
/*body.recruit p,
body[class^="recruit__"] p {
  margin: 0 0 20px 0;
  color: #000;
}

body.recruit p#copyright,
body[class^="recruit__"] p#copyright {
  margin: 0 0 0 0;
  color: #fff;
}

body.recruit a,
body[class^="recruit__"] a {
  text-decoration: none;
}

body.recruit h2,
body[class^="recruit__"] h2{
  margin: 0 0 20px 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
}*/

/* グローバルナビゲーション */
#pageNav li.sns-f{
	width: 8%;
}
#pageNav li.sns-i{
	width: 8%;
}

#pageNav li.sns-i a{
	border-left: none;
}

/*#guidance h2 {
  margin: 0 !important;
}*/

.recruit-wrap {
  max-width: 1024px;
  margin: auto; }

.recruit-wrapMin {
  max-width: 850px;
  margin: auto; }

.recruit-more{
  margin: -96px 0 1em 0; 
}

.recruit-more a{
  text-decoration: none;
}

.recruit-box1{
position: relative;
height: 312px;
}

.recruit-box1 a{
display:block;
height: 272px;
}

.recruit-box2{
position: relative;
height: 340px;
}

.recruit-box2 a{
display:block;
height: 300px;
}

.recruit-box3{
position: relative;
height: 348px;
}

.recruit-box3 a{
display:block;
height: 308px;
}


.right-tx {
  width: 450px;
  position: absolute;
  background-color: #fff;
  top: 50px;
  left: 400px;
  padding: 1em;
  box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}

.right-tx h2,
.left-tx h2{
  margin: 0 0 20px 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
}


.right-tx a,
.left-tx a,
#business a{
  text-decoration: none;
}


.left-tx {
  width: 450px;
  background-color: #fff;
  padding: 1em;
  box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
  z-index: 10;
}

.left-tx2 {
  width: 450px;
  background-color: #fff;
  padding: 1em;
  margin-top: 50px;
  box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
  z-index: 10;
}

.left-ph img {
  width: 450px;
  height: auto;
}

.right-ph {
  width: 450px;
  position: absolute;
  top: 50px;
  left: 400px;
  z-index: -10;
}

.right-ph2 {
  width: 450px;
  position: absolute;
  top: -50px;
  left: 400px;
  z-index: -10;
}

/*募集要項*/
.guidance-ft {
  background-color: #fadddd;
 /* margin-bottom: -6em;*/
  padding: 20px 0;
}

.guidance-ft-top,
.guidance-ft-sl {
  background-color: #fadddd;
/*  margin-top: -4em;*/
/*  margin-bottom: -6em;*/
  padding: 20px 0;
}

.guidance-ft h2,
.guidance-ft-sl h2{
 margin: 20px 0 40px 0;
}

.guidance-btn {
  margin-top: 40px auto;
  font-size: 24px;
  font-size: 2.4rem !important;
  text-align: center;
  font-weight: 500;
}

.btnLinkRed,
.btnListRed a {
  background: #e24040;
  color: #fff;
}

.btnLinkWhite,
.btnListWhite a {
  background: #fff;
  color: #e24040;
}

.titleInfo {
  width: 496px;
  margin: 0 auto 40px auto;
  font-size: 20px;
  font-size: 2.0rem !important;
  text-align: center; }


/*社員インタビュー*/
.interview-name{
  position: absolute;
  width: 532px;
  top: 189px;
  left: 492px;
  background-color: #e24040;
  padding: 1em;
}

.interview-name3{
  position: absolute;
  width: 532px;
  top: 220px;
  left: 492px;
  background-color: #e24040;
  padding: 1em;
}

.interview-name4{
  position: absolute;
  width: 532px;
  top: 250px;
  left: 492px;
  background-color: #e24040;
  padding: 1em;
}

.interview-name p,
.interview-name3 p,
.interview-name4 p{
  color: #fff !important;
  margin-bottom: 0 !important;
}

.interview-namettl{
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 500;
}

.interview-box1,
.story-box{
position: relative;
height: 450px
}

.interview-box2{
position: relative;
height: 531px
}

.interview-box3{
position: relative;
height: 620px
}

.interview-box4{
position: relative;
height: 582px
}

.interview-box5{
position: relative;
height: 560px
}

.interview-box6{
position: relative;
height: 475px
}

.interview-box7{
position: relative;
height: 480px
}

.interview-box8{
position: relative;
height: 555px
}

.interview-box9{
position: relative;
height: 466px
}

.interview-box10{
position: relative;
height: 661px
}

.interview-box11{
position: relative;
height: 639px
}

.interview-box12{
position: relative;
height: 522px
}

.interview-left-box {
  padding: 40px 0 0 0;
  width: 532px;
  z-index: 10;
}

.interview-left-box2 {
  padding: 0 0 0 0;
  width: 532px;
  z-index: 10;
}

.interview-right-ttl,
.story-right-ttl{
  padding: 40px 0 0 0;
  width: 532px;
  position: absolute;
  top: 0px;
  left: 492px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  z-index: 10000;
  text-shadow: 1px 0px 10px rgba(255,255,255,1);
}

.interview-right-ttl2{
  padding: 0;
  width: 532px;
  position: absolute;
  top: 0px;
  left: 492px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  z-index: 10000;
  text-shadow: 1px 0px 10px rgba(255,255,255,1);
}

.interview-right-box {
  padding: 122px 0 0 0;
  width: 532px;
  position: absolute;
  top: 0px;
  left: 492px;
}

.interview-right-box2 {
  padding: 172px 0 0 0;
  width: 532px;
  position: absolute;
  top: 0px;
  left: 492px;
}

.interview-right-box3 {
  padding: 40px 0 0 0;
  width: 532px;
  position: absolute;
  top: 0px;
  left: 492px;
}

.interview-ttl,
.story-ttl{
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
}

.interview-ttl span,
.interview-right-ttl span,
.interview-right-ttl2 span{
  color: #e24040;
}

.interview-redttl {
  color: #e24040;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 1em;
}

.interview-tx {
  background-color: #fdede4;
  padding: 1.5em;
}

.interview-tx p:last-child {
  margin-bottom: 0 !important;
}

.interview-right-ph {
  width: 532px;
  position: absolute;
  top: 0px;
  left: 492px;
  z-index: -10;
}

.interview-message{
  background-color: #e24040;
  padding: 1.5em;
}

.interview-message p{
  color: #fff !important;
}

.interview-message p:last-child{
  margin-bottom: 0 !important;
}

.interview-whitettl{
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 1em;
}
#schedule dl dt {
     float: left;
     clear: left;
     width: 7em; 
	 padding-top: 2.5em;
	 padding-bottom: 2.5em;
	 color: #e24040;
}

#schedule dl {
     border-top: 2px dashed #e24040;
}

#schedule dl dd {
     border-bottom: 2px dashed #e24040;
     padding-left: 7.5em; /* dtの幅以上のpaddingをとる*/
	 padding-top: 2.5em;
	 padding-bottom: 2.5em;
/*	 line-height: 250%;*/
}

/*インタビュー写真が少ない場合*/
.h3ttl {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 1em;
}

.h3ttl span {
  color: #e24040;
}

.bgbox {
  background-color: #fff7f2;
  width: 100%;
  margin-bottom: 3em !important;
}
.Rbox{
  background-color: #e24040;
  margin-bottom: 3em !important;
}
.bgimg01 {
  width: 100%;
  margin-bottom: 3em !important;
}

p.txtbox_l {
  background-color: #fdede4;
  padding: 1em;
  width: 777px;
  margin: 0 247px 0 0;
}
p.txtbox_r {
  background-color: #fdede4;
  padding: 1em;
  width: 777px;
  margin: 0 0 0 247px;
}

p.Rtxtbox {
  background-color: #e24040;
  padding: 1em;
  color: #fff;
  width: 777px;
  margin: 0;
}

.Rimg img {
	width: 247px;
}

/*ダイワ化成とは*/

.recruit-redbox{
	border: 1px solid #e24040;
	padding: 1em;
}

/*募集要項*/

span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
color: #e24040;
}

.red{
  color: #e24040; 
}

.faqttl{
  color: #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

/*開発ストーリー*/
#story .cabin {
 color: #f39800 !important;
}

.story-ttl2{
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 0 .5em 0;
}

.story-ttl span,
.story-right-ttl span,
.story-right-ttl2 span,
.story-ttl2 span{
  color: #f39800;
}

.story-name,
.story-name2{
  position: absolute;
  width: 532px;
  top: 189px;
  left: 492px;
  background-color: #1bb1b1;
  padding: 1em;
  color: #fff;
}

.story-tx {
  background-color: #d1efef;
  padding: 1.5em;
}

.story-tx p:last-child{
 margin-bottom: 0 !important;
}

.story-tx img {
 width: 400px;
 height: auto;	
}

.story-tx2 {
  background-color: #d1efef;
  padding: 1.5em;
}

.story-tx2 ul{
  list-style-type: square;
  color: #f39800;
  margin-left: 1.5em;
}

.story-tx2 li{
 margin-bottom: 1em;
}

.story-tx2 li:last-child{
 margin-bottom: 0;
}

.story-tx2 ul li span{
  color: #000;
}

small.story-cat {
 background-color: #f39800;
 color: #fff;
 padding: 0em .8em .1em .8em;
 display: inline-block;
}

.story_arrow{
  margin: 20px auto;
  text-align: center;
}

.story-box1{
position: relative;
height: 400px
}

.story-box2{
position: relative;
height: 476px
}

.story-box3{
position: relative;
height: 566px
}

.story-box4{
position: relative;
height: 428px
}

.story-box5{
position: relative;
height: 511px
}

.story-box6{
position: relative;
height: 448px
}


.story-box7{
position: relative;
height: 454px
}

.story-box8{
position: relative;
height: 515px
}

.story-box9{
position: relative;
height: 476px
}

.story-box10{
position: relative;
height: 1100px
}

.story-left-box {
  padding: 0 0 20px 0;
  width: 532px;
  z-index: 10;
}

.story-right-ph {
  width: 532px;
  position: absolute;
  top: 47px;
  left: 492px;
  z-index: -10;
}

.story-right-ttl2{
  padding: 0 0 0 0;
  width: 532px;
  position: absolute;
  top: 20px;
  left: 492px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  z-index: 10000;
  text-shadow: 1px 0px 10px rgba(255,255,255,1);
}

/*.interview-sld{
 margin-bottom: -6em !important;
}*/

/* 採用情報用のロゴ */
  #header-wrap .logo_r {
    width: 330px;
    margin-top: 40px; }
    #header-wrap .logo_r img {
      width: 100%; }
/*.header-recruit-nav {
	margin-top: 15px !important;
}*/

/* リンク先が別ウインドウで開くマーク */
.newwindow {
  position: relative; }

.newwindow:after {
    content: url("/img/newwindow_pc.png");
    display: block;
    position: absolute;
	right: -20px;
	top: 2px;
    z-index: 5; }	



/****************************************************/
/*     D-style コンセプトギャラリー  2019.3.19追加      */
/****************************************************/
body[class^="ConceptGallery"] p{
  color: #4d4d4d;
}

/*ブログ用*/
.cp_ipselect {
	overflow: hidden;
	width: 50%;
	margin: 2em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl03 {
	position: relative;
	border-radius: 2px;
	border: 2px solid #da3c41;
	background: #ffffff;
}
.cp_ipselect.cp_sl03::before {
	position: absolute;
	top: 0.8em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #da3c41;
	pointer-events: none;
}
.cp_ipselect.cp_sl03 select {
	padding: 8px 38px 8px 8px;
	color: #da3c41;
}


/* フェードイン　*/
    .fadein {
        opacity: 0;
        transition: opacity .4s;
    }
    .fadein.scrollin {
        opacity: 1;
    }

/*ブログ用左矢印*/
.arrowWhiteL {
  position: relative; }
  .arrowWhiteL:before, .arrowWhiteL:after {
    content: '';
    display: block;
    width: 0.5em;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 1em;
    top: 0;
    bottom: 0;
    margin: auto; }
  .arrowWhiteL:before {
    bottom: .3em;
    transform: rotate(-45deg); }
  .arrowWhiteL:after {
    top: .3em;
    transform: rotate(45deg); }

/* タイトル等　*/
h1.ttlgray {
  margin: 40px 0;
  font-size: 28px;
  font-size: 2.8rem !important;
  text-align: center !important;
  font-weight: 500 !important;
}

h1 .cabin2 {
  font-size: 70%;
  font-style: italic;
  font-weight: normal;
  color: #ccc;
  font-family: 'Cabin';
}
/*ブログ用*/
h3.ttlgray {
  margin: 5px 0;
  font-size: 16px;
  font-size: 1.6rem !important;
  font-weight: 500 !important;
}

h3 .cabin2 {
  font-size: 70%;
  font-style: italic;
  font-weight: normal;
  color: #ccc;
  font-family: 'Cabin';
}
body[class^="ConceptGallery"] .post-body p{
  font-size: 80%;
}


/* 20190411追加（PDFカタログページ用） */
.pc-w200 {
	width: 200px;
}

.pc-w152 {
	width: 152px;
}

/*CareTEX*/

.btn-gradient-3d-simple {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #ffff00;
  background-image: linear-gradient(#e24040 0%, #c92323 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c92323;
}

.btn-gradient-3d-simple:hover{
  background-image: linear-gradient(#c92323 0%, #e24040 100%);
}


.btn-gradient-3d-simple:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
.arrowCareTEX {
  position: relative; }
  .arrowCareTEX:before, .arrowCareTEX:after {
    content: '';
    display: block;
    width: 0.5em;
    height: 2px;
    background: #ffff00;
    position: absolute;
    right: 1em;
    top: 0;
    bottom: 0;
    margin: auto; }
  .arrowCareTEX:before {
    bottom: .3em;
    transform: rotate(45deg); }
  .arrowCareTEX:after {
    top: .3em;
    transform: rotate(-45deg); }

/*CareTEX2020*/

.btn-gradient-3d-2020 {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 4px;
  color: #ffff00;
  background-image: linear-gradient(#019444 0%, #02b654 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #019444;
}

.btn-gradient-3d-2020:hover{
  background-image: linear-gradient(#02b654 0%, #019444 100%);
}


.btn-gradient-3d-2020:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.Carettl {
  position: relative;
  }

.Carettl p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  line-height:1.2;
  }

.Carettl img {
  width: 100%;
  }

/***** 20190625　D-style　リニューアル *****/


/*特長*/
.photoCommentBorder2 {
  border: #e6e6e6 solid 1px;
  padding-right: 412px;
  padding-left: 1em;
  min-height: 230px;
  position: relative; }
  .photoCommentBorder2 > div {
    margin-bottom: 1em; }
    .photoCommentBorder2 > div.title {
      font-size: 18px;
      font-size: 1.8rem;
      padding: 1.5em 6em .5em 0;
      border-bottom: #000 solid 1px;
      position: relative; }
      .photoCommentBorder2 > div.title a {
        display: inline-block;
        position: absolute;
        right: 0;
        bottom: 1em;
        font-size: 12px;
        font-size: 1.2rem;
        padding: .5em 1em;
        text-decoration: none;
        background: #000;
        color: #fff; }
    .photoCommentBorder2 > div.photo {
      position: absolute;
      right: 0;
      top: 0;
      margin-bottom: 0;
      border: #fff solid .5em; }
      .photoCommentBorder2 > div.photo:after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        content: '';
        width: 6%;
        height: 100%;
        background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, white 100%); }
  .photoCommentBorder2.rebirth {
    padding-left: 412px;
    padding-right: 1em; }
    .photoCommentBorder2.rebirth > div.photo {
      right: auto;
      left: 0; }
      .photoCommentBorder2.rebirth > div.photo:after {
        left: auto;
        right: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 100%); }


/*タイトル*/
body .dstylettl,
body .dstylettl2 {
  position: relative;
  border-bottom: #a1a1a1 solid 1px;
  font-weight: 500;
}

body .dstylettl > span:first-child {
  color: #a1a1a1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-10%);
  -webkit-transform: translateY(-10%);

}

body .dstylettl2 > span:first-child {
  color: #a1a1a1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-30%);
  -webkit-transform: translateY(-30%);

}


/*dstyleアコーディオン*/
.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .article-title {
  display: block;
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
  padding: 1em 0.5em 2.5em 0.5em;
  color: #fff;
  background: #4d4d4d;
  cursor: pointer;
}

.accordion-container .article-title2{
  display: block;
  position: relative;
  margin: 0;
  padding: 1em 0.5em 2.5em 0.5em;
  color: #4d4d4d;
  background: #ccc;
  cursor: pointer;
}

.accordion-container .article-title h3,
.accordion-container .article-title2 h3,
.accordion-container .article-title h4,
.accordion-container .article-title2 h4{
  font-weight: 500;
  font-size: 20px !important;
  font-size: 2rem !important;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title{
  background-color: #595959;
  color: #fff;
}

.accordion-container .article-title2:hover,
.accordion-container .article-title2:active,
.accordion-container .content-entry.open .article-title2{
  background-color: #d6d6d6;
  color: #595959;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: #fff;
}

.accordion-container .article-title2:hover i:before,
.accordion-container .article-title2:hover i:active {
  color: #595959;
}

.article-title,
.article-title2{
  position: relative;
}

.article-title:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  transition: all 0.4s ease-in-out;
  display: block;
  width: 15px;
  height: 15px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title2:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  transition: all 0.4s ease-in-out;
  display: block;
  width: 15px;
  height: 15px;
  border-top: solid 3px #4d4d4d;
  border-right: solid 3px #4d4d4d;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after,
.article-title2.open:after{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 12.5px;
}

.accordion-content{
  display: none;
background: #efefef;
}

.accordion-content2{
  display: none;
background: #fff;
}

.ac-height1{
   height: 320px;
}

.ac-height2{
   height: 120px;
}

.ac-height3{
   height: 210px;
}

.accordion-content p,
.accordion-content2 p{
    font-weight: 300 !important;
    text-indent: -1.2em;
    padding: 1em 1em 1em 2.2em;
}
.accordion-container i[class*="icon-"]:before {
	margin-right: 0em !important;
}

.iconUltraBig:before {
	font-size: 300%;
}

/* 便座モーダルウインドウ内の仕様 */
.toilet-specWrap {
  margin-top: 1.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.toilet-specWrap > div {
  width: 31.6%;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 1em; }
.toilet-specWrap > div h4 {
  padding-bottom: .25em;
  background: #fff; }
.toilet-specWrap > div.tableGrayPartition {
  background: #f2f2f2;
  background: -moz-linear-gradient(left, #e6e6e6 0%, #e6e6e6 50%, #f2f2f2 50%, #f2f2f2 100%);
  background: -webkit-linear-gradient(left, #e6e6e6 0%, #e6e6e6 50%, #f2f2f2 50%, #f2f2f2 100%);
  background: linear-gradient(to right, #e6e6e6 0%, #e6e6e6 50%, #f2f2f2 50%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f2f2f2',GradientType=1 ); }
.toilet-specWrap > div.tableGrayPartition table {
  width: 100%; }
.toilet-specWrap > div.tableGrayPartition th,
.toilet-specWrap > div.tableGrayPartition td {
  width: 50%; }

/* Pannellum パノラマ画像用 */
.pnlm-wrap {
	width: 100%;
	height: 512px;
}

/****************************************************/
/*          ダイワ化成のブログ  2019.4.2、2019.9.9追加  */
/****************************************************/

article.articlelist-item{
	border-bottom :1px solid #ddd;
	padding-bottom: 2em;
	margin-bottom: 2em;
}

article.articlelist-item:first-child{
	margin-top: 0;
	margin-bottom: 2em;
}

.image-content{
	float:left;
	width: 240px;
}
.image-content figure{
	display: inline-block;
	max-width: 100%;
}

.text-content{
	float:left;
	padding-left: 20px;
	width: calc(100% - 260px);
}

.right-contents h2{
	font-size:18px;
	font-size:1.8rem;
	border-bottom: 1px solid #ddd;
	padding: .2em 0;
	margin-bottom: 0.5em;
	font-family:'Cabin';
	color: #ccc;
	font-style: italic;
	font-weight: 300;
}

.text-content h3{
	font-size:18px;
	font-size:1.8rem;
	font-weight: 500;
}

.text-content h3 span,
#blog-contens h2 b{
	font-family:'Cabin';
	color: #ccc;
	font-style: italic;
	font-weight: 300;
}

.blog-category{
	font-size:14px;
	font-size:1.4rem;
	color: #e24040 !important;
}

.blog-container{
	width: 1024px;
	margin: 0 auto;
    display: flex;
	justify-content: space-between;
}
.left-contents{
	width: 824px;
	padding-right: 20px;
}

.left-contents p {
	line-height: 1.8;
    text-align: justify;
    color: #4d4d4d;
}
.right-contents{
    width: 200px;
}

.right-contents ul{
	font-size:14px;
	font-size:1.4rem;
	margin-bottom: 20px;

}

.right-contents ul a{
	text-decoration: none;
}

.btnLinkMore,
.btnListMore a {
  background: #ccc;
  color: #fff;
  font-style: italic;
}

a.prev-link,
a.next-link{
	text-decoration: none;
    position: relative;
	line-height: 120%;
	padding: 0em 50px;
}

.prev-link:before{
	content: "< ";
	font-size: 60px;
	font-weight: 100;
	color: #ddd;
	position: absolute;
    top: calc(50% - 0.2em);
    left: 0;
}

.next-link:after{
	content: " >";
	font-size: 60px;
	font-weight: 100;
	color: #ddd;
	position: absolute;
    top: calc(50% - 0.2em);
    right: 0;
}

#blog-contens h2 {
  border-bottom: #ddd solid 1px;
}

/* single内のスタイル */

.single-contents h1 {
    border-bottom: #ddd solid 1px;
	font-size:20px !important;
	font-size:2.0rem !important;
	line-height: 1.2;
}

.single-contents h2 {
	font-size:18px;
	font-size:1.8rem;
	font-weight: 500;
	margin-bottom: 1em;
	border-left: solid 4px #e24040 ;
	padding-left: 0.75em;
}

.single-contents h3 {
	font-size:16px;
	font-size:1.6rem;
	font-weight: 500;
	margin-bottom: 1em;
}


/* archiveタイトル */

.archives-ttl {
	font-size:18px;
	font-size:1.8rem;
	font-weight: 500;
	padding: .2em 0;
}

  #pageTitle .blogttl {
    font-size: 24px;
    font-size: 2.4rem;
    padding-top: 40px;
    color: #fff;
    font-weight: bold;
}

#pageTitle .cabin {
  font-size: 50%;
  color: #e24040; }


/* ランディングページ（D-style） */

.d-style-jirei {
display: flex; /* 要素をFlexコンテナとして定義する */
}

.jirei-item1 {
flex-basis: calc((100%/3)*2); /* flexアイテムの幅を割合で指定 */
}

.jirei-item2 {
flex-basis: calc(100%/3); /* flexアイテムの幅を割合で指定 */
}

body.D-style #footer-wrap,
body.Kaigo-yutorix #footer-wrap,
body.Yutorix #footer-wrap{
    margin-top: 0em;
}

.btnLinkyutorix, .btnLinkyutorix a, .btnLinkyutorix p {
  background: #40a631;
  color: #fff;
  text-align: center;}
.btnLinkyutorix h3 {
	font-size: 28px;
    font-size: 2.8rem;
}

/* システムバス「用途別分類一覧」 */
body.products__systembath__by_purpose .textBgc {
  padding-left: .75em;
  padding-right: .75em;
  margin-bottom: .5em; }

body.products__systembath__by_purpose #worksList p {
    text-align: initial;
}



[class*="purposeNav"] {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center; }
  [class*="purposeNav"] [class*="icon-"] {
    display: block;
    color: #ffffff; }

.purposeNav p {
  text-align: center;
	color: #ffffff;}

.purposeNav i[class*="icon-"]:before {
    margin-right: 0;
    font-weight: normal;
}
.purposeNav .icon-home,
.purposeNav .icon-hotel,
.purposeNav .icon-hospital,
.purposeNav .icon-group,
.purposeNav .icon-shower,
.purposeNav .icon-bathIn,
.purposeNav .icon-bath,
.purposeNav .icon-wheelChair{
  font-size: 50px;}

.purposeNav a {
  text-decoration: none;
  transition: .4s; }
  .purposeNav a:hover {
background-color: #000000;
}
.purposeNav a:hover p {
	color: #e24040;}
 .purposeNav a:hover [class*="icon-"] {
    color: #e24040; }

.purposeNav > div {
  display: table;
  width: 512px; }
.purposeNav > div > div {
  border: #ffffff solid 1px;
  display: table-cell;
  width: 128px;
  background: #000000; }
.purposeNav > div > div + div {
 /*border-left: none;*/ }
.purposeNav > div > div a {
  display: block;
  padding: 1em 0; }
.purposeNav > div > div a p {
  margin-top: 1em;
  font-weight: 400; }

/* FRP浴槽「主な仕様」 */
.pc-disc > li {
    list-style-type: disc !important;
}

/* ゆとりけあPROVE設定 */
.colorVariation-black {
  background: #000000; }

.colorVariation-white {
  background: #ffffff; }


 /* 「購入をご検討のお客様へ」の設定 */
 .contactNav > address > div > div.telephone b {
  display: block;
  font-size: 40px !important;
  font-size: 4rem !important;
  line-height: 1.6 !important;
  letter-spacing: 0.1em;
  color: #4d4d4d !important; }
  .contactNav > address > div > div.telephone b i {
    display: inline;
    font-size: 30px !important;
    font-size: 3.0rem !important;
    margin: 0  0.1em  0 0.5em !important; }
.contactNav > address > div > div.telephone p {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: normal; }

/* FRP浴槽　GFP-2816 */
body.products__systembath__FRP__products__GFP-2816 .pc-vm100 {
  margin-top: 1em !important;
    margin-bottom: 0 !important;
}

/* チェックボックス風装飾 */
.check-box > *{
  position: relative;
  padding-left: 2em;
}

.check-box > *::before,
.check-box > *::after {
content: '';
position: absolute;
line-height: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.check-box > *::before { /* チェックボックス */
  width:0.8em;
  height:0.8em;
  background-color:#fff;
  border:solid 1px #ccc;
  margin-top:0.45em;
}
.check-box > *::after { /* チェック */
  border-left: 0;
  border-top: 0;
  border-bottom:0.16em solid #f06c00;
  border-right: 0.16em solid #f06c00;
  transform: rotate(42deg);
  width:0.5em;
  height:0.8em;
  margin-top:0.2em;
  left: 0.3em;
}
.check-box > *.nocheck::after{ /* チェックなし */
  border:0;
  margin:0;
}
/* チェックボックス風装飾ここまで */


/* 20210629追加｜各商品ページ ダウンロードのボタン｜ここから */
.btnLinkWhite2 {
  padding: 1em;
  border: #e6e6e6 solid 1px;
  background: #fff; }
.btnLinkWhite2:hover {
    opacity: 1;
    border: #fff solid 1px;
    background: #eee;
   }
.btnLinkWhite2 i{
  font-size: 300% !important;
  display: block;
  margin-bottom: 0.5em !important; }
/* 20210629追加｜各商品ページ ダウンロードのボタン｜ここまで */


/*20220819追加|PDFカタログダウンロード　トイレ部品3/4エリア*/
.df-partitione .pc-area43{
  width: calc(100% - 228px);
}
/*20220901追加｜ダイワ化成について*/
.Philosophy-wrap {
  max-width: 550px;
  margin: auto; }

  /*ゆとりけあシリーズ比較*/
  .yutori_type_table table td {
    background: #FCFCFC;
  }
  .yutori_type_table table tr:nth-child(odd) td {
    background: #ffffff;
  }
.BD-pblue {
  padding: 0.8rem 0;
  background-image: linear-gradient(
    90deg, 
    #7fffff 0 20%, 
    #efffff 20%
  );
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;}
.BG-pblue {
  background: #efffff !important;}

.BD-pyellow {
  padding: 0.8rem 0;
  background-image: linear-gradient(
    90deg, 
    #ffff7f 0 20%, 
    #ffffef 20%
  );
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;}

.BG-pyellow {
  background: #ffffef !important;}

.BD-ppink {
  padding: 0.8rem 0;
  background-image: linear-gradient(
    90deg, 
    #ff7fff 0 20%, 
    #ffefff 20%
  );
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;}

.BG-ppink {
  background: #fff4ff !important;}
/*ゆとりっくす特長*/
.YutoriNav {
  border-top: #1c50a1 solid 2px;
  border-left: #1c50a1 solid 2px;
  overflow: hidden;
  font-size: 15px;
  font-size: 1.5rem; }
.YutoriNav li {
  float: left;
  width: 25%;
  border-right: #1c50a1 solid 2px;
  border-bottom: #1c50a1 solid 2px; }
.YutoriNav li a {
  display: block;
  padding: .6em 0 .6em .6em;
  color: #1c50a1;
  background: url("/img/products/systembath/yutori/yutori-arrowBlue.png") 96% center no-repeat;
  text-decoration: none; }
.YutoriNav li a em {
  margin-right: .2em; }
.YutoriNav li a:hover {
  background-image: url("/img/products/systembath/yutori/yutori-arrowWhite.png");
  background-color: #1c50a1;
  color: #fff; }

.C-Yutori {
  color: #1c50a1 !important;}
.BC-Yutori { 
  border-color: #1c50a1 !important;}
.BG-Yutori {
  background-color: #1c50a1 !important;}

  /*トイレのタンク清掃方法の矢印*/
ul.triangle li {
  position: relative;
}
ul.triangle li::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -38px;
  margin: auto;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 14px solid transparent;
  border-left: 14px solid #2e86cc;
}
ul.triangle li:last-child::before {
  position: static;
  border: none;
}

/* BIMデータダウンロード(Revit) */
.wrap500 {
	width: 500px;
  margin: auto;
}

  /*矢印黒*/
.arrowBlack {
  position: relative; }
.arrowBlack:before, .arrowBlack:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 2px;
  background: #4d4d4d;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto; }
.arrowBlack:before {
  bottom: .3em;
  transform: rotate(45deg); }
.arrowBlack:after {
  top: .3em;
  transform: rotate(-45deg); }
.arrowBlack:hover:before, .arrowBlack:hover:after {
  background: #fff; }

  /* チェックボックス風装飾 雨水槽*/
.check-box2 > h4{
  position: relative;
  padding-left: 2em;
}

.check-box2 > h4::before,
.check-box2 > h4::after {
content: '';
position: absolute;
line-height: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

.check-box2 > h4::before { /* チェックボックス */
  width:1em;
  height:1em;
  border:solid 3px #e59448;
  margin-top:0.35em;
}
.check-box2 > h4::after { /* チェック */
  border-left: 0;
  border-top: 0;
  border-bottom:0.2em solid #17a59c;
  border-right: 0.2em solid #17a59c;
  transform: rotate(42deg);
  width:0.5em;
  height:1em;
  margin-top:0em;
  left: 0.5em;
}
.check-box2 > h4.nocheck::after{ /* チェックなし */
  border:0;
  margin:0;
}
/* チェックボックス風装飾ここまで 雨水槽*/

/* システムバスの特長内装飾 システムバスindex*/
.BG-yutorix {
	background-color: #70bdc4;
  }
.Vborder table {
  border-bottom: #e6e6e6 solid 1px;
  width: 100%;
}
.Vborder img:hover {
	opacity: 0.7;
}
.Vborder table td {
  border-left: #e6e6e6 solid 1px;
}
.Vborder table td:last-child {
  border-right: #e6e6e6 solid 1px;
}
span.ribbon-midashi01,span.ribbon-midashi02{
  position: relative;
  background-color: #aaaaaa;
  color: #FFF;
  padding:8px;
  line-height: 1; /* 枠の高さを制御 */
  display:block;
}
span.ribbon-midashi02{
  line-height: 1.5; /* 枠の高さを制御 */
}
span.ribbon-midashi01:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 15px solid #ffffff;
  border-left: 10px solid transparent;
  border-bottom: 15px solid #ffffff;
}
span.ribbon-midashi02:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 30px solid #ffffff;
  border-left: 20px solid transparent;
  border-bottom: 30px solid #ffffff;
}
span.ribbon-midashi01:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  border-top: 15px solid #ffffff;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #ffffff;
}
span.ribbon-midashi02:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 0;
  left: 0; 
  border-top: 30px solid #ffffff;
  border-right: 20px solid transparent;
  border-bottom: 30px solid #ffffff;
}
/* システムバスの特長内装飾ここまで システムバスindex*/

/* 外部リンクマーク */
.external a[href^="http"]:after,
.external a[href^="//"]:after {
  margin: 0 0 0 3px;
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
}
.external a[href^="https://www.daiwakasei.co.jp/"]:after {
  margin: inherit;
  font-family: inherit;
  content: '';
  font-weight: inherit;
}
/* 外部リンクマークここまで */