@charset "UTF-8";
/*coomon.scss上書き*/
@media (min-width: 769px) {
  html {
    font-size: 12px; } }

/*-----------------------------------------------------
HEADER
-----------------------------------------------------*/
.corporateHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 15px 0 10px;
  border-bottom: 1px #00235e solid;
  background-color: #fff;
  z-index: 999; }
  .corporateHeader .corporateHeaderInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
    .corporateHeader .corporateHeaderInner .logo {
      width: 71px; }
    .corporateHeader .corporateHeaderInner .humbarger {
      margin-left: auto;
      width: 30px;
      position: relative;
      z-index: 10; }
  @media (min-width: 769px) {
    .corporateHeader {
      height: 60px;
      padding: 0 20px 0 20px;
      border-bottom-color: #757AA3; }
      .corporateHeader .corporateHeaderInner .logo {
        width: 86px; }
        .corporateHeader .corporateHeaderInner .logo a {
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .corporateHeader .corporateHeaderInner .logo a:hover {
            opacity: 0.6; }
      .corporateHeader .corporateHeaderInner .holdings {
        margin-left: auto;
        width: 129px; }
        .corporateHeader .corporateHeaderInner .holdings img {
          width: 129px; }
        .corporateHeader .corporateHeaderInner .holdings a {
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .corporateHeader .corporateHeaderInner .holdings a:hover {
            opacity: 0.6; } }
  @media (min-width: 769px) and (max-width: 980px) {
    .corporateHeader .corporateHeaderInner .logo {
      width: 76px; } }

.corporateNavi {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  max-height: calc(100% - 50px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity .3s, top 0s .3s, -webkit-transform .3s;
  transition: opacity .3s, top 0s .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, top 0s .3s;
  transition: opacity .3s, transform .3s, top 0s .3s, -webkit-transform .3s; }
  .corporateNavi.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50px;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity .3s, top 0s, -webkit-transform .3s;
    transition: opacity .3s, top 0s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s, top 0s;
    transition: opacity .3s, transform .3s, top 0s, -webkit-transform .3s; }
  .corporateNavi > li {
    width: 100%;
    border-bottom: 1px solid #ADC2D6; }
    .corporateNavi > li a,
    .corporateNavi > li .openButton {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 20px 15px 35px;
      background: url(/resources/img/fdc/arrow.svg) 18px center/4px auto no-repeat; }
    .corporateNavi > li .en {
      font-family: "Crimson Text","Yu Mincho",YuMincho,serif;
      font-size: 18px;
      line-height: 1;
      color: #00235e;
      letter-spacing: 0.03em; }
    .corporateNavi > li .jpn {
      margin-left: auto;
      font-size: 10px;
      color: #00235e; }
    .corporateNavi > li .corporateNaviSub {
      padding: 0 10px;
      display: none; }
      .corporateNavi > li .corporateNaviSub li {
        margin-top: 2px; }
        .corporateNavi > li .corporateNaviSub li:last-child {
          margin-bottom: 10px; }
        .corporateNavi > li .corporateNaviSub li a {
          display: block;
          background-color: rgba(159, 176, 216, 0.2);
          background-color: #ebeef6;
          font-size: 12px;
          color: #00235e; }
    .corporateNavi > li.half {
      width: 50%; }
      .corporateNavi > li.half:nth-child(odd) {
        border-right: 1px solid #ADC2D6; }
      .corporateNavi > li.half a {
        padding: 15px;
        background: none;
        text-align: center;
        display: block; }
        .corporateNavi > li.half a .en {
          font-size: 14px; }
    .corporateNavi > li.close {
      margin-top: -1px;
      background-color: #ccc;
      padding: 15px;
      text-align: center;
      border-top: 1px solid #00235E;
      border-bottom: 2px solid #00235E; }
      .corporateNavi > li.close span {
        padding-left: 16px;
        background: url(/resources/img/fdc/close.svg) left center/10px auto no-repeat; }
  @media (min-width: 769px) {
    .corporateNavi {
      position: static;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-left: 40px;
      background-color: transparent;
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      max-height: none;
      top: 0;
      overflow: visible;
      -webkit-transition: none;
      transition: none; }
      .corporateNavi > li {
        position: relative;
        width: auto;
        border-bottom: none;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .corporateNavi > li:not(:first-child) {
          margin-left: 35px; }
        .corporateNavi > li > a,
        .corporateNavi > li .openButton {
          display: block;
          padding: 0;
          background: none;
          cursor: pointer;
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .corporateNavi > li > a:hover,
          .corporateNavi > li .openButton:hover {
            opacity: 0.6; }
        .corporateNavi > li .en {
          font-size: 17px;
          letter-spacing: 0.05em;
          line-height: 1; }
        .corporateNavi > li .jpn {
          display: none; }
        .corporateNavi > li .corporateNaviSub {
          position: absolute;
          padding: 0;
          top: 59px;
          left: 0;
          z-index: 998;
          -webkit-animation: fadeIn .2s linear;
                  animation: fadeIn .2s linear;
          width: 340px; }
          .corporateNavi > li .corporateNaviSub.active {
            display: block !important; }
            .corporateNavi > li .corporateNaviSub.active li {
              list-style-image: url(data:0);
              /*Edge対応*/ }
          .corporateNavi > li .corporateNaviSub li {
            margin-top: 0; }
            .corporateNavi > li .corporateNaviSub li:first-child {
              margin-top: 2px; }
            .corporateNavi > li .corporateNaviSub li:not(:last-child) {
              border-bottom: 1px solid #d5d8e4; }
            .corporateNavi > li .corporateNaviSub li a {
              display: block;
              padding: 15px 10px 15px 30px;
              font-family: "Yu Mincho", YuMincho, serif;
              font-size: 14px; }
              .corporateNavi > li .corporateNaviSub li a span {
                -webkit-transition: opacity .3s;
                transition: opacity .3s; }
              .corporateNavi > li .corporateNaviSub li a:hover span {
                opacity: 0.6; } }
  @media (min-width: 769px) and (max-width: 980px) {
    .corporateNavi {
      margin-left: 20px; }
      .corporateNavi li:not(:first-child) {
        margin-left: 25px; } }

/*-----------------------------------------------------
FOOTER
-----------------------------------------------------*/
.corporateFooter {
  padding: 30px 0 20px; }
  .corporateFooter .footerNavi {
    top: 0;
    margin: 30px 0; }
    .corporateFooter .footerNavi .corporateNavi {
      position: static; }
  .corporateFooter .copyright {
    font-family: 'Heebo', sans-serif;
    text-align: center;
    line-height: 1;
    font-size: 8.5px;
    color: #00235e; }
  @media (min-width: 769px) {
    .corporateFooter {
      padding: 25px 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .corporateFooter .footerNavi {
        margin: 0; }
        .corporateFooter .footerNavi ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-family: 'Heebo', sans-serif;
          font-size: 13px; }
          .corporateFooter .footerNavi ul li {
            line-height: 1;
            padding-right: 30px; }
            .corporateFooter .footerNavi ul li a {
              -webkit-transition: opacity .3s;
              transition: opacity .3s;
              color: #00235e; }
              .corporateFooter .footerNavi ul li a:hover {
                opacity: 0.6; }
      .corporateFooter .copyright {
        text-align: right;
        font-size: 11px; } }

.pageTop {
  position: relative;
  margin-top: 30px; }
  .pageTop a {
    position: absolute;
    right: 15px;
    width: 66px;
    display: block; }
  @media (min-width: 981px) {
    .pageTop {
      position: fixed;
      bottom: 100px;
      right: -100%;
      opacity: 0;
      -webkit-transition: opacity .3s, right 0s .3s;
      transition: opacity .3s, right 0s .3s; }
      .pageTop.active {
        right: 0;
        opacity: 1;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
      .pageTop a {
        right: 0;
        width: 34px;
        cursor: pointer;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
        .pageTop a:hover {
          opacity: 0.6; } }

/*-----------------------------------------------------
STRUCTURE
-----------------------------------------------------*/
.corparateContainer {
  padding-top: 50px; }
  @media (min-width: 981px) {
    .corparateContainer {
      padding-top: 60px; } }

/*common.scss上書き*/
.breadcrumb {
  margin-top: 60px;
  padding: 20px 60px; }
  .breadcrumb ul {
    font-size: 1.0rem; }
  @media (max-width: 980px) {
    .breadcrumb {
      display: none; } }

.contentWrapper {
  max-width: 920px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

/*見出し系-----------------------------------------------------*/
.headline01 {
  font-family: "Crimson Text", "Yu Mincho", YuMincho, serif;
  font-size: 22px;
  margin: 15px 0;
  line-height: 1.2; }
  @media (min-width: 769px) {
    .headline01 {
      font-size: 34px;
      margin: 50px 0 30px;
      letter-spacing: 0.02em; } }

.tabNavi {
  border-bottom: 1px solid #ccc; }
  .tabNavi .contentWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    position: relative; }
  .tabNavi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .tabNavi ul li {
      position: relative;
      background-color: #efefef;
      font-family: "Yu Mincho", YuMincho, serif;
      font-size: 1.1rem;
      line-height: 1.2;
      text-align: center;
      -webkit-transition: all .3s;
      transition: all .3s; }
      .tabNavi ul li a {
        padding: 12px 5px;
        display: block; }
      .tabNavi ul li:hover {
        background-color: #fff; }
      .tabNavi ul li.current {
        background-color: #fff; }
        .tabNavi ul li.current::after {
          content: "";
          position: absolute;
          bottom: -1px;
          left: 0;
          width: 100%;
          height: 2px;
          background-color: #fff; }
    .tabNavi ul.companyTab {
      width: 100%; }
      .tabNavi ul.companyTab li {
        border-top: 1px solid #ccc; }
        .tabNavi ul.companyTab li:not(:first-child) {
          border-left: 1px solid #ccc; }
    .tabNavi ul.otherTab {
      position: absolute;
      top: calc(-100% - 5px);
      right: 10px; }
      .tabNavi ul.otherTab li {
        background-color: #fff; }
        .tabNavi ul.otherTab li span {
          padding-left: 22px;
          background: url(/resources/img/fdc/blank.svg) left center/16px auto no-repeat; }
  @media (min-width: 769px) {
    .tabNavi ul li {
      font-size: 14px; }
    .tabNavi ul.companyTab li:first-child {
      border-left: 1px solid #ccc; }
    .tabNavi ul.companyTab li:last-child {
      border-right: 1px solid #ccc; }
    .tabNavi ul.otherTab {
      position: static;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
      .tabNavi ul.otherTab li {
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
        .tabNavi ul.otherTab li:hover {
          opacity: 0.6; }
        .tabNavi ul.otherTab li span {
          padding-left: 25px;
          background-size: 18px 18px; } }

/*カスタムセレクト---------------------*/
label.customSelectWrapper {
  display: inline-block;
  position: relative; }
  label.customSelectWrapper select {
    margin: 0;
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 26px;
    padding: 0 25px 0 10px; }
    label.customSelectWrapper select.gray {
      background-color: #efefef; }
    label.customSelectWrapper select.high {
      height: 36px; }
  label.customSelectWrapper::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    right: 5px;
    top: 50%;
    background-image: url(/assets/img/4c-jewelry/arrow.svg);
    background-position: center center;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    z-index: 2;
    pointer-events: none; }
  @media (min-width: 769px) {
    label.customSelectWrapper select {
      cursor: pointer;
      height: 30px; }
    label.customSelectWrapper select::-ms-expand {
      display: none; } }

.errorBlock {
  padding-bottom: 150px; }
  @media (min-width: 769px) {
    .errorBlock {
      padding-bottom: 500px; } }

/*-----------------------------------------------------
LOCAL CSS
-----------------------------------------------------*/
.pageHome .mainVisiual a img {
  width: 100%; }

@media (min-width: 769px) {
  .pageHome .mainVisiual {
    height: 410px;
    background: url(/resources/img/fdc/home/main_visiual_bg.png) center center/auto 100% no-repeat #8b8699;
    position: relative;
    border-bottom: 1px solid #fff; }
    .pageHome .mainVisiual a {
      display: block;
      position: relative;
      height: 100%; }
      .pageHome .mainVisiual a img {
        display: none; } }

@media (min-width: 769px) {
  .pageHome .homeContents {
    max-width: 920px;
    margin: 40px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
            flex-flow: column-reverse nowrap;
    padding: 0 15px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; } }

.pageHome .brandList .brandListTitle {
  display: none; }

.pageHome .brandList ul {
  border-top: 1px solid #E3E3E3; }
  .pageHome .brandList ul li {
    border-bottom: 1px solid #E3E3E3; }
    .pageHome .brandList ul li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .pageHome .brandList ul li a .image {
        width: 95px;
        height: 95px; }
      .pageHome .brandList ul li a .logo {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center;
        overflow: hidden;
        position: relative; }
        .pageHome .brandList ul li a .logo img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          height: 70px;
          max-width: none; }

@media (min-width: 769px) {
  .pageHome .brandList {
    margin-top: 40px; }
    .pageHome .brandList .brandListTitle {
      display: block;
      font-family: "Crimson Text", "Yu Mincho", YuMincho, serif;
      font-size: 20px;
      margin-bottom: 15px;
      line-height: 1.2; }
    .pageHome .brandList ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      border-top: none; }
      .pageHome .brandList ul li {
        width: calc(33.33% - 7px);
        border: 1px solid #E3E3E3;
        padding: 3px;
        margin-bottom: 10px; }
        .pageHome .brandList ul li:not(:nth-child(3n)) {
          margin-right: 10px; }
        .pageHome .brandList ul li a {
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .pageHome .brandList ul li a:hover {
            opacity: 0.6; }
          .pageHome .brandList ul li a .image {
            width: 60px;
            height: 60px; }
          .pageHome .brandList ul li a .logo img {
            height: 56px; } }

.pageHome .news {
  padding: 20px; }
  .pageHome .news .newsTitle {
    font-family: "Crimson Text", "Yu Mincho", YuMincho, serif;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.2; }
  .pageHome .news .newsList {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .pageHome .news .newsList li {
      margin-bottom: 15px;
      line-height: 1.4; }
      .pageHome .news .newsList li a time {
        display: inline-block;
        margin-bottom: 5px; }
  @media (min-width: 769px) {
    .pageHome .news {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0; }
      .pageHome .news .newsTitle {
        width: 120px;
        font-size: 14px; }
      .pageHome .news .newsList li {
        margin-bottom: 10px; }
        .pageHome .news .newsList li a {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .pageHome .news .newsList li a:hover {
            opacity: 0.6; }
          .pageHome .news .newsList li a time {
            width: 90px; }
          .pageHome .news .newsList li a .title {
            width: calc(100% - 90px); } }

.pageCompany .tabNavi {
  margin-bottom: 30px; }

.pageCompany .companyTab li {
  width: 33.33%; }

@media (min-width: 769px) {
  .pageCompany .tabNavi {
    margin-bottom: 80px; }
  .pageCompany .companyTab {
    width: 65% !important; }
  .pageCompany .otherTab {
    width: 35% !important; }
    .pageCompany .otherTab li {
      width: 50%; } }

.pageCompany .companyProfile {
  max-width: 580px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .pageCompany .companyProfile dt {
    font-weight: bold;
    margin-bottom: 20px;
    width: 90px;
    padding-right: 15px; }
  .pageCompany .companyProfile dd {
    width: calc(100% - 90px);
    margin-bottom: 20px; }
  .pageCompany .companyProfile .mapButton {
    display: inline-block;
    margin-left: 10px;
    width: 55px; }
  @media (min-width: 769px) {
    .pageCompany .companyProfile dt {
      font-weight: bold;
      margin-bottom: 25px;
      width: 150px; }
    .pageCompany .companyProfile dd {
      width: calc(100% - 150px);
      margin-bottom: 25px; }
    .pageCompany .companyProfile .mapButton {
      width: 66px;
      -webkit-transition: opacity .3s;
      transition: opacity .3s; }
      .pageCompany .companyProfile .mapButton:hover {
        opacity: 0.6; } }

.pageCompany .philosophy {
  max-width: 580px;
  margin: 0 auto; }
  .pageCompany .philosophy .philosophyHeadline {
    font-family: "Yu Mincho", YuMincho, serif;
    margin-bottom: 10px;
    font-size: 16px; }
  .pageCompany .philosophy p {
    line-height: 2; }
  .pageCompany .philosophy ol {
    list-style: decimal outside;
    padding-left: 1.5em; }
    .pageCompany .philosophy ol li {
      margin-bottom: 10px; }
  @media (min-width: 769px) {
    .pageCompany .philosophy .philosophyHeadline {
      margin-bottom: 15px;
      font-size: 20px;
      letter-spacing: 0.1em; }
    .pageCompany .philosophy p li,
    .pageCompany .philosophy ol li {
      margin-bottom: 15px; } }

.pageCompany .csrLede {
  background: url(/resources/img/fdc/company/photo_csr.jpg) left 40px/1000px auto repeat-x;
  -webkit-animation: imgslide 50s linear infinite;
          animation: imgslide 50s linear infinite; }
  .pageCompany .csrLede h3 {
    width: 190px;
    margin: 0 auto 110px; }
  .pageCompany .csrLede .catch {
    text-align: center;
    font-family: "Yu Mincho", YuMincho, serif;
    font-size: 14px;
    margin-bottom: 10px; }
  .pageCompany .csrLede p {
    padding: 0 15px;
    line-height: 2; }
  .pageCompany .csrLede .detail {
    text-align: center; }
    .pageCompany .csrLede .detail a {
      color: #00235e;
      font-family: "Yu Mincho", YuMincho, serif;
      font-size: 12px;
      background: url(/resources/img/fdc/arrow.svg) left center/6px auto no-repeat;
      padding-left: 15px; }
  @media (min-width: 769px) {
    .pageCompany .csrLede {
      position: relative;
      background: url(/resources/img/fdc/company/photo_csr.jpg) left bottom/1800px auto repeat-x;
      -webkit-animation: imgslideLarge 50s linear infinite;
              animation: imgslideLarge 50s linear infinite;
      padding-bottom: 220px; }
      .pageCompany .csrLede::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(/resources/img/fdc/company/bg_csr2012.jpg) center -50px/1200px auto no-repeat;
        z-index: -1; }
      .pageCompany .csrLede h3 {
        width: 290px;
        margin: 0 auto 50px; }
      .pageCompany .csrLede .catch {
        font-size: 22px;
        margin-bottom: 20px; }
      .pageCompany .csrLede p {
        text-align: center;
        font-size: 1.1rem; }
      .pageCompany .csrLede .detail {
        text-align: center;
        margin-top: 60px; }
        .pageCompany .csrLede .detail a {
          font-size: 17px;
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .pageCompany .csrLede .detail a:hover {
            opacity: 0.6; } }

@-webkit-keyframes imgslide {
  0% {
    background-position: 0px 40px; }
  100% {
    background-position: -1000px 40px; } }

@keyframes imgslide {
  0% {
    background-position: 0px 40px; }
  100% {
    background-position: -1000px 40px; } }

@-webkit-keyframes imgslideLarge {
  0% {
    background-position: 0px bottom; }
  100% {
    background-position: -1800px bottom; } }

@keyframes imgslideLarge {
  0% {
    background-position: 0px bottom; }
  100% {
    background-position: -1800px bottom; } }

@media (min-width: 769px) {
  .pageCompany .csrWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .pageCompany .csrWrapper .waterForum {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding-left: 20px; }
    .pageCompany .csrWrapper .aquaArchive {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 260px; } }

.pageCompany .waterForum {
  border: 1px solid #6799CC;
  padding: 20px;
  margin-bottom: 30px; }
  .pageCompany .waterForum h4 {
    font-family: "Yu Mincho", YuMincho, serif;
    font-size: 13px;
    color: #00235e;
    margin-bottom: 5px; }
  .pageCompany .waterForum p {
    font-size: 0.9rem; }
  @media (min-width: 769px) {
    .pageCompany .waterForum {
      padding: 40px;
      background: url(/resources/img/fdc/company/img_csr.jpg) right 40px bottom 40px/90px auto no-repeat; }
      .pageCompany .waterForum h4 {
        font-size: 18px;
        margin-bottom: 10px; }
      .pageCompany .waterForum p {
        font-size: 1.0rem;
        letter-spacing: 0.05em;
        line-height: 2; } }

.pageCompany .aquaArchive .headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .pageCompany .aquaArchive .headline img {
    display: inline-block;
    width: 140px; }
  .pageCompany .aquaArchive .headline span {
    display: inline-block;
    color: #00235e;
    margin-left: 10px;
    font-family: "Yu Mincho", YuMincho, serif;
    font-size: 12px; }

.pageCompany .aquaArchive ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px; }
  .pageCompany .aquaArchive ul li {
    width: 50%;
    margin-bottom: 10px; }
    .pageCompany .aquaArchive ul li a {
      font-size: 1.1rem;
      padding-left: 10px;
      background: url(/resources/img/fdc/arrow.svg) left center/4px auto no-repeat; }

@media (min-width: 769px) {
  .pageCompany .aquaArchive .headline {
    display: block; }
    .pageCompany .aquaArchive .headline img {
      display: block;
      width: 210px;
      margin-bottom: 5px; }
    .pageCompany .aquaArchive .headline span {
      display: block;
      margin-left: 0;
      font-size: 16px; }
  .pageCompany .aquaArchive ul {
    display: block;
    margin-top: 15px; }
    .pageCompany .aquaArchive ul li {
      width: 100%;
      margin-bottom: 5px; }
      .pageCompany .aquaArchive ul li a {
        font-size: 1.15rem;
        -webkit-transition: opacity .3s;
        transition: opacity .3s; }
        .pageCompany .aquaArchive ul li a:hover {
          opacity: 0.6; } }

@media (min-width: 769px) {
  .pageCompany .aquaArchive.aquaArchive-footer {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .pageCompany .aquaArchive.aquaArchive-footer .headline {
      width: 230px;
      padding-right: 30px; }
    .pageCompany .aquaArchive.aquaArchive-footer ul {
      width: calc(100% - 230px);
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .pageCompany .aquaArchive.aquaArchive-footer ul li {
        width: 25%; }
        .pageCompany .aquaArchive.aquaArchive-footer ul li a {
          font-size: 1.1rem; } }

@media (min-width: 769px) {
  .pageCompany .reportWrapper {
    background: url(/resources/img/fdc/company/bg_csr2012.jpg) center -50px/1200px auto no-repeat; } }

.pageCompany .activityReport {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 15px; }
  .pageCompany .activityReport .headline {
    text-align: center;
    margin-bottom: 20px; }
    .pageCompany .activityReport .headline h3 {
      margin-bottom: 5px; }
      .pageCompany .activityReport .headline h3 img {
        width: 190px; }
    .pageCompany .activityReport .headline h1 {
      color: #00235e;
      font-family: "Yu Mincho", YuMincho, serif;
      font-size: 16px; }
  @media (min-width: 769px) {
    .pageCompany .activityReport .headline {
      text-align: center;
      margin-bottom: 40px; }
      .pageCompany .activityReport .headline h3 {
        margin-bottom: 15px; }
        .pageCompany .activityReport .headline h3 img {
          width: 290px; }
      .pageCompany .activityReport .headline h1 {
        font-size: 24px; }
    .pageCompany .activityReport p {
      line-height: 2; }
      .pageCompany .activityReport p img {
        display: block;
        margin: 0 auto; } }

.pageCompany .countryInfo {
  max-width: 600px;
  margin: 30px auto 30px;
  border: 1px solid #6799CC;
  padding: 30px; }
  .pageCompany .countryInfo .countryName {
    font-size: 16px;
    font-family: "Yu Mincho", YuMincho, serif;
    margin-bottom: 20px;
    line-height: 1; }
  .pageCompany .countryInfo .detailWrapper .info {
    margin-bottom: 20px; }
    .pageCompany .countryInfo .detailWrapper .info dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .pageCompany .countryInfo .detailWrapper .info dl dt {
        width: 50px; }
      .pageCompany .countryInfo .detailWrapper .info dl dd {
        width: calc(100% - 50px); }
  .pageCompany .countryInfo .caption {
    margin-top: 20px; }
  @media (min-width: 769px) {
    .pageCompany .countryInfo {
      margin: 40px auto 80px; }
      .pageCompany .countryInfo .detailWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .pageCompany .countryInfo .detailWrapper .info {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          padding-left: 30px; }
          .pageCompany .countryInfo .detailWrapper .info dl dt, .pageCompany .countryInfo .detailWrapper .info dl dd {
            margin-bottom: 15px; }
        .pageCompany .countryInfo .detailWrapper .map {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1px;
                  order: 1px;
          width: 230px; }
      .pageCompany .countryInfo .caption {
        margin-top: 20px;
        font-size: 0.85rem; } }

.pageBrand .brandlist li {
  border: 1px solid #ccc;
  padding: 10px 10px 30px 10px; }
  .pageBrand .brandlist li:not(:last-child) {
    margin-bottom: 30px; }
  .pageBrand .brandlist li .imageBlock img {
    width: 100%; }
  .pageBrand .brandlist li .textBlock {
    margin-top: 10px; }
    .pageBrand .brandlist li .textBlock .logo {
      margin-bottom: 10px;
      height: 60px;
      position: relative; }
      .pageBrand .brandlist li .textBlock .logo img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(0.5);
                transform: translate(-50%, -50%) scale(0.5); }
    .pageBrand .brandlist li .textBlock .description {
      text-align: center;
      line-height: 2;
      font-size: 0.9rem; }
    .pageBrand .brandlist li .textBlock .link {
      margin-top: 10px;
      text-align: center; }
      .pageBrand .brandlist li .textBlock .link a {
        font-size: 1.1rem;
        background: url(/resources/img/fdc/arrow.svg) left center/6px auto no-repeat;
        padding-left: 15px; }

@media (min-width: 769px) {
  .pageBrand .brandlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .pageBrand .brandlist li {
      border: none;
      padding: 0;
      margin-bottom: 50px !important;
      width: calc(50% - 15px); }
      .pageBrand .brandlist li .imageBlock {
        padding: 5px;
        border: 1px solid #ccc; }
        .pageBrand .brandlist li .imageBlock a {
          -webkit-transition: opacity .3s;
          transition: opacity .3s; }
          .pageBrand .brandlist li .imageBlock a:hover {
            opacity: 0.6; }
      .pageBrand .brandlist li .textBlock {
        margin-top: 15px; }
        .pageBrand .brandlist li .textBlock .logo {
          margin-bottom: 15px;
          height: 60px; }
          .pageBrand .brandlist li .textBlock .logo img {
            -webkit-transform: translate(-50%, -50%) scale(0.5);
                    transform: translate(-50%, -50%) scale(0.5); }
        .pageBrand .brandlist li .textBlock .link {
          margin-top: 20px; }
          .pageBrand .brandlist li .textBlock .link a:hover {
            text-decoration: underline; } }

.pageShoplist .contentWrapper {
  max-width: 750px; }

.pageShoplist .brandSelect {
  margin: 30px 0 80px;
  padding: 0 20px; }
  .pageShoplist .brandSelect .brandSelectHeadline {
    font-size: 10px;
    margin-bottom: 10px;
    line-height: 1; }
    .pageShoplist .brandSelect .brandSelectHeadline span {
      font-family: "Crimson Text",serif;
      font-size: 18px;
      margin-right: 5px;
      letter-spacing: 0.02em; }
  .pageShoplist .brandSelect .customSelectWrapper {
    width: 100%; }
    .pageShoplist .brandSelect .customSelectWrapper select {
      width: 100%; }
  @media (min-width: 769px) {
    .pageShoplist .brandSelect {
      padding: 0; }
      .pageShoplist .brandSelect .brandSelectContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .pageShoplist .brandSelect .brandSelectContainer .imageBlock {
          width: 400px; }
        .pageShoplist .brandSelect .brandSelectContainer .textBlock {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          padding-left: 70px; }
          .pageShoplist .brandSelect .brandSelectContainer .textBlock ul.list {
            border-top: 1px solid #ccc; }
            .pageShoplist .brandSelect .brandSelectContainer .textBlock ul.list li {
              border-bottom: 1px solid #ccc; }
              .pageShoplist .brandSelect .brandSelectContainer .textBlock ul.list li a {
                display: block;
                padding: 12px 5px;
                font-size: 1.1rem;
                -webkit-transition: opacity .3s;
                transition: opacity .3s; }
                .pageShoplist .brandSelect .brandSelectContainer .textBlock ul.list li a:hover {
                  opacity: 0.6; }
      .pageShoplist .brandSelect .brandSelectHeadline {
        font-size: 11px;
        margin-bottom: 25px; }
        .pageShoplist .brandSelect .brandSelectHeadline span {
          font-size: 24px;
          margin-right: 10px; } }

/*-----------------------------------------------------
News & Topics
-----------------------------------------------------*/
.pageNews .contentWrapper {
  max-width: 750px; }

.pageNews .newsArticleList {
  margin-top: 40px; }
  .pageNews .newsArticleList .newsArticle {
    margin-bottom: 40px; }
    .pageNews .newsArticleList .newsArticle:not(:last-child) {
      padding-bottom: 40px;
      border-bottom: 1px solid #B2BDCE; }
    .pageNews .newsArticleList .newsArticle .newsHeader {
      margin-bottom: 30px; }
      .pageNews .newsArticleList .newsArticle .newsHeader .date {
        margin-bottom: 5px; }
      .pageNews .newsArticleList .newsArticle .newsHeader .newsTitle {
        font-family: "Yu Mincho", YuMincho, serif;
        font-size: 16px; }
    .pageNews .newsArticleList .newsArticle .newsBody a {
      text-decoration: underline; }

@media (min-width: 769px) {
  .pageNews .newsArticleList .newsArticle {
    margin-bottom: 60px; }
    .pageNews .newsArticleList .newsArticle:not(:last-child) {
      padding-bottom: 60px; }
    .pageNews .newsArticleList .newsArticle .newsHeader {
      margin-bottom: 40px; }
      .pageNews .newsArticleList .newsArticle .newsHeader .date {
        margin-bottom: 10px; }
      .pageNews .newsArticleList .newsArticle .newsHeader .newsTitle {
        font-size: 18px; }
    .pageNews .newsArticleList .newsArticle .newsBody {
      line-height: 2; }
      .pageNews .newsArticleList .newsArticle .newsBody a:hover {
        text-decoration: none; } }

/*-----------------------------------------------------
Term of Use, Privacy Policy
-----------------------------------------------------*/
.pageRules .contentWrapper {
  max-width: 750px; }

.pageRules .ruleArchive .ruleTitle {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 1.2rem; }

.pageRules .ruleArchive .ruleHeadline {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 5px; }

.pageRules .ruleArchive .ruleBlock:not(:last-child) {
  margin-bottom: 20px; }

.pageRules .ruleArchive .ruleBlock a {
  text-decoration: underline; }

@media (min-width: 769px) {
  .pageRules .ruleArchive .ruleTitle {
    font-size: 1.5rem;
    margin-bottom: 30px;
    padding-bottom: 10px; }
  .pageRules .ruleArchive .ruleHeadline {
    font-size: 1.3rem;
    font-weight: normal;
    margin-bottom: 10px; }
  .pageRules .ruleArchive .ruleBlock:not(:last-child) {
    margin-bottom: 60px; }
  .pageRules .ruleArchive .ruleBlock a:hover {
    text-decoration: none; } }

/*-----------------------------------------------------
sitemap
-----------------------------------------------------*/
.pageSitemap .contentWrapper {
  max-width: 750px; }

.pageSitemap .sitemapUl .topLevel > a {
  font-size: 1.2rem;
  position: relative;
  padding-left: 10px; }
  .pageSitemap .sitemapUl .topLevel > a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url(/resources/img/fdc/arrow.svg) left center/4px auto no-repeat; }

.pageSitemap .sitemapUl > li:not(:last-child) {
  margin-bottom: 30px; }

.pageSitemap .sitemapUl > li > ul > li {
  margin-bottom: 30px; }
  .pageSitemap .sitemapUl > li > ul > li > ul {
    margin-top: 5px; }
    .pageSitemap .sitemapUl > li > ul > li > ul > li {
      padding-left: 15px;
      margin-bottom: 5px; }

.pageSitemap .sitemapUl .brandUl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .pageSitemap .sitemapUl .brandUl li {
    width: 50%; }

.pageSitemap .sitemapUl dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .pageSitemap .sitemapUl dl dt {
    width: 60px; }
  .pageSitemap .sitemapUl dl dd {
    width: calc(100% - 60px); }
    .pageSitemap .sitemapUl dl dd ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .pageSitemap .sitemapUl dl dd ul li {
        width: 50%; }

.pageSitemap .sitemapUl .logoHoldings {
  width: 100px; }

@media (min-width: 769px) {
  .pageSitemap .sitemapUl a:hover {
    text-decoration: underline; }
  .pageSitemap .sitemapUl .topLevel > a {
    font-size: 1.3rem; }
  .pageSitemap .sitemapUl > li:not(:last-child) {
    margin-bottom: 50px; }
  .pageSitemap .sitemapUl > li > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .pageSitemap .sitemapUl > li > ul > li {
      width: 33.33%; }
  .pageSitemap .sitemapUl .brandUl {
    display: block; }
    .pageSitemap .sitemapUl .brandUl li {
      width: 100%; }
  .pageSitemap .sitemapUl dl dd ul {
    display: block; }
    .pageSitemap .sitemapUl dl dd ul li {
      width: 100%; }
  .pageSitemap .sitemapUl .logoHoldings {
    width: 131px; } }

@media print {
  .corporateHeader,
  .breadcrumb,
  .pageTop,
  .corporateFooter {
    display: none; }
  .corparateContainer {
    padding-top: 0; } }
/*# sourceMappingURL=fdc.css.map */