@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Raleway:400,300,500,700);
body#page-product-home .product-main-body .products, .product-lower-body .product-list > .inner .products ul, .product-drip-pod-header .description figure, #page-company-about-masters .other-champions, #page-company-about-masters .sec-masters .winners, #page-company-about-estates .estates-main-body #bluemountain .rainforest, body#page-company-top .company-message-container, #page-company-profile .profile-datas .management-team .names, #page-company-profile .profile-datas, .ucc-m-company-outline-office__item, body#page-company-network .network-list > .body .countries .figs, body#page-company-network .network-list > .body .countries ul, body#page-company-network .network-list > .body .supplementation ul, #history-founded-in-kobe .body-section .text-and-fig, #page-company-history .timeline-block .description, #page-company-history .timeline, body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories, body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented, body#page-company-activities .company-activities-csr > .body section.cultural, body#page-company-activities .company-activities-intro .activities-nav > ul, .ui.fig-side-to-side, .ui.fig-culumn-box, .ui.five-photo-list, .ui.basic-document .parallel-fig, .module.nav-lists .nav-list {
  *zoom: 1; }
  body#page-product-home .product-main-body .products:before, .product-lower-body .product-list > .inner .products ul:before, .product-drip-pod-header .description figure:before, #page-company-about-masters .other-champions:before, #page-company-about-masters .sec-masters .winners:before, #page-company-about-estates .estates-main-body #bluemountain .rainforest:before, body#page-company-top .company-message-container:before, #page-company-profile .profile-datas .management-team .names:before, #page-company-profile .profile-datas:before, .ucc-m-company-outline-office__item:before, body#page-company-network .network-list > .body .countries .figs:before, body#page-company-network .network-list > .body .countries ul:before, body#page-company-network .network-list > .body .supplementation ul:before, #history-founded-in-kobe .body-section .text-and-fig:before, #page-company-history .timeline-block .description:before, #page-company-history .timeline:before, body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories:before, body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented:before, body#page-company-activities .company-activities-csr > .body section.cultural:before, body#page-company-activities .company-activities-intro .activities-nav > ul:before, .ui.fig-side-to-side:before, .ui.fig-culumn-box:before, .ui.five-photo-list:before, .ui.basic-document .parallel-fig:before, .module.nav-lists .nav-list:before, body#page-product-home .product-main-body .products:after, .product-lower-body .product-list > .inner .products ul:after, .product-drip-pod-header .description figure:after, #page-company-about-masters .other-champions:after, #page-company-about-masters .sec-masters .winners:after, #page-company-about-estates .estates-main-body #bluemountain .rainforest:after, body#page-company-top .company-message-container:after, #page-company-profile .profile-datas .management-team .names:after, #page-company-profile .profile-datas:after, .ucc-m-company-outline-office__item:after, body#page-company-network .network-list > .body .countries .figs:after, body#page-company-network .network-list > .body .countries ul:after, body#page-company-network .network-list > .body .supplementation ul:after, #history-founded-in-kobe .body-section .text-and-fig:after, #page-company-history .timeline-block .description:after, #page-company-history .timeline:after, body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories:after, body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented:after, body#page-company-activities .company-activities-csr > .body section.cultural:after, body#page-company-activities .company-activities-intro .activities-nav > ul:after, .ui.fig-side-to-side:after, .ui.fig-culumn-box:after, .ui.five-photo-list:after, .ui.basic-document .parallel-fig:after, .module.nav-lists .nav-list:after {
    content: "";
    display: table; }
  body#page-product-home .product-main-body .products:after, .product-lower-body .product-list > .inner .products ul:after, .product-drip-pod-header .description figure:after, #page-company-about-masters .other-champions:after, #page-company-about-masters .sec-masters .winners:after, #page-company-about-estates .estates-main-body #bluemountain .rainforest:after, body#page-company-top .company-message-container:after, #page-company-profile .profile-datas .management-team .names:after, #page-company-profile .profile-datas:after, .ucc-m-company-outline-office__item:after, body#page-company-network .network-list > .body .countries .figs:after, body#page-company-network .network-list > .body .countries ul:after, body#page-company-network .network-list > .body .supplementation ul:after, #history-founded-in-kobe .body-section .text-and-fig:after, #page-company-history .timeline-block .description:after, #page-company-history .timeline:after, body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories:after, body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented:after, body#page-company-activities .company-activities-csr > .body section.cultural:after, body#page-company-activities .company-activities-intro .activities-nav > ul:after, .ui.fig-side-to-side:after, .ui.fig-culumn-box:after, .ui.five-photo-list:after, .ui.basic-document .parallel-fig:after, .module.nav-lists .nav-list:after {
    clear: both; }

.breadcrumbs, .global-footer, .global-language, .global-header {
  width: 100%; }
  .breadcrumbs > .container, .global-footer > .container, .global-language > .container, .global-header > .container {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 2.2%;
    position: relative; }
    .breadcrumbs > .container > .inner, .global-footer > .container > .inner, .global-language > .container > .inner, .global-header > .container > .inner {
      position: relative; }
  @media only screen and (max-width: 768px) {
    .breadcrumbs > .container, .global-footer > .container, .global-language > .container, .global-header > .container {
      padding: 0 10px; } }
#page-company-about-home .lower-header .about-description, .ui.base-content, .lower-header > .description {
  width: 100%;
  position: relative;
  margin-top: 3.4305317324%; }
  #page-company-about-home .lower-header .about-description > .container, .ui.base-content > .container, .lower-header > .description > .container {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 7.32%;
    position: relative; }
    #page-company-about-home .lower-header .about-description > .container > .inner, .ui.base-content > .container > .inner, .lower-header > .description > .container > .inner {
      position: relative; }
      #page-company-about-home .lower-header .about-description > .container > .inner > header, .ui.base-content > .container > .inner > header, .lower-header > .description > .container > .inner > header {
        padding: 0 0 20px 0; }
        #page-company-about-home .lower-header .about-description > .container > .inner > header > h2, .ui.base-content > .container > .inner > header > h2, .lower-header > .description > .container > .inner > header > h2 {
          text-align: center;
          color: white;
          font-size: 39px; }
        #page-company-about-home .lower-header .about-description > .container > .inner > header > .description, .ui.base-content > .container > .inner > header > .description, .lower-header > .description > .container > .inner > header > .description {
          text-align: center;
          color: white;
          font-size: 18px;
          padding: 16px 0 0 0; }
  @media only screen and (max-width: 767px) {
    #page-company-about-home .lower-header .about-description, .ui.base-content, .lower-header > .description {
      margin-top: 4.2881646655%; }
      #page-company-about-home .lower-header .about-description > .container, .ui.base-content > .container, .lower-header > .description > .container {
        padding: 0 3.66%; }
        #page-company-about-home .lower-header .about-description > .container > .inner > header, .ui.base-content > .container > .inner > header, .lower-header > .description > .container > .inner > header {
          padding: 0 0 15px 0; }
          #page-company-about-home .lower-header .about-description > .container > .inner > header > h2, .ui.base-content > .container > .inner > header > h2, .lower-header > .description > .container > .inner > header > h2 {
            font-size: 23px; }
          #page-company-about-home .lower-header .about-description > .container > .inner > header > .description, .ui.base-content > .container > .inner > header > .description, .lower-header > .description > .container > .inner > header > .description {
            font-size: 12px;
            margin-top: 12px;
            padding-top: 16px;
            position: relative; }
            #page-company-about-home .lower-header .about-description > .container > .inner > header > .description:after, .ui.base-content > .container > .inner > header > .description:after, .lower-header > .description > .container > .inner > header > .description:after {
              display: block;
              content: ' ';
              width: 25px;
              height: 1px;
              background-color: white;
              position: absolute;
              top: 0;
              left: 50%;
              margin-left: -12px; } }
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend,
p, blockquote, table, th, td {
  margin: 0;
  padding: 0; }

html {
  background: #FFF;
  color: #000; }

body {
  font: 13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; }

* html body {
  font-size: small;
  font: x-small; }

*:first-child + html body {
  font-size: small;
  font: x-small; }

img {
  border: 0;
  vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

ul, dl, ol {
  text-indent: 0; }

li {
  list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

* html input, * html textarea, * html select {
  font-size: 100%; }

*:first-child + html + input, *:first-child html + textarea, *:first-child + html select {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%; }

th, td {
  text-align: left;
  vertical-align: top; }

caption {
  text-align: left; }

pre, code, kbd, samp, tt {
  font-family: monospace; }

* html pre, * html code, * html kbd, * html samp, * html tt {
  font-size: 108%;
  line-height: 100%; }

*:first-child + html pre, *:first-child html + code, *:first-child html + kbd, *:first-child + html + samp, *:first-child + html tt {
  font-size: 108%;
  line-height: 100%; }

input, select, textarea {
  font-size: 100%;
  font-family: Verdana, Helvetica, sans-serif; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: black; }

body {
  color: #333;
  font-family: 'Raleway', sans-serif;
  line-height: 1.4;
  background-color: black; }

html, body {
  width: 100%;
  height: 100%; }

figure {
  margin: 0;
  padding: 0; }

img {
  vertical-align: bottom; }

a {
  text-decoration: none; }

/*============================
  .global-header
============================*/
.global-header {
  height: 60px;
  background-color: white;
  border-top: 3px solid #D40000;
  box-sizing: border-box;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0; }
  .global-header > .container > .inner {
    z-index: 20; }
  .global-header .logo {
    position: absolute;
    left: 0;
    top: 10px; }
    .global-header .logo img {
      width: 79px;
      height: 36px; }
  .global-header nav.langs {
    position: absolute;
    right: 0;
    top: 22px; }
    .global-header nav.langs ul > li {
      float: left;
      line-height: 1; }
      .global-header nav.langs ul > li > span {
        color: #a0a0a0; }
      .global-header nav.langs ul > li > span, .global-header nav.langs ul > li > a {
        padding: 0 8px; }
      .global-header nav.langs ul > li > a {
        color: black;
        cursor: pointer;
        position: relative; }
        .global-header nav.langs ul > li > a:before {
          display: block;
          content: ' ';
          position: absolute;
          top: -22px;
          left: 0;
          height: 60px;
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .global-header nav.langs ul > li > a:before {
              height: 50px;
              top: -16px; } }
      .global-header nav.langs ul > li + li {
        border-left: 1px solid #a0a0a0; }
  .global-header .nav-opener {
    display: block;
    width: 50px;
    height: 47px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #D40000;
    display: none;
    overflow: hidden; }
    .global-header .nav-opener > img {
      position: absolute;
      top: 10px;
      left: 13px;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition-property: -webkit-transform, opacity;
      -moz-transition-property: -moz-transform, opacity;
      transition-property: transform, opacity;
      -webkit-transition-duration: 0.35s;
      -moz-transition-duration: 0.35s;
      transition-duration: 0.35s;
      -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
      transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
      .global-header .nav-opener > img.closer {
        opacity: 0;
        -webkit-transform: translate(0, -50px);
        -moz-transform: translate(0, -50px);
        -ms-transform: translate(0, -50px);
        -o-transform: translate(0, -50px);
        transform: translate(0, -50px); }
    .global-header .nav-opener.open > img.closer {
      opacity: 1;
      -webkit-transform: translate(0, 0px);
      -moz-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
      -o-transform: translate(0, 0px);
      transform: translate(0, 0px); }
    .global-header .nav-opener.open > img.opener {
      opacity: 0;
      -webkit-transform: translate(0, 50px);
      -moz-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
      -o-transform: translate(0, 50px);
      transform: translate(0, 50px); }
  @media only screen and (max-width: 767px) {
    .global-header {
      height: 50px;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .global-header nav.langs {
        top: 16px;
        right: 44px; }
      .global-header .logo {
        top: 10px; }
        .global-header .logo img {
          width: 60px;
          height: 27px; }
      .global-header .nav-opener {
        display: block; } }
body > .skiptranslate {
  display: none !important; }

.global-language {
  position: fixed;
  top: 60px;
  z-index: 100;
  height: 0;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: height;
  -moz-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  .global-language #google_translate_element {
    float: right;
    background-color: white;
    padding: 10px 20px;
    position: relative; }
    .global-language #google_translate_element:before {
      display: block;
      width: 100%;
      height: 22px;
      content: ' ';
      position: absolute;
      top: -22px;
      left: 0; }
  @media only screen and (max-width: 767px) {
    .global-language {
      top: 50px;
      background-color: white;
      text-align: center; }
      .global-language #google_translate_element {
        padding-left: 0;
        padding-right: 0;
        float: none;
        display: inline-block; }
        .global-language #google_translate_element .skiptranslate > div {
          display: block !important; } }
  .global-language.show {
    height: 48px; }
    @media only screen and (max-width: 767px) {
      .global-language.show {
        height: 64px; } }
.global-nav-container-for-sp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -1000%;
  background-color: rgba(0, 0, 0, 0);
  display: none;
  z-index: 10;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.45s;
  -moz-transition-duration: 0.45s;
  transition-duration: 0.45s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  .global-nav-container-for-sp.show {
    left: 0;
    background-color: rgba(0, 0, 0, 0.7); }
    .global-nav-container-for-sp.show .global-nav {
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  @media only screen and (max-width: 767px) {
    .global-nav-container-for-sp {
      display: block; } }
.global-nav.for-sp {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 0.45s;
  -moz-transition-duration: 0.45s;
  transition-duration: 0.45s;
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate(0, -300px);
  -moz-transform: translate(0, -300px);
  -ms-transform: translate(0, -300px);
  -o-transform: translate(0, -300px);
  transform: translate(0, -300px); }

@media only screen and (max-width: 767px) {
  .global-nav.for-pc {
    display: none; } }

.global-nav .nav-list {
  text-align: center;
  letter-spacing: -0.4em; }
  .global-nav .nav-list > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    letter-spacing: normal; }
    .global-nav .nav-list > li > a {
      display: block;
      color: #000;
      position: relative;
      padding: 15px 20px;
      font-size: 20px;
      font-weight: 300;
      z-index: 2;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition-property: color;
      -moz-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .global-nav .nav-list > li > a {
          padding: 15px 15px; } }
      .global-nav .nav-list > li > a > span {
        position: relative;
        padding-right: 20px; }
        .global-nav .nav-list > li > a > span:after {
          content: ' ';
          background: transparent url(/eng/assets/images/items/icon-arrow-basic-red-bottom-12x6.png) no-repeat center right;
          display: block;
          width: 12px;
          height: 6px;
          position: absolute;
          right: 0;
          bottom: 5px; }
    .global-nav .nav-list > li:hover > a {
      color: #D40000; }

.global-nav .children {
  width: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: height;
  -moz-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .global-nav .children > .inner {
    padding-top: 60px;
    position: relative; }
    .global-nav .children > .inner:before {
      content: ' ';
      display: block;
      width: 50px;
      height: 1px;
      background-color: white;
      position: absolute;
      top: 60px;
      left: 50%;
      margin-left: -25px; }
  .global-nav .children ul {
    padding: 20px 0; }
    .global-nav .children ul > li {
      line-height: 2; }
      .global-nav .children ul > li > a {
        font-weight: 300;
        color: white;
        font-size: 15px; }

@media only screen and (max-width: 767px) {
  .global-nav {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    box-sizing: border-box;
    overflow: auto;
    top: 0;
    left: 0; }
    .global-nav > .inner {
      background-color: black;
      padding-top: 5px;
      padding-bottom: 30px; }
      .global-nav > .inner > ul > li {
        display: block; }
        .global-nav > .inner > ul > li > a {
          color: #D40000;
          font-size: 16px;
          font-weight: 400;
          padding: 10px; }
          .global-nav > .inner > ul > li > a > span {
            padding-right: 0;
            background: none; }
    .global-nav .children {
      height: auto;
      position: static; }
      .global-nav .children > .inner {
        padding-top: 0; }
        .global-nav .children > .inner:before {
          display: none; }
      .global-nav .children ul {
        padding: 0; } }

/*============================
  .global-footer
============================*/
.global-footer-container {
  padding-top: 62px; }

.global-footer {
  background-color: #000;
  border-top: 1px solid #333333;
  padding: 48px 0 18px;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .global-footer .nav-list {
    text-align: center;
    letter-spacing: -0.4em; }
    .global-footer .nav-list a {
      color: white; }
    .global-footer .nav-list > li > a {
      font-weight: 500;
      font-size: 15px; }
    .global-footer .nav-list > li {
      letter-spacing: normal;
      text-align: left;
      display: inline-block;
      vertical-align: top; }
      .global-footer .nav-list > li + li {
        margin-left: 55px; }
    .global-footer .nav-list .children ul {
      padding: 5px 0;
      font-size: 12px; }
    .global-footer .nav-list .children li.sp {
      display: none; }
    @media only screen and (max-width: 767px) {
      .global-footer .nav-list .children li.sp {
        display: block; } }
  .global-footer .footer-langs {
    width: 176px;
    height: 26px;
    background: transparent url(/eng/assets/images/layouts/bg-footer-langs.png) no-repeat 0 0;
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -88px; }
    .global-footer .footer-langs > ul {
      letter-spacing: -0.4em;
      text-align: center;
      position: relative;
      top: 4px; }
      .global-footer .footer-langs > ul > li {
        display: inline-block;
        letter-spacing: normal;
        line-height: 1;
        font-size: 12px; }
        .global-footer .footer-langs > ul > li + li {
          margin-left: 8px;
          padding-left: 8px;
          border-left: 1px solid #a0a0a0; }
        .global-footer .footer-langs > ul > li a {
          color: black;
          cursor: pointer; }
        .global-footer .footer-langs > ul > li span {
          color: #a0a0a0; }
  .global-footer .footer-language {
    width: 176px;
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -88px; }
    .global-footer .footer-language > .inner {
      width: 100%;
      height: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      background-color: white;
      text-align: center;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      box-sizing: border-box;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition-property: height, top;
      -moz-transition-property: height, top;
      transition-property: height, top;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      .global-footer .footer-language > .inner #google_translate_element {
        display: inline-block;
        margin-top: 10px; }
        .global-footer .footer-language > .inner #google_translate_element .skiptranslate > div {
          display: block !important; }
    .global-footer .footer-language.show > .inner {
      height: 70px;
      top: -70px; }
  .global-footer .copyright {
    display: block;
    color: white;
    text-align: center;
    padding: 45px 0 0 0; }
  .global-footer .btn-pagetop-sp {
    position: absolute;
    top: -1em;
    left: 0;
    width: 100%;
    text-align: center;
    display: none; }
    .global-footer .btn-pagetop-sp > a {
      background-color: white;
      border-radius: 12px;
      color: black;
      padding: 4px 12px 4px 32px;
      font-size: 10px;
      background: white url(/eng/assets/images/items/icon-arrow-basic-black-top-28x16.png) no-repeat 10px center;
      background-size: 14px 8px; }
    @media only screen and (max-width: 480px) {
      .global-footer .btn-pagetop-sp {
        display: block; } }
  @media only screen and (max-width: 480px) {
    .global-footer {
      padding: 0; }
      .global-footer .footer-langs {
        display: none; }
      .global-footer > .container {
        padding: 0; }
      .global-footer .nav-list {
        padding-top: 8px; }
        .global-footer .nav-list > li {
          display: block;
          border-bottom: 1px solid #333333; }
          .global-footer .nav-list > li + li {
            margin: 0; }
          .global-footer .nav-list > li a {
            display: block;
            position: relative; }
          .global-footer .nav-list > li > a {
            padding: 10px 20px; }
            .global-footer .nav-list > li > a:after {
              display: block;
              content: ' ';
              width: 15px;
              height: 15px;
              background: transparent url(/eng/assets/images/items/icon-plus-15x15.png) no-repeat left top;
              background-size: 15px 15px;
              position: absolute;
              right: 20px;
              top: 50%;
              margin-top: -8px; }
            .global-footer .nav-list > li > a.open:after {
              background: transparent url(/eng/assets/images/items/icon-minus-15x15.png) no-repeat left top;
              background-size: 15px 15px; }
          .global-footer .nav-list > li.no-children > a:after {
            display: none; }
        .global-footer .nav-list .children {
          height: 0;
          overflow: hidden; }
          .global-footer .nav-list .children > .inner {
            opacity: 0;
            -webkit-transition-property: -webkit-transform, opacity;
            -moz-transition-property: -moz-transform, opacity;
            transition-property: transform, opacity;
            -webkit-transition-duration: 0.45s;
            -moz-transition-duration: 0.45s;
            transition-duration: 0.45s;
            -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            -moz-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
            -webkit-transform: translate(0, -100px);
            -moz-transform: translate(0, -100px);
            -ms-transform: translate(0, -100px);
            -o-transform: translate(0, -100px);
            transform: translate(0, -100px); }
          .global-footer .nav-list .children ul {
            padding: 0; }
          .global-footer .nav-list .children li {
            border-top: 1px solid #333333; }
            .global-footer .nav-list .children li > a {
              padding: 10px 32px; }
          .global-footer .nav-list .children.show {
            height: auto; }
            .global-footer .nav-list .children.show > .inner {
              opacity: 1;
              -webkit-transform: translate(0, 0);
              -moz-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
              -o-transform: translate(0, 0);
              transform: translate(0, 0); }
      .global-footer .copyright {
        padding: 14px 0;
        font-size: 7px; } }
.btn-pagetop-pc {
  position: fixed;
  bottom: 30px;
  right: 3%;
  right: -3%;
  z-index: 100;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .btn-pagetop-pc {
      display: none; } }
/*============================
  .lower
============================*/
.breadcrumbs {
  position: absolute;
  top: 8px;
  left: 0;
  color: white;
  font-size: 11px; }
  .breadcrumbs a {
    color: white;
    text-decoration: underline; }
  .breadcrumbs .current {
    display: inline; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs {
      display: none; } }
.lower-wrapper {
  padding-top: 60px; }
  .lower-wrapper > .lower-inner {
    position: relative;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .lower-wrapper .lower-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 58px;
    left: 0; }
    .lower-wrapper .lower-bg > img {
      width: 100%;
      height: auto;
      position: relative; }
    .lower-wrapper .lower-bg:after, .lower-wrapper .lower-bg .cover {
      display: block;
      width: 100%;
      height: 100%;
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      background: transparent url(/eng/assets/images/items/img-movie-cover.png) repeat center; }
  @media only screen and (max-width: 767px) {
    .lower-wrapper {
      padding-top: 50px; }
      .lower-wrapper .lower-bg {
        top: 50px; } }
.lower-header {
  color: white;
  text-align: center;
  padding: 8.576329331% 0 1.7152658662%; }
  .lower-header h1 {
    font-size: 40px; }
  .lower-header > .description {
    font-size: 17px;
    margin-top: 1.7152658662%;
    line-height: 1.8; }
    .lower-header > .description > .container > .inner > * {
      clear: both; }
    .lower-header > .description > .container > .inner > * + * {
      padding-top: 1.8867924528%; }
  @media only screen and (max-width: 767px) {
    .lower-header {
      padding-top: 12.0068610635%; }
      .lower-header h1 {
        font-size: 27px;
        font-weight: 500; }
      .lower-header > .description {
        font-size: 12px; } }
.module.products {
  position: relative; }
  .module.products > .content {
    display: table;
    width: 100%;
    height: 100%; }
    .module.products > .content > figcaption {
      display: table-cell;
      background-color: white;
      height: 100%;
      width: 42.89%;
      height: 100%;
      vertical-align: middle;
      box-sizing: border-box;
      padding: 50px 10px; }
      .module.products > .content > figcaption > .inner {
        padding: 0 20px; }
        .module.products > .content > figcaption > .inner > header {
          text-align: center; }
          .module.products > .content > figcaption > .inner > header > h2 {
            font-size: 39px; }
          .module.products > .content > figcaption > .inner > header > p {
            font-size: 16px; }
        .module.products > .content > figcaption > .inner > .body {
          padding: 25px 0 0;
          text-align: center; }
          .module.products > .content > figcaption > .inner > .body > .description {
            padding: 0 0 42px 0; }
    .module.products > .content:after {
      display: table-cell;
      content: ' ';
      width: 100%;
      height: 100%;
      background: white url(/eng/assets/images/items/img-module-products.png) no-repeat center center; }
  @media only screen and (max-width: 767px) {
    .module.products > .content {
      display: block; }
      .module.products > .content > figcaption {
        display: block;
        width: 100%;
        padding: 15px 10px 30px; }
        .module.products > .content > figcaption > .inner {
          padding: 0 20px; }
          .module.products > .content > figcaption > .inner > header {
            text-align: center; }
            .module.products > .content > figcaption > .inner > header > h2 {
              font-size: 23px; }
            .module.products > .content > figcaption > .inner > header > p {
              font-size: 11px; }
          .module.products > .content > figcaption > .inner > .body {
            padding-top: 12px; }
            .module.products > .content > figcaption > .inner > .body > .description {
              font-size: 12px;
              padding-bottom: 18px; }
      .module.products > .content:before {
        display: block;
        content: ' ';
        width: 100%;
        padding-top: 71.43%;
        background: white url(/eng/assets/images/items/img-module-products.png) no-repeat center center;
        background-size: cover; }
      .module.products > .content:after {
        display: none; } }
.module.nav-lists {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .module.nav-lists .nav-list > li {
    width: 25%;
    float: left; }
    .module.nav-lists .nav-list > li > a {
      display: block;
      color: white;
      position: relative; }
  .module.nav-lists .nav-list figure {
    position: relative; }
    .module.nav-lists .nav-list figure:after, .module.nav-lists .nav-list figure .grad-cover {
      content: ' ';
      display: block;
      width: 100%;
      height: 50%;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.85);
      background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
      background-image: linear-gradient(to top,rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
      background-color: transparent; }
      html.ua-ie-8 .module.nav-lists .nav-list figure:after, html.ua-ie-8 .module.nav-lists .nav-list figure .grad-cover {
        height: 80%;
        background: transparent url(/eng/assets/images/items/bg-gr-foot-nav.png) repeat-x left bottom; }
    .module.nav-lists .nav-list figure .fig {
      overflow: hidden;
      position: relative; }
      .module.nav-lists .nav-list figure .fig img {
        width: 100%;
        height: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        transition-duration: 0.45s;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      .module.nav-lists .nav-list figure .fig:after {
        content: ' ';
        display: block;
        width: 101%;
        height: 104%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.4);
        opacity: 0;
        top: -2%;
        left: 0;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        transition-duration: 0.45s;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .module.nav-lists .nav-list figure > figcaption {
      position: absolute;
      left: 0;
      bottom: 5.4%;
      text-align: center;
      width: 100%;
      z-index: 2; }
      .module.nav-lists .nav-list figure > figcaption h2 {
        font-size: 23px;
        padding-bottom: 3.6%; }
  .module.nav-lists .nav-list > li.active .fig img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03); }
  .module.nav-lists .nav-list > li.deactive .fig:after {
    opacity: 1; }
  @media only screen and (max-width: 979px) {
    .module.nav-lists .nav-list > li {
      width: 50%; }
    .module.nav-lists .nav-list figure > figcaption h2 {
      font-size: 14px; } }
.module.company-nav, .module.company-about-nav {
  margin-top: 0; }

.module.product-nav {
  margin-top: 6.8610634648%; }
  .module.product-nav .nav-list figure:after {
    display: none; }
  .module.product-nav .nav-list > li {
    width: 32.075472%; }
    .module.product-nav .nav-list > li + li {
      margin-left: 1.8867925%; }
    .module.product-nav .nav-list > li > a {
      color: black; }
  @media only screen and (max-width: 767px) {
    .module.product-nav .nav-list li a figure {
      background-color: white;
      padding-bottom: 2.5em; }
      .module.product-nav .nav-list li a figure > figcaption h2 {
        font-size: 13px; } }
.ui.btn-red {
  background-color: #D40000;
  padding: 6px;
  display: inline-block;
  color: white;
  line-height: 1;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .ui.btn-red:hover {
    background-color: #DF302C; }
  @media only screen and (max-width: 767px) {
    .ui.btn-red {
      padding: 3px 6px;
      font-size: 12px; } }
  .ui.btn-red.medium {
    font-size: 18px;
    padding: 12px; }
    @media only screen and (max-width: 767px) {
      .ui.btn-red.medium {
        padding: 8px 12px;
        font-size: 14px; } }
  .ui.btn-red.large {
    font-size: 23px;
    padding: 13px; }
    @media only screen and (max-width: 767px) {
      .ui.btn-red.large {
        padding: 9px 12px;
        font-size: 14px; } }
  .ui.btn-red.block {
    display: block;
    text-align: center; }

.ui.document-contents {
  background-color: white;
  padding: 3.859348199% 0; }
  @media only screen and (max-width: 767px) {
    .ui.document-contents {
      padding: 7.7186963979% 0; } }
.ui.basic-document > header .sub-text {
  padding: 0 4.2881646655% 3.859348199% 4.2881646655%; }

.ui.basic-document > .descriptions {
  padding-top: 2.5728987993%; }

.ui.basic-document .full-fig img {
  width: 100%;
  height: auto; }
  .ui.basic-document .full-fig img.sp {
    display: none; }
  @media only screen and (max-width: 767px) {
    .ui.basic-document .full-fig img.pc {
      display: none; }
    .ui.basic-document .full-fig img.sp {
      display: block; } }
.ui.basic-document .parallel-fig > img {
  width: 50%;
  display: block;
  float: left; }

@media only screen and (max-width: 767px) {
  .ui.basic-document .parallel-fig > img {
    width: 100%;
    height: auto; } }

.ui.basic-document .document {
  padding: 1.7152658662% 4.2881646655% 0 4.2881646655%; }

.ui.basic-document + .basic-document {
  padding-top: 8.576329331%; }
  @media only screen and (max-width: 767px) {
    .ui.basic-document + .basic-document {
      padding-top: 17.1526586621%; } }
.ui.basic-documents {
  color: white;
  background-color: #272727;
  padding-bottom: 8.576329331%; }
  .ui.basic-documents .foreword {
    padding: 3.859348199% 4.2881646655%; }
  @media only screen and (max-width: 767px) {
    .ui.basic-documents .foreword {
      padding: 8.576329331% 4.2881646655%;
      text-align: left !important; } }
.ui.five-photo-list {
  width: 100%; }
  .ui.five-photo-list .five-photo-block {
    float: left;
    width: 20%; }
  @media only screen and (max-width: 767px) {
    .ui.five-photo-list .five-photo-block {
      float: none;
      width: 100%; } }
.ui.five-photo-list.is-four .five-photo-block {
  float: left;
  width: 25%; }
  @media only screen and (max-width: 767px) {
    .ui.five-photo-list.is-four .five-photo-block {
      float: none;
      width: 100%; } }
.ui.five-photo-block {
  position: relative; }
  .ui.five-photo-block:after {
    display: block;
    content: ' ';
    padding-top: 181.5068493151%; }
  .ui.five-photo-block > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .ui.five-photo-block > .content > .inner {
      width: 200%;
      height: 100%;
      position: relative;
      left: -50%;
      text-align: center; }
      .ui.five-photo-block > .content > .inner > img.photo {
        height: 100%;
        width: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        transition-duration: 0.45s;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      .ui.five-photo-block > .content > .inner > img.shadow {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 224px; }
      .ui.five-photo-block > .content > .inner figcaption {
        position: absolute;
        width: 50%;
        bottom: 22px;
        left: 25%;
        color: white;
        box-sizing: border-box;
        padding: 0 10px; }
        .ui.five-photo-block > .content > .inner figcaption > h3 {
          font-size: 23px; }
        .ui.five-photo-block > .content > .inner figcaption > p {
          padding: 16px 0 0 0; }
        @media only screen and (min-width: 768px) and (max-width: 979px) {
          .ui.five-photo-block > .content > .inner figcaption > h3 {
            font-size: 20px; } }
        @media only screen and (max-width: 767px) {
          .ui.five-photo-block > .content > .inner figcaption > p {
            padding-top: 8px; } }
  .ui.five-photo-block > .content:after {
    content: ' ';
    display: block;
    width: 101%;
    height: 104%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    top: -2%;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.45s;
    -moz-transition-duration: 0.45s;
    transition-duration: 0.45s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .ui.five-photo-block.active > .content > .inner > img.photo {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03); }
  .ui.five-photo-block.deactive > .content:after {
    opacity: 1; }
  @media only screen and (max-width: 767px) {
    .ui.five-photo-block:after {
      padding-top: 69.64%; }
    .ui.five-photo-block > .content > .inner {
      width: 100%;
      left: 0; }
      .ui.five-photo-block > .content > .inner > img.photo {
        width: 100%;
        height: auto;
        position: absolute;
        left: 0;
        top: -26%; }
      .ui.five-photo-block > .content > .inner figcaption {
        width: 100%;
        left: 0;
        bottom: 20px; }
        .ui.five-photo-block > .content > .inner figcaption > h3 {
          font-size: 16px; } }
.ui.fig-culumn-box {
  background-color: white;
  position: relative;
  color: #000; }
  .ui.fig-culumn-box > .fig {
    width: 57.41%;
    position: relative; }
    .ui.fig-culumn-box > .fig:after {
      display: block;
      content: ' ';
      padding-top: 55.22%; }
    .ui.fig-culumn-box > .fig > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .ui.fig-culumn-box > .fig > .content > div {
        display: table;
        width: 100%;
        height: 200%;
        position: relative;
        top: -50%;
        left: 0%; }
        .ui.fig-culumn-box > .fig > .content > div > div {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          width: 100%;
          height: 100%; }
          .ui.fig-culumn-box > .fig > .content > div > div > img {
            width: 100%;
            height: auto; }
  .ui.fig-culumn-box > figcaption {
    width: 42%;
    position: absolute;
    top: 0;
    bottom: 0; }
    .ui.fig-culumn-box > figcaption > .texts {
      display: table;
      width: 100%;
      height: 100%; }
      .ui.fig-culumn-box > figcaption > .texts > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
      .ui.fig-culumn-box > figcaption > .texts h2 {
        font-size: 30px;
        padding: 0 0 14px 0; }
  .ui.fig-culumn-box.left > .fig {
    float: right; }
  .ui.fig-culumn-box.left > figcaption {
    left: 0; }
  .ui.fig-culumn-box.right > .fig {
    float: left; }
  .ui.fig-culumn-box.right > figcaption {
    right: 0; }
  @media only screen and (max-width: 767px) {
    .ui.fig-culumn-box > figcaption > .texts h2 {
      font-size: 14px;
      color: white; }
    .ui.fig-culumn-box > figcaption > .texts:after {
      display: block;
      content: ' ';
      width: 150%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
    .ui.fig-culumn-box > figcaption > .texts > div {
      position: relative;
      z-index: 2; }
    .ui.fig-culumn-box > .fig {
      width: 100%; }
      .ui.fig-culumn-box > .fig .content > div {
        width: 150%; }
        .ui.fig-culumn-box > .fig .content > div > div img {
          width: 75%; }
    .ui.fig-culumn-box.left > figcaption > .texts:after {
      background-color: rgba(0, 0, 0, 0);
      background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, black 75%, black 100%);
      background-image: linear-gradient(to left,rgba(0, 0, 0, 0) 0%, black 75%, black 100%); }
    .ui.fig-culumn-box.right > figcaption > .texts:after {
      background-color: black;
      background-image: -webkit-linear-gradient(right, black 0%, black 25%, rgba(0, 0, 0, 0) 100%);
      background-image: linear-gradient(to left,black 0%, black 25%, rgba(0, 0, 0, 0) 100%);
      background-color: transparent;
      left: -50%; }
    .ui.fig-culumn-box.right .content > div {
      left: -50%; } }
.ui.fig-gradient-box {
  position: relative;
  display: block; }
  .ui.fig-gradient-box > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
    .ui.fig-gradient-box > .content > figcaption {
      width: 42.84%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 2; }
      .ui.fig-gradient-box > .content > figcaption > .texts {
        display: table;
        width: 100%;
        height: 100%; }
        .ui.fig-gradient-box > .content > figcaption > .texts > div {
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
          .ui.fig-gradient-box > .content > figcaption > .texts > div > h2 {
            font-size: 30px;
            padding: 0 0 14px 0;
            color: white; }
    @media only screen and (max-width: 767px) {
      .ui.fig-gradient-box > .content > figcaption > .texts > div > h2 {
        font-size: 16px; } }
    .ui.fig-gradient-box > .content .fig {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-color: black; }
      .ui.fig-gradient-box > .content .fig img {
        width: 100%;
        height: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        transition-duration: 0.45s;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      .ui.fig-gradient-box > .content .fig .fig-container {
        display: table;
        width: 100%;
        height: 200%;
        position: relative;
        top: -50%;
        left: 0; }
        .ui.fig-gradient-box > .content .fig .fig-container > .fig-inner {
          display: table-cell;
          text-align: center;
          vertical-align: middle; }
        html.ua-android .ui.fig-gradient-box > .content .fig .fig-container {
          height: 100%;
          top: 0; }
        html.ua-ios-7 .ui.fig-gradient-box > .content .fig .fig-container {
          height: 100%;
          top: 0; }
        html.ua-ios-6 .ui.fig-gradient-box > .content .fig .fig-container {
          height: 100%;
          top: 0; }
      .ui.fig-gradient-box > .content .fig:after {
        display: block;
        content: ' ';
        width: 102%;
        height: 100%;
        position: absolute;
        top: 0;
        left: -1%; }
      @media only screen and (max-width: 767px) {
        .ui.fig-gradient-box > .content .fig .fig-container {
          width: 150%;
          left: -25%; } }
  .ui.fig-gradient-box.left > .content .fig:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, black 80%);
    background-image: linear-gradient(to left,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, black 80%); }
  .ui.fig-gradient-box.right > .content > figcaption {
    right: 0; }
  .ui.fig-gradient-box.right > .content .fig:after {
    background-color: black;
    background-image: -webkit-linear-gradient(right, black 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to left,black 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    background-color: transparent; }
  .ui.fig-gradient-box:after {
    display: block;
    content: ' ';
    padding-top: 31.7%; }
  @media only screen and (max-width: 767px) {
    .ui.fig-gradient-box:after {
      padding-top: 53.5714285714%; } }
  .ui.fig-gradient-box:before {
    display: block;
    content: ' ';
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0 solid #D40000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: border-width, background-color;
    -moz-transition-property: border-width, background-color;
    transition-property: border-width, background-color;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .ui.fig-gradient-box.active:before {
    border-width: 10px;
    background-color: rgba(0, 0, 0, 0.3); }

.ui.fig-middle-set {
  display: table; }
  .ui.fig-middle-set .figs {
    display: table-cell;
    width: 32.6%; }
    .ui.fig-middle-set .figs img {
      width: 100%;
      height: auto; }
      .ui.fig-middle-set .figs img.sp {
        display: none; }
    .ui.fig-middle-set .figs .caption {
      font-size: 13px;
      padding: 7px 0 0 0; }
    .ui.fig-middle-set .figs > .figs-all {
      overflow: hidden;
      position: relative; }
      .ui.fig-middle-set .figs > .figs-all:after {
        display: block;
        width: 100%;
        content: ' ';
        padding-top: 100%; }
      .ui.fig-middle-set .figs > .figs-all > .figs-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%; }
        .ui.fig-middle-set .figs > .figs-all > .figs-wrapper > .figs-container {
          display: table;
          width: 100%;
          height: 100%;
          position: relative; }
          .ui.fig-middle-set .figs > .figs-all > .figs-wrapper > .figs-container > .figs-inner {
            display: table-cell;
            vertical-align: middle; }
  .ui.fig-middle-set > figcaption {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box; }
    .ui.fig-middle-set > figcaption > div {
      box-sizing: border-box; }
    .ui.fig-middle-set > figcaption .ttl {
      font-size: 25px;
      padding: 0 0 12px 0;
      font-weight: 500;
      width: 100%; }
    .ui.fig-middle-set > figcaption .ui.text {
      width: 100%; }
  .ui.fig-middle-set.left > figcaption > div {
    padding-left: 6.29%;
    padding-right: 6.29%; }
  .ui.fig-middle-set.right > figcaption > div {
    padding-left: 6.29%;
    padding-right: 6.29%; }
  @media only screen and (max-width: 767px) {
    .ui.fig-middle-set {
      display: block; }
      .ui.fig-middle-set .figs, .ui.fig-middle-set > figcaption {
        display: block; }
      .ui.fig-middle-set > figcaption .ttl {
        padding: 4px 0 12px 0; }
      .ui.fig-middle-set.left > figcaption, .ui.fig-middle-set.right > figcaption {
        padding: 3.859348199% 4.2881646655%; }
        .ui.fig-middle-set.left > figcaption > div, .ui.fig-middle-set.right > figcaption > div {
          padding: 0; }
      .ui.fig-middle-set .figs {
        width: 100%;
        text-align: center; }
        .ui.fig-middle-set .figs img.pc {
          display: none; }
        .ui.fig-middle-set .figs img.sp {
          display: block; }
      .ui.fig-middle-set > figcaption .ttl {
        font-size: 17px;
        text-align: center; } }
.ui.fig-side-to-side > figure {
  width: 49.228%;
  float: right; }
  .ui.fig-side-to-side > figure:first-child {
    float: left; }
  .ui.fig-side-to-side > figure .fig img {
    width: 100%;
    height: auto; }

.ui.fig-side-to-side figcaption {
  text-align: center; }
  .ui.fig-side-to-side figcaption .ttl {
    font-size: 30px;
    padding: 2.4390244%;
    padding-bottom: 0;
    line-height: 1.2; }
    .ui.fig-side-to-side figcaption .ttl > small {
      font-size: 17px; }
  .ui.fig-side-to-side figcaption .description {
    padding: 2.4390244% 4.8780488%;
    font-size: 15px; }

.ui.fig-side-to-side + .fig-side-to-side {
  padding-top: 4.2881646655%; }

@media only screen and (max-width: 767px) {
  .ui.fig-side-to-side + .fig-side-to-side {
    padding-top: 8.576329331%; }
  .ui.fig-side-to-side > figure {
    float: none !important;
    width: 100%; }
    .ui.fig-side-to-side > figure + figure {
      padding-top: 8.576329331%; }
  .ui.fig-side-to-side figcaption .ttl {
    font-size: 17px;
    padding: 4.2881646655% 4.2881646655% 2.1440823328%; }
    .ui.fig-side-to-side figcaption .ttl > small {
      font-size: 11px; }
  .ui.fig-side-to-side figcaption .description {
    font-size: 13px; } }

.ui.fixed-contents {
  position: fixed;
  top: 0;
  left: -1000%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1000;
  color: white;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .ui.fixed-contents > .fixed-contents-inner {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .ui.fixed-contents > .fixed-contents-inner > .container {
      max-width: 1440px;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 0 7.32%;
      position: relative; }
      .ui.fixed-contents > .fixed-contents-inner > .container > .inner {
        position: relative;
        padding-top: 6.8610634648%;
        padding-bottom: 6.8610634648%; }
        @media only screen and (max-width: 767px) {
          .ui.fixed-contents > .fixed-contents-inner > .container > .inner {
            padding-top: 70px;
            padding-bottom: 70px; } }
      @media only screen and (max-width: 767px) {
        .ui.fixed-contents > .fixed-contents-inner > .container {
          padding: 0 3.66%; } }
  .ui.fixed-contents a.close {
    display: block;
    width: 80px;
    height: 74px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .ui.fixed-contents a.close {
        width: 50px;
        height: 52px;
        background: transparent url(/eng/assets/images/items/btn-close-fixed-contents-sp.gif) no-repeat 0 0;
        background-size: 50px 52px; }
        .ui.fixed-contents a.close img {
          display: none; } }
.ui.link {
  color: #D40000; }

.ui.link-blank {
  padding-right: 18px;
  color: #D40000;
  background: transparent url(/eng/assets/images/items/icon-blank-12x12.png) no-repeat right center; }
  @media only screen and (max-width: 767px) {
    .ui.link-blank {
      padding-right: 14px;
      background: transparent url(/eng/assets/images/items/icon-blank-16x16.png) no-repeat right center;
      background-size: 8px 8px; } }
.ui.text {
  font-size: 14px;
  line-height: 1.8; }
  .ui.text.center {
    text-align: center; }
  .ui.text > * + * {
    padding-top: 2.5728987993%; }
  @media only screen and (max-width: 767px) {
    .ui.text {
      font-size: 13px; } }
.ui.sub-ttl {
  font-size: 22px; }
  @media only screen and (max-width: 767px) {
    .ui.sub-ttl {
      font-weight: 500;
      font-size: 15px; } }
.ui.ttl-bar {
  text-align: center;
  background-color: #222222;
  color: white;
  padding: 6px;
  font-size: 35px; }
  @media only screen and (max-width: 767px) {
    .ui.ttl-bar {
      padding: 3px;
      font-size: 15px; } }
  .ui.ttl-bar.white {
    color: #272727;
    background-color: white; }

.ui.ttl {
  text-align: center;
  font-weight: 500; }
  .ui.ttl small {
    font-size: 57.1428571429%; }
  .ui.ttl.red {
    color: #D40000; }
  .ui.ttl.white {
    color: white; }
  .ui.ttl.left {
    text-align: left; }
  .ui.ttl.underline {
    font-size: 33px;
    padding-bottom: 24px; }
    .ui.ttl.underline > span {
      position: relative;
      padding-bottom: 14px;
      display: inline-block; }
      .ui.ttl.underline > span:after {
        content: ' ';
        display: block;
        width: 30px;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -15px;
        background-color: black; }
    .ui.ttl.underline.red > span:after {
      background-color: #D40000; }
    .ui.ttl.underline.white > span:after {
      background-color: white; }
    .ui.ttl.underline.left {
      padding-bottom: 14px; }
      .ui.ttl.underline.left > span:after {
        width: 20px;
        height: 3px;
        left: 0;
        margin-left: 0; }
        @media only screen and (max-width: 767px) {
          .ui.ttl.underline.left > span:after {
            width: 10px;
            height: 1px; } }
    @media only screen and (max-width: 767px) {
      .ui.ttl.underline {
        font-size: 19px;
        padding-bottom: 14px; }
        .ui.ttl.underline > span {
          padding-bottom: 8px; }
          .ui.ttl.underline > span:after {
            width: 15px;
            margin-left: -7px; } }
.ui.table-min caption, .ui.table caption {
  font-size: 20px;
  color: white;
  background-color: black;
  text-align: center;
  padding: 3px 0; }

.ui.table-min th, .ui.table th {
  font-weight: 500; }
  .ui.table-min th small, .ui.table th small {
    font-size: normal;
    font-size: 25px;
    vertical-align: inherit; }

.ui.table-min th, .ui.table-min td, .ui.table th, .ui.table td {
  padding: 15px 10px;
  border-bottom: 1px solid #DCDCDC; }
  .ui.table-min th a, .ui.table-min td a, .ui.table th a, .ui.table td a {
    color: #D40000; }
  .ui.table-min th a.link-map, .ui.table-min td a.link-map, .ui.table th a.link-map, .ui.table td a.link-map {
    margin-left: 1.4em; }

.ui.table-min tr.even, .ui.table tr.even {
  background-color: #F0F0F0; }

@media only screen and (max-width: 767px) {
  .ui.table-min th, .ui.table-min td, .ui.table th, .ui.table td {
    padding: 8px 3px; } }

.ui.table-min {
  width: 100%; }
  .ui.table-min th, .ui.table-min td {
    vertical-align: middle; }
  .ui.table-min caption {
    padding: 5px 0;
    font-size: 28px; }
  @media only screen and (max-width: 767px) {
    .ui.table-min th, .ui.table-min td {
      font-size: 11px; }
    .ui.table-min caption {
      font-size: 15px; } }
.ui.table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all; }
  .ui.table th, .ui.table td {
    box-sizing: border-box;
    border-bottom: 1px solid #DCDCDC;
    font-size: 13px; }
  .ui.table th {
    background-color: #F0F0F0;
    padding: 15px 10px; }
  .ui.table td {
    padding: 15px 20px; }
    .ui.table td .link-map {
      display: inline-block; }
  .ui.table.simple th {
    width: 25.33%; }
  .ui.table.multiple {
    border-collapse: collapse; }
    .ui.table.multiple tbody tr {
      border-bottom: 1px solid #DCDCDC; }
    .ui.table.multiple tbody th {
      background-color: #F0F0F0;
      vertical-align: middle; }
    .ui.table.multiple tbody td {
      background-color: #F6F6F6;
      vertical-align: middle; }
    .ui.table.multiple tbody th + td,
    .ui.table.multiple tbody td + td,
    .ui.table.multiple tbody .row-gather td {
      position: relative; }
      .ui.table.multiple tbody th + td:before,
      .ui.table.multiple tbody td + td:before,
      .ui.table.multiple tbody .row-gather td:before {
        display: inline-block;
        content: ' ';
        width: 2px;
        height: 100%;
        background-color: white;
        position: absolute;
        top: 0;
        left: -1px; }
      .ui.table.multiple tbody th + td:after,
      .ui.table.multiple tbody td + td:after,
      .ui.table.multiple tbody .row-gather td:after {
        display: block;
        content: ' ';
        width: 100%;
        height: 1px;
        background-color: #DCDCDC;
        position: absolute;
        bottom: -1px;
        left: 0; }
    .ui.table.multiple thead th {
      background-color: black;
      color: white;
      text-align: center;
      padding: 6px;
      font-size: 17px; }
      .ui.table.multiple thead th + th {
        border-left: 2px solid white; }
      @media only screen and (max-width: 767px) {
        .ui.table.multiple thead th {
          font-size: 10px; } }
  @media only screen and (max-width: 767px) {
    .ui.table th, .ui.table td {
      padding: 10px 8px;
      font-size: 11px; }
    .ui.table caption {
      font-size: 12px; } }
@-webkit-keyframes arrow-animation {
  0% {
    -webkit-transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@-moz-keyframes arrow-animation {
  0% {
    -moz-transform: translate3d(0, 0, 0); }
  50% {
    -moz-transform: translate3d(0, 5px, 0); }
  100% {
    -moz-transform: translate3d(0, 0, 0); } }

@keyframes arrow-animation {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

#page-home .contents-main {
  padding-top: 60px;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  @media only screen and (max-width: 767px) {
    #page-home .contents-main {
      padding-top: 50px; } }
  @media only screen and (max-width: 767px) {
    #page-home .contents-main {
      padding-top: 0;
      margin-top: -40px; } }
#page-home .sec-companyinfo {
  margin-top: 0; }

#page-home .sec-companyinfo header h2 a,
#page-home .sec-about header h2 a {
  color: white; }

#page-home .sec-video-arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  #page-home .sec-video-arrow > .arrow-bottom {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 50%;
    margin-left: -25px; }
    #page-home .sec-video-arrow > .arrow-bottom > a {
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer; }
      #page-home .sec-video-arrow > .arrow-bottom > a > img {
        position: relative;
        top: 14px;
        -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        -webkit-animation-duration: 0.75s;
        -moz-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-name: arrow-animation;
        -moz-animation-name: arrow-animation;
        animation-name: arrow-animation;
        -webkit-animation-fill-mode: none;
        -moz-animation-fill-mode: none;
        animation-fill-mode: none; }
  #page-home .sec-video-arrow .play-movie {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 52px;
    margin: -26px 0 0 -35px;
    z-index: 5; }
  @media only screen and (max-width: 767px) {
    #page-home .sec-video-arrow {
      display: none; } }
  #page-home .sec-video-arrow.no-video .play-movie {
    display: block; }

#page-home .sec-video {
  width: 100%;
  position: relative; }
  #page-home .sec-video .sp {
    display: none;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0; }
    #page-home .sec-video .sp:after {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 156.25%; }
    #page-home .sec-video .sp > .inner {
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      #page-home .sec-video .sp > .inner #bg-youtube-sp {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 85%;
        top: 0;
        left: 0; }
        html.ua-android #page-home .sec-video .sp > .inner #bg-youtube-sp {
          display: none; }
      #page-home .sec-video .sp > .inner .play-movie {
        display: block;
        width: 70px;
        height: 52px;
        position: absolute;
        top: 40%;
        left: 50%;
        margin-left: -35px;
        margin-top: -26px; }
      #page-home .sec-video .sp > .inner .arrow-bottom {
        position: absolute;
        left: 50%;
        bottom: 100px;
        margin-left: -25px;
        z-index: 10;
        width: 50px;
        height: 50px; }
        #page-home .sec-video .sp > .inner .arrow-bottom > a {
          display: block;
          width: 100%;
          height: 100%; }
          #page-home .sec-video .sp > .inner .arrow-bottom > a img {
            position: relative;
            top: 17px;
            left: 11px;
            -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
            -moz-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
            animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
            -webkit-animation-duration: 0.75s;
            -moz-animation-duration: 0.75s;
            animation-duration: 0.75s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-delay: 0s;
            -moz-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-name: arrow-animation;
            -moz-animation-name: arrow-animation;
            animation-name: arrow-animation;
            -webkit-animation-fill-mode: none;
            -moz-animation-fill-mode: none;
            animation-fill-mode: none; }
    @media only screen and (max-width: 767px) {
      #page-home .sec-video .sp {
        display: block; } }
  #page-home .sec-video > .inner {
    width: 100%;
    padding-top: 60px; }
    #page-home .sec-video > .inner:after {
      display: block;
      content: " ";
      padding-top: 56.25%; }
  #page-home .sec-video .video-container {
    width: 100%;
    position: fixed;
    top: 60px;
    left: 0; }
    #page-home .sec-video .video-container:after {
      display: block;
      content: " ";
      padding-top: 56.25%; }
    #page-home .sec-video .video-container > .content {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      #page-home .sec-video .video-container > .content:after,
      #page-home .sec-video .video-container > .content .cover {
        display: block;
        content: " ";
        width: 100%;
        height: 100%;
        background: transparent url(/eng/assets/images/items/img-movie-cover.png) repeat center center;
        position: absolute;
        top: 0;
        left: 0; }
      #page-home .sec-video .video-container > .content:before,
      #page-home .sec-video .video-container > .content .cover-grad {
        display: block;
        content: " ";
        width: 100%;
        height: 150px;
        background: transparent url(/eng/assets/images/items/img-movie-cover-grad.png) repeat-x center center;
        position: absolute;
        bottom: 0;
        left: 0; }
  @media only screen and (max-width: 767px) {
    #page-home .sec-video .video-container {
      top: 50px; } }
  #page-home .sec-video.no-video > .inner:after {
    padding-top: 100%; }
  #page-home .sec-video.no-video .video-container {
    top: 50px; }
    #page-home .sec-video.no-video .video-container iframe {
      display: none; }
    #page-home .sec-video.no-video .video-container:after {
      padding-top: 100%; }

.home-intro {
  padding-bottom: 120px; }
  @media only screen and (max-width: 767px) {
    .home-intro {
      padding-bottom: 60px; } }
  .home-intro__h {
    color: #ffffff;
    font-size: 30px;
    line-height: 1.3;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .home-intro__h {
        font-size: 11px; } }
  .home-intro__btns {
    display: flex;
    justify-content: center;
    margin-top: 54px; }
    @media only screen and (max-width: 767px) {
      .home-intro__btns {
        flex-direction: column;
        align-items: center;
        margin-top: 20px; } }
    .home-intro__btns__item {
      width: 276px; }
      @media only screen and (max-width: 767px) {
        .home-intro__btns__item {
          width: 100%;
          max-width: 218px; } }
      .home-intro__btns__item + .home-intro__btns__item {
        margin-left: 40px; }
        @media only screen and (max-width: 767px) {
          .home-intro__btns__item + .home-intro__btns__item {
            margin-left: 0;
            margin-top: 20px; } }
      .home-intro__btns__item .ui.btn-red {
        width: 100%;
        box-sizing: border-box;
        text-align: center; }

body#page-company-activities .company-activities-intro {
  background-color: white;
  padding: 38px 4.2881646655%; }
  body#page-company-activities .company-activities-intro > .body > .description {
    padding-bottom: 45px; }
  body#page-company-activities .company-activities-intro .activities-nav {
    overflow: hidden; }
    body#page-company-activities .company-activities-intro .activities-nav > ul > li {
      width: 25%;
      float: left;
      position: relative; }
      @media only screen and (max-width: 767px) {
        body#page-company-activities .company-activities-intro .activities-nav > ul > li {
          float: none;
          width: 100%; } }
      body#page-company-activities .company-activities-intro .activities-nav > ul > li > a {
        display: block;
        color: black; }
        body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts {
          padding: 20px;
          box-sizing: border-box; }
          body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .ttl {
            display: none; }
          body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .description {
            line-height: 1.4;
            padding: 0 0 20px 0; }
        @media only screen and (max-width: 767px) {
          body#page-company-activities .company-activities-intro .activities-nav > ul > li > a {
            *zoom: 1; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li > a:before, body#page-company-activities .company-activities-intro .activities-nav > ul > li > a:after {
              content: "";
              display: table; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li > a:after {
              clear: both; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .fig {
              float: left; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts {
              width: 61.5384615385%;
              float: right;
              padding: 0 0 0 10px;
              position: relative; }
              body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .ttl {
                display: block;
                text-align: center;
                font-weight: 500;
                font-size: 14px;
                padding-bottom: 0.6em; }
              body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .texts-wrapper {
                position: relative;
                width: 100%; }
                body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .texts-wrapper:after {
                  display: block;
                  content: ' ';
                  padding-top: 152.1875%; }
              body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .texts-container {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%; }
                body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .texts-container > .texts-middle {
                  display: table;
                  width: 100%;
                  height: 100%; }
                body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .texts-container .texts-inner {
                  display: table-cell;
                  vertical-align: middle; }
                  body#page-company-activities .company-activities-intro .activities-nav > ul > li > a .texts .texts-container .texts-inner .description {
                    padding-bottom: 10px;
                    font-size: 12px; } }
      body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig {
        position: relative; }
        body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > .photo {
          display: block;
          position: absolute;
          width: 114.1086142322%;
          height: 100%;
          overflow: hidden; }
          body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > .photo > img {
            width: 100%;
            height: auto; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > .photo > img.sp {
              display: none; }
        body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig:after {
          content: ' ';
          display: block;
          padding-top: 118.3520599251%; }
          @media only screen and (max-width: 767px) {
            body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig:after {
              padding-top: 243.5%; } }
        body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > p {
          width: 102%;
          box-sizing: border-box;
          color: white;
          position: absolute;
          bottom: 0;
          left: -1%;
          background-color: rgba(0, 0, 0, 0.7);
          font-size: 14px;
          height: 4em;
          text-align: center;
          z-index: 2; }
          html.ua-ie-8 body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > p {
            background: transparent url(/eng/assets/images/items/bg-tr-70.png) repeat top left; }
          body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > p > span {
            display: table;
            width: 100%;
            height: 100%; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > p > span > span {
              display: table-cell;
              text-align: center;
              vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig {
            width: 38.4615384615%; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > .photo {
              width: 100%;
              height: 100%;
              overflow: visible; }
              body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > .photo > img.pc {
                display: none; }
              body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > .photo > img.sp {
                display: block; }
            body#page-company-activities .company-activities-intro .activities-nav > ul > li .fig > p {
              display: none; } }
      body#page-company-activities .company-activities-intro .activities-nav > ul > li.b1 {
        z-index: 10; }
      body#page-company-activities .company-activities-intro .activities-nav > ul > li.b2 {
        z-index: 9; }
        @media only screen and (max-width: 767px) {
          body#page-company-activities .company-activities-intro .activities-nav > ul > li.b2 > a .texts .texts-wrapper:after {
            padding-top: 163.5483870968%; }
          body#page-company-activities .company-activities-intro .activities-nav > ul > li.b2 > a > .fig:after {
            padding-top: 253.5%; } }
      body#page-company-activities .company-activities-intro .activities-nav > ul > li.b3 {
        z-index: 8; }
      body#page-company-activities .company-activities-intro .activities-nav > ul > li.b4 {
        z-index: 7; }
        body#page-company-activities .company-activities-intro .activities-nav > ul > li.b4 .fig > .photo {
          width: 100%; }

body#page-company-activities .company-activities-csr {
  padding-top: 4.2881646655%;
  background-color: #272727; }
  @media only screen and (max-width: 767px) {
    body#page-company-activities .company-activities-csr {
      padding-top: 8.576329331%; } }
  body#page-company-activities .company-activities-csr .ui.text > * + * {
    padding-top: 0; }
  body#page-company-activities .company-activities-csr > .ui.ttl {
    font-size: 35px;
    padding-bottom: 40px;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      body#page-company-activities .company-activities-csr > .ui.ttl {
        padding-bottom: 8.576329331%;
        font-size: 23px; } }
  body#page-company-activities .company-activities-csr > .body {
    position: relative; }
    body#page-company-activities .company-activities-csr > .body .ui.ttl {
      font-size: 30px; }
      @media only screen and (max-width: 767px) {
        body#page-company-activities .company-activities-csr > .body .ui.ttl {
          font-size: 16px; } }
    body#page-company-activities .company-activities-csr > .body .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      padding-right: 8.576329331%; }
      body#page-company-activities .company-activities-csr > .body .bg img {
        width: 100%;
        height: auto; }
        body#page-company-activities .company-activities-csr > .body .bg img.sp {
          display: none; }
        @media only screen and (max-width: 767px) {
          body#page-company-activities .company-activities-csr > .body .bg img.sp {
            display: inline-block; }
          body#page-company-activities .company-activities-csr > .body .bg img.pc {
            display: none; } }
      @media only screen and (max-width: 767px) {
        body#page-company-activities .company-activities-csr > .body .bg {
          padding-right: 0;
          position: static; } }
    body#page-company-activities .company-activities-csr > .body > .inner {
      position: relative;
      z-index: 2;
      padding: 10.0343053173% 4.2881646655% 4.2881646655% 4.2881646655%; }
      @media only screen and (max-width: 767px) {
        body#page-company-activities .company-activities-csr > .body > .inner {
          padding-top: 0; } }
    body#page-company-activities .company-activities-csr > .body section.cultural {
      color: white;
      position: relative;
      z-index: 2; }
      body#page-company-activities .company-activities-csr > .body section.cultural > .inner {
        box-sizing: border-box;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 2% 3.4818942% 3.4818942% 3.4818942%;
        width: 67.26%;
        float: right; }
        body#page-company-activities .company-activities-csr > .body section.cultural > .inner .description {
          padding-bottom: 12px; }
        html.ua-ie-8 body#page-company-activities .company-activities-csr > .body section.cultural > .inner {
          background: transparent url(/eng/assets/images/items/bg-tr-80.png) repeat top left; }
      @media only screen and (max-width: 767px) {
        body#page-company-activities .company-activities-csr > .body section.cultural {
          position: static; }
          body#page-company-activities .company-activities-csr > .body section.cultural > .inner {
            width: 100%;
            background: none; }
            body#page-company-activities .company-activities-csr > .body section.cultural > .inner .ui.ttl {
              text-align: center; }
              body#page-company-activities .company-activities-csr > .body section.cultural > .inner .ui.ttl span:after {
                left: 50%;
                margin-left: -5px; }
            body#page-company-activities .company-activities-csr > .body section.cultural > .inner .ui.btn-red {
              width: 70%;
              margin: 0 auto;
              display: block;
              text-align: center; } }
    body#page-company-activities .company-activities-csr > .body section.environmental {
      color: white;
      padding-top: 4.2881646655%; }
      body#page-company-activities .company-activities-csr > .body section.environmental > .inner {
        padding: 2.1440823328% 2.1440823328% 4.2881646655% 2.1440823328%;
        background-color: rgba(0, 0, 0, 0.8); }
        @media only screen and (max-width: 767px) {
          body#page-company-activities .company-activities-csr > .body section.environmental > .inner {
            background: none; }
            body#page-company-activities .company-activities-csr > .body section.environmental > .inner .ui.ttl {
              text-align: center; }
              body#page-company-activities .company-activities-csr > .body section.environmental > .inner .ui.ttl span:after {
                left: 50%;
                margin-left: -5px; } }
        html.ua-ie-8 body#page-company-activities .company-activities-csr > .body section.environmental > .inner {
          background: transparent url(/eng/assets/images/items/bg-tr-80.png) repeat top left; }
      body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure > .fig, body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > figure > .fig {
        padding-top: 0.8em; }
      body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > .description {
        float: left;
        width: 63%; }
      body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure {
        float: right;
        width: 34%; }
        body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure > .fig > img {
          width: 100%;
          height: auto; }
          body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure > .fig > img.sp {
            display: none; }
          @media only screen and (max-width: 767px) {
            body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure > .fig > img.pc {
              display: none; }
            body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure > .fig > img.sp {
              display: inline-block; } }
        body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure > figcaption {
          padding: 7px 0 0 0;
          font-size: 11px; }
      @media only screen and (max-width: 767px) {
        body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > .description {
          float: none;
          width: 100%; }
        body#page-company-activities .company-activities-csr > .body section.environmental .product-oriented > figure {
          float: none;
          width: 100%; } }
      body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories {
        padding: 5.1457975986% 0 0 0; }
        body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > .description {
          float: right;
          width: 62%; }
        body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > figure {
          float: left;
          width: 35%; }
          body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > figure > .fig > img {
            width: 100%;
            height: auto; }
            body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > figure > .fig > img.sp {
              display: none; }
            @media only screen and (max-width: 767px) {
              body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > figure > .fig > img.pc {
                display: none; }
              body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > figure > .fig > img.sp {
                display: inline-block; } }
        @media only screen and (max-width: 767px) {
          body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > .description {
            float: none;
            width: 100%; }
          body#page-company-activities .company-activities-csr > .body section.environmental .initiatives-in-factories > figure {
            float: none;
            width: 100%;
            padding-bottom: 3.859348199%; } }
#page-company-history .lower-body {
  margin-top: 0; }
  #page-company-history .lower-body > .container > .inner:after {
    background: transparent url(/eng/assets/images/items/icon-circle-10x10.png) no-repeat top left;
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4px; }
  @media only screen and (max-width: 767px) {
    #page-company-history .lower-body > .container > .inner:after {
      width: 10px;
      height: 10px;
      left: 0;
      background-size: 5px 5px;
      margin-left: -2px; } }
#page-company-history .timeline-container {
  position: relative;
  padding-bottom: 8.576329331%; }
  #page-company-history .timeline-container:before {
    display: block;
    content: ' ';
    width: 1px;
    left: 50%;
    top: 0;
    position: absolute;
    height: 100%;
    background-color: #808080; }
  #page-company-history .timeline-container:after {
    content: ' ';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 8.576329331%;
    background-color: rgba(0, 0, 0, 0.85);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top,rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0));
    background-color: transparent; }
  @media only screen and (max-width: 767px) {
    #page-company-history .timeline-container {
      padding-bottom: 17.1526586621%; }
      #page-company-history .timeline-container:before, #page-company-history .timeline-container:after {
        left: 0; }
      #page-company-history .timeline-container:after {
        padding-bottom: 17.1526586621%; } }
#page-company-history .timeline {
  position: relative; }

#page-company-history .timeline-block {
  padding: 40px 0 0 0;
  width: 46%;
  color: white; }
  #page-company-history .timeline-block > .inner:before {
    display: block;
    content: ' ';
    width: 7px;
    height: 13px;
    position: absolute;
    margin-top: 22px; }
  #page-company-history .timeline-block h2 {
    font-size: 37px;
    padding: 0 0 12px 0;
    position: relative; }
  #page-company-history .timeline-block .description {
    line-height: 1.7;
    font-size: 15px; }
    #page-company-history .timeline-block .description > * {
      clear: both; }
    #page-company-history .timeline-block .description > * + * {
      padding-top: 22px; }
    #page-company-history .timeline-block .description figure .fig img {
      max-width: 100%;
      height: auto; }
    #page-company-history .timeline-block .description figure figcaption {
      font-size: 12px;
      text-align: left;
      padding-top: 6px; }
      #page-company-history .timeline-block .description figure figcaption.large {
        font-size: 20px; }
      #page-company-history .timeline-block .description figure figcaption.center {
        text-align: center; }
    #page-company-history .timeline-block .description .figs > figure {
      width: 47.1698113208%; }
      #page-company-history .timeline-block .description .figs > figure + figure {
        margin-left: 5.2830188679%; }
  #page-company-history .timeline-block.left {
    float: left;
    clear: left; }
    #page-company-history .timeline-block.left > .inner:before {
      left: 50%;
      margin-left: -6px;
      background: transparent url(/eng/assets/images/pages/company/history/icon-arrow-left.png) no-repeat top left; }
    #page-company-history .timeline-block.left h2, #page-company-history .timeline-block.left .description {
      text-align: right; }
    #page-company-history .timeline-block.left.left-first {
      padding-top: 150px; }
  #page-company-history .timeline-block.right {
    float: right;
    clear: right; }
    #page-company-history .timeline-block.right > .inner:before {
      left: 50%;
      margin-left: 0;
      background: transparent url(/eng/assets/images/pages/company/history/icon-arrow-right.png) no-repeat top left; }
  @media only screen and (max-width: 767px) {
    #page-company-history .timeline-block {
      width: 93%;
      margin-left: 7%;
      padding: 20px 0 0 0; }
      #page-company-history .timeline-block h2 {
        font-size: 27px; }
      #page-company-history .timeline-block .description {
        font-size: 12px; }
      #page-company-history .timeline-block.left, #page-company-history .timeline-block.right {
        float: none; }
        #page-company-history .timeline-block.left.left-first, #page-company-history .timeline-block.right.left-first {
          padding: 20px 0 0 0; }
        #page-company-history .timeline-block.left h2, #page-company-history .timeline-block.left .description, #page-company-history .timeline-block.right h2, #page-company-history .timeline-block.right .description {
          text-align: left; }
        #page-company-history .timeline-block.left figure, #page-company-history .timeline-block.right figure {
          float: none;
          padding-top: 10px; }
          #page-company-history .timeline-block.left figure .fig, #page-company-history .timeline-block.right figure .fig {
            text-align: center; }
        #page-company-history .timeline-block.left > .inner:before, #page-company-history .timeline-block.right > .inner:before {
          left: 0;
          margin-top: 14px;
          margin-left: 0;
          background: transparent url(/eng/assets/images/pages/company/history/icon-arrow-left-sp.png) no-repeat top left;
          background-size: 7px 14px; } }
@media only screen and (max-width: 767px) {
  #page-company-history .img-1951 {
    width: 160px;
    height: 120px; }
  #page-company-history .img-1972 {
    width: 160px;
    height: 90px; }
  #page-company-history .img-1987 {
    width: 167px;
    height: 129px; }
  #page-company-history .img-1996 {
    width: 185px;
    height: 100px; }
  #page-company-history .img-2007 {
    width: 165px;
    height: 115px; }
  #page-company-history .img-2012 {
    width: 185px;
    height: 110px; }
  #page-company-history .img-2015 {
    width: 195px;
    height: 115px; } }

#page-company-history .timeline-block-1933 .btn-fixed-contents-show {
  cursor: pointer; }

#page-company-history .timeline-block-1933 figure .fig-container {
  display: table; }
  #page-company-history .timeline-block-1933 figure .fig-container .fig, #page-company-history .timeline-block-1933 figure .fig-container figcaption {
    display: table-cell;
    vertical-align: middle; }
  #page-company-history .timeline-block-1933 figure .fig-container .fig img.sp {
    display: none; }
  #page-company-history .timeline-block-1933 figure .fig-container figcaption {
    padding-left: 20px; }
    #page-company-history .timeline-block-1933 figure .fig-container figcaption h3 {
      font-size: 24px;
      text-align: center;
      line-height: 1.3; }
    #page-company-history .timeline-block-1933 figure .fig-container figcaption .sub {
      font-size: 13px;
      padding-bottom: 6px;
      text-align: center; }

@media only screen and (max-width: 767px) {
  #page-company-history .timeline-block-1933 figure .fig-container {
    display: block; }
    #page-company-history .timeline-block-1933 figure .fig-container .fig, #page-company-history .timeline-block-1933 figure .fig-container figcaption {
      display: block; }
    #page-company-history .timeline-block-1933 figure .fig-container figcaption {
      padding-left: 0; }
      #page-company-history .timeline-block-1933 figure .fig-container figcaption h3 {
        font-size: 14px; }
      #page-company-history .timeline-block-1933 figure .fig-container figcaption .sub {
        font-size: 11px;
        text-align: center; }
      #page-company-history .timeline-block-1933 figure .fig-container figcaption .ui.btn-red {
        width: 120px;
        margin: 0 auto; }
    #page-company-history .timeline-block-1933 figure .fig-container .fig img.pc {
      display: none; }
    #page-company-history .timeline-block-1933 figure .fig-container .fig img.sp {
      display: inline-block;
      width: 145px;
      height: auto; } }

#page-company-history .timeline-block-1969 {
  padding-top: 90px; }
  #page-company-history .timeline-block-1969 .texts .description > * {
    clear: none; }
  #page-company-history .timeline-block-1969 .img-1969 {
    float: right;
    margin-left: 6.4322469983%; }
    #page-company-history .timeline-block-1969 .img-1969.sp {
      display: none; }
  @media only screen and (max-width: 767px) {
    #page-company-history .timeline-block-1969 {
      padding-top: 20px; }
      #page-company-history .timeline-block-1969 .img-1969 {
        float: none;
        width: 52px;
        height: 141px;
        margin: 10px auto 0;
        display: block; }
        #page-company-history .timeline-block-1969 .img-1969.sp {
          display: block; }
        #page-company-history .timeline-block-1969 .img-1969.pc {
          display: none; } }
#page-company-history .timeline-block-1992 {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    #page-company-history .timeline-block-1992 {
      padding-top: 20px; } }
#page-company-history .timeline-block-2003 {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    #page-company-history .timeline-block-2003 {
      padding-top: 20px; } }
#page-company-history .timeline-block-2011 {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    #page-company-history .timeline-block-2011 {
      padding-top: 20px; } }
#history-founded-in-kobe img.sp {
  display: none; }

@media only screen and (max-width: 767px) {
  #history-founded-in-kobe img.pc {
    display: none; }
  #history-founded-in-kobe img.sp {
    display: inline-block; } }

#history-founded-in-kobe .body-section h2 {
  font-size: 40px;
  font-weight: 300; }
  @media only screen and (max-width: 767px) {
    #history-founded-in-kobe .body-section h2 {
      font-size: 23px; } }
#history-founded-in-kobe .body-section + .body-section {
  padding-top: 4.2881646655%; }
  @media only screen and (max-width: 767px) {
    #history-founded-in-kobe .body-section + .body-section {
      padding-top: 8.576329331%; } }
#history-founded-in-kobe .body-section .text-and-fig + .text-and-fig {
  padding-top: 3.859348199%; }
  @media only screen and (max-width: 767px) {
    #history-founded-in-kobe .body-section .text-and-fig + .text-and-fig {
      padding-top: 8.576329331%; } }
@media only screen and (max-width: 767px) {
  #history-founded-in-kobe .body-section .text-and-fig > figcaption {
    padding-top: 4.2881646655%; } }

#history-founded-in-kobe .body-section .text-and-fig.right > .fig {
  float: right; }
  #history-founded-in-kobe .body-section .text-and-fig.right > .fig img {
    width: 100%;
    height: auto; }

#history-founded-in-kobe .body-section .text-and-fig.right > figcaption {
  float: left; }

#history-founded-in-kobe .body-section .text-and-fig.left > .fig {
  float: left; }
  #history-founded-in-kobe .body-section .text-and-fig.left > .fig img {
    width: 100%;
    height: auto; }

#history-founded-in-kobe .body-section .text-and-fig.left > figcaption {
  float: right; }

@media only screen and (max-width: 767px) {
  #history-founded-in-kobe .body-section .text-and-fig.right > .fig, #history-founded-in-kobe .body-section .text-and-fig.left > .fig {
    float: none;
    width: 100%; }
  #history-founded-in-kobe .body-section .text-and-fig.right > figcaption, #history-founded-in-kobe .body-section .text-and-fig.left > figcaption {
    float: none;
    width: 100%; } }

#history-founded-in-kobe .history-founded-in-kobe .mv > img {
  width: 100%;
  height: auto; }

#history-founded-in-kobe .history-founded-in-kobe > .body {
  padding-top: 3.0874785592%; }
  @media only screen and (max-width: 767px) {
    #history-founded-in-kobe .history-founded-in-kobe > .body {
      padding-top: 4.2881646655%; } }
#history-founded-in-kobe .history-for-all-coffee-lovers .text-and-fig1 .fig {
  width: 39.3996247655%; }

#history-founded-in-kobe .history-for-all-coffee-lovers .text-and-fig1 figcaption {
  width: 56.2851782364%; }

#history-founded-in-kobe .history-for-all-coffee-lovers .text-and-fig2 .fig {
  width: 45.0281425891%; }

#history-founded-in-kobe .history-for-all-coffee-lovers .text-and-fig2 figcaption {
  width: 50%; }

#history-founded-in-kobe .history-canned-coffee .text-and-fig1 .fig {
  width: 41.2757973734%; }
  @media only screen and (max-width: 767px) {
    #history-founded-in-kobe .history-canned-coffee .text-and-fig1 .fig {
      text-align: center; }
      #history-founded-in-kobe .history-canned-coffee .text-and-fig1 .fig img {
        width: 80% !important; } }
#history-founded-in-kobe .history-canned-coffee .text-and-fig1 figcaption {
  width: 56.2851782364%; }

#history-founded-in-kobe .history-estate-in-jamaica .text-and-fig1 .fig {
  width: 28.1425891182%; }

#history-founded-in-kobe .history-estate-in-jamaica .text-and-fig1 figcaption {
  width: 67.5422138837%; }

#history-founded-in-kobe .history-estate-in-jamaica .text-and-fig2 .fig {
  width: 28.1425891182%; }

#history-founded-in-kobe .history-estate-in-jamaica .text-and-fig2 figcaption {
  width: 67.5422138837%; }

#history-founded-in-kobe .history-estate-in-jamaica .father > div {
  border: 1px solid #535353;
  padding: 10px 15px; }
  #history-founded-in-kobe .history-estate-in-jamaica .father > div h3 {
    font-weight: 500; }

@media only screen and (max-width: 767px) {
  body#page-company-home .ui.fig-gradient-boxes li.top .ui.fig-gradient-box > .content .fig img {
    position: relative;
    left: -10%; }
  body#page-company-home .ui.fig-gradient-boxes li.activities .ui.fig-gradient-box > .content .fig img {
    position: relative;
    left: 5%; } }

body#page-company-home .ui.fig-gradient-box.left > .content .fig:after {
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, black 70%, black 100%);
  background-image: linear-gradient(to left,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, black 70%, black 100%); }

html.ua-ie-8 body#page-company-home .ui.fig-gradient-box.left > .content .cover {
  display: block;
  width: 102%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1%;
  background: transparent url(/eng/assets/images/items/img-cover-grad-left2.png) repeat-y left top; }

body#page-company-home .ui.fig-gradient-box.right > .content .fig:after {
  background-color: black;
  background-image: -webkit-linear-gradient(right, black 0%, black 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to left,black 0%, black 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
  background-color: transparent; }

html.ua-ie-8 body#page-company-home .ui.fig-gradient-box.right > .content .cover {
  display: block;
  width: 102%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1%;
  background: transparent url(/eng/assets/images/items/img-cover-grad-right2.png) repeat-y right top; }

body#page-company-message .cp-message {
  padding: 80px 100px;
  background-color: #ffffff; }
  @media only screen and (max-width: 767px) {
    body#page-company-message .cp-message {
      padding: 50px 11px 40px; } }
  body#page-company-message .cp-message__logo {
    width: 41.6666666667%;
    margin-right: auto;
    margin-left: auto; }
    body#page-company-message .cp-message__logo img {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 767px) {
      body#page-company-message .cp-message__logo {
        width: 57.2519083969%; } }
  body#page-company-message .cp-message__body {
    margin-top: 60px;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.01em; }
    body#page-company-message .cp-message__body p + p {
      margin-top: 1.1em; }
    @media only screen and (max-width: 767px) {
      body#page-company-message .cp-message__body {
        margin-top: 27px;
        font-size: 11px;
        line-height: 1.7; } }
  body#page-company-message .cp-message__btn {
    margin-top: 80px;
    text-align: center; }
    body#page-company-message .cp-message__btn .ui.btn-red {
      padding-right: 32px;
      padding-left: 32px; }
    @media only screen and (max-width: 767px) {
      body#page-company-message .cp-message__btn {
        margin-top: 33px; }
        body#page-company-message .cp-message__btn .ui.btn-red {
          padding-right: 32px;
          padding-left: 32px;
          font-size: 18px; } }
body#page-company-network #network-japan > h2 {
  color: #d2040e; }

body#page-company-network #network-europe > h2 {
  color: #00a0e9; }

body#page-company-network #network-asia > h2 {
  color: #f39800; }

body#page-company-network #network-americas > h2 {
  color: #90c31f; }

body#page-company-network .network-container > .foreword {
  font-size: 13px;
  padding: 0 4.2881646655%;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    body#page-company-network .network-container > .foreword {
      font-size: 12px; } }
body#page-company-network .network-container .sec-map {
  padding: 2.1440823328% 4.2881646655%;
  position: relative;
  box-sizing: border-box; }
  body#page-company-network .network-container .sec-map > .inner {
    position: relative; }
  body#page-company-network .network-container .sec-map .img > img {
    max-width: 100%;
    height: auto; }
  body#page-company-network .network-container .sec-map nav {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 1068px; }
    body#page-company-network .network-container .sec-map nav a {
      display: block;
      color: white;
      position: absolute;
      padding: 4px 18px;
      left: 50%;
      top: 50%;
      box-sizing: border-box;
      text-align: center;
      font-size: 20px; }
      body#page-company-network .network-container .sec-map nav a > span {
        padding-left: 14px;
        background: transparent url(/eng/assets/images/items/icon-arrow-basic-white-right-6x12.png) no-repeat left center; }
      body#page-company-network .network-container .sec-map nav a.japan {
        background-color: #E90000;
        margin-left: -9%;
        margin-top: -1%; }
      body#page-company-network .network-container .sec-map nav a.europe {
        background-color: #19A6E4;
        margin-left: -45.5%;
        margin-top: -2%; }
      body#page-company-network .network-container .sec-map nav a.asia {
        background-color: #F59900;
        margin-left: -21%;
        margin-top: -13%; }
      body#page-company-network .network-container .sec-map nav a.americas {
        background-color: #8FC500;
        margin-left: 25.5%;
        margin-top: 1%; }
  @media only screen and (max-width: 767px) {
    body#page-company-network .network-container .sec-map {
      padding-top: 8.576329331%; }
      body#page-company-network .network-container .sec-map .img {
        padding-top: 4.2881646655%; }
      body#page-company-network .network-container .sec-map nav {
        position: static;
        *zoom: 1; }
        body#page-company-network .network-container .sec-map nav:before, body#page-company-network .network-container .sec-map nav:after {
          content: "";
          display: table; }
        body#page-company-network .network-container .sec-map nav:after {
          clear: both; }
        body#page-company-network .network-container .sec-map nav a {
          padding: 10px 2px;
          position: static;
          width: 25%;
          float: left;
          margin: 0 !important;
          font-size: 10px; }
          body#page-company-network .network-container .sec-map nav a > span {
            padding-left: 8px;
            background: transparent url(/eng/assets/images/items/icon-arrow-basic-white-right-8x12.png) no-repeat left center;
            background-size: 4px 6px; } }
body#page-company-network .explanation-texts > h3 {
  font-size: 20px;
  color: white;
  background-color: black;
  text-align: center;
  padding: 3px 0; }

body#page-company-network .explanation-texts .texts {
  padding: 2.1440823328% 0.8576329331%;
  font-size: 13px; }
  body#page-company-network .explanation-texts .texts strong {
    color: #D40000; }

@media only screen and (max-width: 767px) {
  body#page-company-network .explanation-texts > h3 {
    font-size: 14px; }
  body#page-company-network .explanation-texts .texts {
    padding: 2.1440823328% 0.8576329331% 4.2881646655%;
    font-size: 12px; } }

body#page-company-network .network-list + .network-list {
  padding-top: 6.0034305317%; }

body#page-company-network .network-list > h2 {
  font-size: 39px;
  text-align: center;
  padding: 0 4.2881646655% 2.1440823328% 4.2881646655%; }
  @media only screen and (max-width: 767px) {
    body#page-company-network .network-list > h2 {
      font-size: 20px; } }
body#page-company-network .network-list > .body {
  padding: 0 4.2881646655%; }
  body#page-company-network .network-list > .body table td.has-icons > p {
    float: left; }
  body#page-company-network .network-list > .body table td.has-icons .txt {
    width: 68%;
    box-sizing: border-box;
    padding-right: 2%; }
  body#page-company-network .network-list > .body table td.has-icons .icons img {
    vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    body#page-company-network .network-list > .body table td.has-icons > p {
      float: none; }
    body#page-company-network .network-list > .body table td.has-icons .txt {
      width: 100%;
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    body#page-company-network .network-list > .body table tr.gunma-factory .icons img {
      width: 6px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.kita-kanto .icons img {
      width: 71px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.fuji-factory .icons img {
      width: 61px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.fuji-factory .icons img {
      width: 71px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.nagoya-factory .icons img {
      width: 71px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.shiga-factory .icons img {
      width: 28px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.osaka-factory .icons img {
      width: 61px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.rokko-island-factory .icons img {
      width: 82px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.hyogo-factory .icons img {
      width: 61px;
      height: auto; }
    body#page-company-network .network-list > .body table tr.hyogo-beverage-factory .icons img {
      width: 61px;
      height: auto; } }
  body#page-company-network .network-list > .body .supplementation {
    margin-top: 30px;
    border: 1px solid #DCDCDC;
    padding: 6px 15px 20px; }
    @media only screen and (max-width: 767px) {
      body#page-company-network .network-list > .body .supplementation {
        padding: 0 7px 10px;
        margin-top: 15px; } }
    body#page-company-network .network-list > .body .supplementation ul {
      width: 101.9417475728%;
      margin-left: -1.9417475728%; }
      body#page-company-network .network-list > .body .supplementation ul li {
        float: left;
        margin-left: 1.9417475728%;
        margin-top: 10px; }
        body#page-company-network .network-list > .body .supplementation ul li img {
          vertical-align: middle; }
        body#page-company-network .network-list > .body .supplementation ul li > span {
          margin-left: 4px; }
      @media only screen and (max-width: 767px) {
        body#page-company-network .network-list > .body .supplementation ul {
          font-size: 8px;
          margin-left: 0;
          width: 100%; }
          body#page-company-network .network-list > .body .supplementation ul li {
            width: 50%;
            margin-left: 0; }
            body#page-company-network .network-list > .body .supplementation ul li img {
              width: 6px;
              height: 6px; } }
  body#page-company-network .network-list > .body .notes {
    font-size: 10px;
    padding: 6px 10px; }
    body#page-company-network .network-list > .body .notes .as {
      font-size: 16px;
      vertical-align: top; }
    body#page-company-network .network-list > .body .notes > small + small {
      margin-left: 1em; }
  body#page-company-network .network-list > .body .countries ul li {
    float: left;
    width: 16%; }
    body#page-company-network .network-list > .body .countries ul li + li {
      margin-left: 1.69%; }
    body#page-company-network .network-list > .body .countries ul li.double {
      width: 22.4%; }
      body#page-company-network .network-list > .body .countries ul li.double .figs > figure {
        width: 50%; }
  @media only screen and (max-width: 767px) {
    body#page-company-network .network-list > .body .countries ul li {
      width: 48.0769230769%; }
      body#page-company-network .network-list > .body .countries ul li + li {
        margin-left: 0; }
      body#page-company-network .network-list > .body .countries ul li.double {
        width: 48.0769230769%; }
    body#page-company-network .network-list > .body .countries ul li:nth-child(even) {
      float: right; } }
  body#page-company-network .network-list > .body .countries .name {
    font-size: 13px;
    padding: 40px 0 0 0;
    position: relative; }
    body#page-company-network .network-list > .body .countries .name > span {
      display: block;
      padding-left: 30px;
      position: absolute;
      bottom: 0;
      left: 0; }
    @media only screen and (max-width: 767px) {
      body#page-company-network .network-list > .body .countries .name {
        font-size: 9px; } }
    body#page-company-network .network-list > .body .countries .name.ua > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-ua.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.spain > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-spain.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.nl > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-nl.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.sw > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-sw.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.france > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-france.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.china > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-china.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.vietnam > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-vietnam.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.usa > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-usa.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.jamaica > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-jamaica.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.brazil > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-brazil.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.hongkong > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-hongkong.png) no-repeat left center; }
    body#page-company-network .network-list > .body .countries .name.taiwan > span {
      background: transparent url(/eng/assets/images/pages/company/network/icon-lang-taiwan.png) no-repeat left center; }
  body#page-company-network .network-list > .body .countries .figs {
    padding: 5px 0 0 0;
    width: 100%; }
    body#page-company-network .network-list > .body .countries .figs figure {
      float: left; }
  body#page-company-network .network-list > .body .countries figure {
    width: 100%; }
    body#page-company-network .network-list > .body .countries figure .fig {
      width: 100%; }
      body#page-company-network .network-list > .body .countries figure .fig img {
        width: 100%;
        height: auto; }
  body#page-company-network .network-list > .body .countries figcaption {
    padding: 3px 0 0 0;
    font-size: 11px; }
    @media only screen and (max-width: 767px) {
      body#page-company-network .network-list > .body .countries figcaption {
        font-size: 8px; } }
.ucc-m-company-outline-localnav {
  display: flex;
  justify-content: space-between;
  margin: 0 4.2881646655%; }
  @media only screen and (max-width: 767px) {
    .ucc-m-company-outline-localnav {
      margin: 0 4.2881646655% 45px 4.2881646655%; } }
  .ucc-m-company-outline-localnav__item, .ucc-m-company-outline-localnav__item--current {
    width: 32%; }
    .ucc-m-company-outline-localnav__item a, .ucc-m-company-outline-localnav__item--current a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      position: relative;
      padding: 15px 8px;
      border: 1px #dcdcdc solid;
      font-size: 16px;
      text-align: center;
      text-decoration: none;
      color: #333333;
      box-sizing: border-box; }
      .ucc-m-company-outline-localnav__item a > span, .ucc-m-company-outline-localnav__item--current a > span {
        position: relative; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-localnav__item a, .ucc-m-company-outline-localnav__item--current a {
          padding: 10px 5px;
          font-size: 11px; } }
      html.ua-desktop .ucc-m-company-outline-localnav__item a:before, html.ua-desktop .ucc-m-company-outline-localnav__item--current a:before {
        display: block;
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #e60012;
        content: '';
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: width;
        -moz-transition-property: width;
        transition-property: width;
        -webkit-transition-duration: 0.25s;
        -moz-transition-duration: 0.25s;
        transition-duration: 0.25s;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      html.ua-desktop .ucc-m-company-outline-localnav__item a:hover, html.ua-desktop .ucc-m-company-outline-localnav__item--current a:hover {
        color: #ffffff !important;
        border-color: #e60012; }
        html.ua-desktop .ucc-m-company-outline-localnav__item a:hover:before, html.ua-desktop .ucc-m-company-outline-localnav__item--current a:hover:before {
          width: 100%; }
    .ucc-m-company-outline-localnav__item span, .ucc-m-company-outline-localnav__item--current span {
      display: inline-block;
      flex: 1; }
    .ucc-m-company-outline-localnav__item--current a {
      position: relative;
      background: #e60012;
      color: #ffffff;
      border-color: transparent; }
      .ucc-m-company-outline-localnav__item--current a::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 100%;
        display: block;
        width: 0;
        height: 0;
        border-top: 15px #e60012 solid;
        border-right: 15px transparent solid;
        border-bottom: 15px transparent solid;
        border-left: 15px transparent solid;
        transform: translateX(-50%); }
        @media only screen and (max-width: 767px) {
          .ucc-m-company-outline-localnav__item--current a::after {
            border-width: 10px; } }
.ucc-m-company-outline-content {
  display: flex;
  justify-content: space-between;
  margin: 70px 4.2881646655% 0; }
  @media only screen and (max-width: 767px) {
    .ucc-m-company-outline-content {
      display: block;
      margin-top: 0; } }
  .ucc-m-company-outline-content--full {
    display: block;
    margin: 70px 4.2881646655% 0; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-content--full {
        margin-top: 0; } }
    .ucc-m-company-outline-content--full .ucc-m-company-outline-content__sec {
      width: auto; }
  .ucc-m-company-outline-content__sec {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-content__sec {
        width: auto; }
        .ucc-m-company-outline-content__sec + .ucc-m-company-outline-content__sec {
          margin-top: 40px; } }
  .ucc-m-company-outline-content__h {
    position: relative;
    margin: 0 0 30px 0;
    font-size: 30px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-content__h {
        font-size: 20px; } }
    .ucc-m-company-outline-content__h__ruby {
      position: absolute;
      bottom: -20px;
      left: 50%;
      font-size: 12px;
      white-space: nowrap;
      transform: translateX(-50%); }
  .ucc-m-company-outline-content__tbl, .ucc-m-company-outline-content__tbl--half {
    width: 100%;
    border-top: 1px #d2d2d2 solid;
    table-layout: fixed; }
    .ucc-m-company-outline-content__tbl th, .ucc-m-company-outline-content__tbl--half th,
    .ucc-m-company-outline-content__tbl td,
    .ucc-m-company-outline-content__tbl--half td {
      padding: 20px 0 20px 20px;
      border-bottom: 1px #c9c9c9 dotted;
      font-size: 15px; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-content__tbl th, .ucc-m-company-outline-content__tbl--half th,
        .ucc-m-company-outline-content__tbl td,
        .ucc-m-company-outline-content__tbl--half td {
          padding: 15px 10px;
          font-size: 11px; } }
    .ucc-m-company-outline-content__tbl th, .ucc-m-company-outline-content__tbl--half th {
      width: 30%;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 12px;
      font-weight: bold;
      background: #f7f7f7;
      text-align: left; }
    .ucc-m-company-outline-content__tbl td, .ucc-m-company-outline-content__tbl--half td {
      width: 70%; }
    .ucc-m-company-outline-content__tbl__txt-s {
      font-size: 90%; }
    .ucc-m-company-outline-content__tbl__sm {
      font-size: 12px; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-content__tbl__sm {
          font-size: 10px; } }
    .ucc-m-company-outline-content__tbl__list {
      display: flex;
      flex-wrap: wrap; }
    .ucc-m-company-outline-content__tbl__item {
      width: 50%; }
    .ucc-m-company-outline-content__tbl--half th {
      width: 15%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-content__tbl--half th:nth-of-type(2) {
          border: none; } }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-content__tbl--half th {
          width: 30%; } }
    .ucc-m-company-outline-content__tbl--half td {
      width: 35%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-content__tbl--half td {
          width: 20%; } }
  .ucc-m-company-outline-content__btn {
    margin: 40px 0 0;
    text-align: center; }
    .ucc-m-company-outline-content__btn .ucc-a-round-btn {
      width: 100%;
      max-width: 420px; }
      .ucc-m-company-outline-content__btn .ucc-a-round-btn > span {
        width: auto;
        padding-left: 0;
        padding-right: 50px; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-content__btn {
        margin: 35px 0 45px; } }
  .ucc-m-company-outline-content__sent strong {
    font-weight: bold; }
  .ucc-m-company-outline-content__sent > p + p {
    margin-top: 1em; }
  .ucc-m-company-outline-content__maps {
    display: table;
    width: 100%; }
    .ucc-m-company-outline-content__maps > span {
      display: table-cell; }
    .ucc-m-company-outline-content__maps__map-link {
      text-align: right;
      white-space: nowrap; }
      .ucc-m-company-outline-content__maps__map-link a {
        color: #e60012; }
        .ucc-m-company-outline-content__maps__map-link a::after {
          display: inline-block;
          width: 12px;
          height: 12px;
          background: transparent url(/eng/assets/images/items/icon-blank-12x12.png) no-repeat;
          margin: 0 0 0 10px;
          content: ''; }
          @media only screen and (max-width: 767px) {
            .ucc-m-company-outline-content__maps__map-link a::after {
              background: transparent url(/eng/assets/images/items/icon-blank-16x16.png) no-repeat;
              background-size: 8px 8px;
              margin: 0 0 0 5px;
              position: relative;
              top: 4px; } }
.ucc-m-company-outline-office {
  margin: 90px 4.2881646655% 0; }
  @media only screen and (max-width: 767px) {
    .ucc-m-company-outline-office {
      margin: 55px 4.2881646655% 0 4.2881646655%; } }
  .ucc-m-company-outline-office .ucc-a-small-h {
    font-weight: 300;
    font-size: 20px;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    line-height: 1.25;
    border-bottom: 1px solid #d2d2d2; }
    .ucc-m-company-outline-office .ucc-a-small-h__inner {
      display: inline-block;
      position: relative; }
      .ucc-m-company-outline-office .ucc-a-small-h__inner:after {
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: -16px;
        left: 0;
        background-color: #e60012;
        content: ''; }
  .ucc-m-company-outline-office__h {
    position: relative;
    margin: 0 0 50px 0;
    font-size: 30px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office__h {
        margin: 0 0 25px 0;
        font-size: 20px; } }
  .ucc-m-company-outline-office__sec {
    margin: 0 0 70px 0; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office__sec {
        margin: 0 0 50px 0; } }
    .ucc-m-company-outline-office__sec:last-of-type {
      margin-bottom: 0; }
      .ucc-m-company-outline-office__sec:last-of-type .ucc-m-company-outline-office__list, .ucc-m-company-outline-office__sec:last-of-type .ucc-m-company-outline-office__list--half {
        margin-bottom: 0; }
    .ucc-m-company-outline-office__sec__h {
      margin-bottom: 20px; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-office__sec__h {
          margin-bottom: 5px; } }
  .ucc-m-company-outline-office__list--half {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office__list--half {
        display: block; } }
    .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__item {
      width: 48.5%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__item {
          width: auto; } }
    .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__name {
      width: 20%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__name {
          width: auto;
          margin: 0 0 5px 0;
          font-size: 11px; } }
    .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__address {
      width: 80%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__address {
          width: auto;
          font-size: 11px; } }
  .ucc-m-company-outline-office__list-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office__list-set {
        display: block; } }
    .ucc-m-company-outline-office__list-set__block {
      width: 48.3333333333%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-office__list-set__block {
          width: 100%; } }
    .ucc-m-company-outline-office__list-set .ucc-m-company-outline-office__address {
      width: 80%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-office__list-set .ucc-m-company-outline-office__address {
          width: 100%; } }
  .ucc-m-company-outline-office__item {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px #d2d2d2 dotted; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office__item {
        display: block; } }
  .ucc-m-company-outline-office__name {
    width: 20%;
    font-size: 15px; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office__name {
        width: auto;
        margin: 0 0 5px 0;
        font-size: 11px; } }
  .ucc-m-company-outline-office__address {
    width: 40%;
    font-size: 15px;
    position: relative;
    box-sizing: border-box;
    padding-right: 65px; }
    .ucc-m-company-outline-office__address .ucc-m-company-permalink--right {
      position: absolute;
      top: 0;
      right: 0;
      color: #e60012; }
      .ucc-m-company-outline-office__address .ucc-m-company-permalink--right::after {
        display: inline-block;
        width: 12px;
        height: 12px;
        background: transparent url(/eng/assets/images/items/icon-blank-12x12.png) no-repeat;
        margin: 0 0 0 10px;
        content: ''; }
        @media only screen and (max-width: 767px) {
          .ucc-m-company-outline-office__address .ucc-m-company-permalink--right::after {
            background: transparent url(/eng/assets/images/items/icon-blank-16x16.png) no-repeat;
            background-size: 8px 8px;
            margin: 0 0 0 5px;
            position: relative;
            top: 4px; } }
    .ucc-m-company-outline-office__address.is-full {
      width: 80%; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office__address {
        width: auto;
        font-size: 11px; } }
  .ucc-m-company-outline-office .ucc-m-company-outline-color__list--full {
    margin-top: 30px; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-office .ucc-m-company-outline-color__list--full {
        margin-top: 10px; } }
.ucc-m-company-outline-color__list, .ucc-m-company-outline-color__list--full {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 110px; }
  @media only screen and (max-width: 767px) {
    .ucc-m-company-outline-color__list, .ucc-m-company-outline-color__list--full {
      margin: 5px 0 0 0; } }
  .ucc-m-company-outline-color__list--full {
    margin: 0;
    padding: 10px 20px;
    background: #f7f7f7; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-color__list--full {
        padding: 10px 10px; } }
    .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--01, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--02, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--03, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--04, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--05, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--06, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--07, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--08, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--09 {
      margin: 10px 25px 10px 0;
      padding: 0 0 0 22px;
      font-size: 15px;
      text-indent: 0;
      width: auto;
      height: auto; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--01, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--02, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--03, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--04, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--05, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--06, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--07, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--08, .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--09 {
          margin: 2px 10px 2px 0;
          padding: 0 0 0 16px;
          font-size: 10px; } }
.ucc-m-company-outline-color__item, .ucc-m-company-outline-color__item--01, .ucc-m-company-outline-color__item--02, .ucc-m-company-outline-color__item--03, .ucc-m-company-outline-color__item--04, .ucc-m-company-outline-color__item--05, .ucc-m-company-outline-color__item--06, .ucc-m-company-outline-color__item--07, .ucc-m-company-outline-color__item--08, .ucc-m-company-outline-color__item--09 {
  position: relative;
  text-indent: -5000px;
  width: 12px;
  height: 12px;
  margin: 0 5px; }
  @media only screen and (max-width: 767px) {
    .ucc-m-company-outline-color__item, .ucc-m-company-outline-color__item--01, .ucc-m-company-outline-color__item--02, .ucc-m-company-outline-color__item--03, .ucc-m-company-outline-color__item--04, .ucc-m-company-outline-color__item--05, .ucc-m-company-outline-color__item--06, .ucc-m-company-outline-color__item--07, .ucc-m-company-outline-color__item--08, .ucc-m-company-outline-color__item--09 {
      margin: 0 3px;
      width: 6px;
      height: 6px; } }
  .ucc-m-company-outline-color__item::before, .ucc-m-company-outline-color__item--01::before, .ucc-m-company-outline-color__item--02::before, .ucc-m-company-outline-color__item--03::before, .ucc-m-company-outline-color__item--04::before, .ucc-m-company-outline-color__item--05::before, .ucc-m-company-outline-color__item--06::before, .ucc-m-company-outline-color__item--07::before, .ucc-m-company-outline-color__item--08::before, .ucc-m-company-outline-color__item--09::before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 8px;
    background-color: #00aeeb; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-color__item::before, .ucc-m-company-outline-color__item--01::before, .ucc-m-company-outline-color__item--02::before, .ucc-m-company-outline-color__item--03::before, .ucc-m-company-outline-color__item--04::before, .ucc-m-company-outline-color__item--05::before, .ucc-m-company-outline-color__item--06::before, .ucc-m-company-outline-color__item--07::before, .ucc-m-company-outline-color__item--08::before, .ucc-m-company-outline-color__item--09::before {
        width: 6px;
        height: 6px;
        border-radius: 6px; } }
  .ucc-m-company-outline-color__item--02::before {
    background-color: #6fb92c; }
  .ucc-m-company-outline-color__item--03::before {
    background-color: #f6aa00; }
  .ucc-m-company-outline-color__item--04::before {
    background-color: #e85382; }
  .ucc-m-company-outline-color__item--05::before {
    background-color: #7d4697; }
  .ucc-m-company-outline-color__item--06::before {
    background-color: #c36519; }
  .ucc-m-company-outline-color__item--07::before {
    background-color: #00aa83; }
  .ucc-m-company-outline-color__item--08::before {
    background-color: #063bff; }
  .ucc-m-company-outline-color__item--09::before {
    background-color: #e60013; }

.ucc-m-company-outline-link-list, .ucc-m-company-outline-link-list--single {
  margin: 80px 0 0 0; }
  @media only screen and (max-width: 767px) {
    .ucc-m-company-outline-link-list, .ucc-m-company-outline-link-list--single {
      margin: 50px 0 0 0; } }
  .ucc-m-company-outline-link-list--single {
    margin: 50px 0 0 0; }
  .ucc-m-company-outline-link-list__title {
    margin: 0 0 20px;
    border-bottom: 1px #d2d2d2 solid; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__title {
        margin: 0; } }
    .ucc-m-company-outline-link-list__title a, .ucc-m-company-outline-link-list__title span {
      position: relative;
      display: inline-block;
      padding: 0 0 15px 0;
      font-size: 20px;
      text-decoration: none;
      color: #333333; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-link-list__title a, .ucc-m-company-outline-link-list__title span {
          padding: 0 0 5px 0;
          font-size: 15px; } }
      .ucc-m-company-outline-link-list__title a::before, .ucc-m-company-outline-link-list__title span::before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: #e60012; }
    .ucc-m-company-outline-link-list__title a::after {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0 0 0 10px;
      vertical-align: middle;
      background: transparent url(/eng/assets/images/items/img-c-arrow-24x24.png) no-repeat top left;
      background-size: 12px 12px;
      content: ''; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-link-list__title a::after {
          position: relative;
          top: -1px;
          background-size: 10px 10px; } }
  .ucc-m-company-outline-link-list__wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__wrap {
        display: block; } }
    .ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list, .ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list--single {
      width: 48.3333333333%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list, .ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list--single {
          width: auto; } }
  .ucc-m-company-outline-link-list__list--half {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__list--half {
        display: block; } }
    .ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item, .ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item--single {
      width: 48.5%; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item, .ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item--single {
          width: auto; } }
  .ucc-m-company-outline-link-list__item, .ucc-m-company-outline-link-list__item--single {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 0;
    border-bottom: 1px #d2d2d2 dotted; }
    .ucc-m-company-outline-link-list__item a, .ucc-m-company-outline-link-list__item--single a {
      display: block;
      text-decoration: none;
      color: #333333; }
    .ucc-m-company-outline-link-list__item--single {
      border: none; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-link-list__item--single {
          padding: 25px 0; } }
  .ucc-m-company-outline-link-list__link, .ucc-m-company-outline-link-list__pdf, .ucc-m-company-outline-link-list__blank {
    font-size: 15px; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__link, .ucc-m-company-outline-link-list__pdf, .ucc-m-company-outline-link-list__blank {
        font-size: 11px; } }
  .ucc-m-company-outline-link-list__text {
    font-size: 15px; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__text {
        font-size: 11px; } }
  .ucc-m-company-outline-link-list__blank::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: transparent url(/eng/assets/images/items/icon-blank-12x12.png) no-repeat;
    margin: 0 0 0 10px;
    content: ''; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__blank::after {
        background: transparent url(/eng/assets/images/items/icon-blank-16x16.png) no-repeat;
        background-size: 8px 8px;
        margin: 0 0 0 5px;
        position: relative;
        top: 4px; } }
  .ucc-m-company-outline-link-list__pdf {
    font-size: 13px; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__pdf {
        font-size: 10px; } }
    .ucc-m-company-outline-link-list__pdf::after {
      margin: 0 0 0 5px;
      font-size: 20px;
      color: #e60012; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-link-list__pdf::after {
          font-size: 15px; } }
  .ucc-m-company-outline-link-list__foreign {
    margin: 0 0 60px; }
    @media only screen and (max-width: 767px) {
      .ucc-m-company-outline-link-list__foreign {
        margin: 0 0 50px 0; } }
    .ucc-m-company-outline-link-list__foreign:last-child {
      margin-bottom: 0; }
    .ucc-m-company-outline-link-list__foreign__title {
      margin: 20px 0;
      padding: 15px;
      text-align: center;
      font-size: 20px;
      background: #f7f7f7; }
      @media only screen and (max-width: 767px) {
        .ucc-m-company-outline-link-list__foreign__title {
          margin: 0 0;
          font-size: 15px; } }
#page-company-profile .profile-datas {
  margin: 0 4.2881646655%; }
  #page-company-profile .profile-datas .corporate-overview, #page-company-profile .profile-datas .management-team {
    width: 46.9%; }
  #page-company-profile .profile-datas .corporate-overview {
    float: left; }
    #page-company-profile .profile-datas .corporate-overview th {
      width: 40%; }
  #page-company-profile .profile-datas .management-team {
    float: right; }
    #page-company-profile .profile-datas .management-team th {
      width: 35%; }
    #page-company-profile .profile-datas .management-team .names {
      width: 100%; }
      #page-company-profile .profile-datas .management-team .names li {
        float: left;
        width: 12em; }

#page-company-profile .sec-structure {
  margin: 0 4.2881646655%;
  padding-top: 8.576329331%; }
  #page-company-profile .sec-structure > h2 {
    background-color: black;
    color: white;
    text-align: center;
    padding: 3px 0;
    font-size: 28px; }
  #page-company-profile .sec-structure > .body {
    padding: 4.2881646655% 0; }
    #page-company-profile .sec-structure > .body figure {
      text-align: center; }
      #page-company-profile .sec-structure > .body figure img {
        max-width: 100%; }
        #page-company-profile .sec-structure > .body figure img.sp {
          display: none; }

@media only screen and (max-width: 767px) {
  #page-company-profile .profile-datas .corporate-overview, #page-company-profile .profile-datas .management-team {
    float: none;
    width: 100%; }
  #page-company-profile .profile-datas .management-team {
    padding-top: 8.576329331%; }
  #page-company-profile .profile-datas .corporate-overview .logo-mark {
    width: 31px;
    height: 12px; }
  #page-company-profile .sec-structure > h2 {
    font-size: 14px; }
  #page-company-profile .sec-structure > .body figure img.pc {
    display: none; }
  #page-company-profile .sec-structure > .body figure img.sp {
    display: inline-block; } }

body#page-company-purpose .purpose {
  background-color: #ffffff;
  padding: 45px 50px 80px; }
  @media only screen and (max-width: 767px) {
    body#page-company-purpose .purpose {
      padding: 30px 10px 40px; } }
  body#page-company-purpose .purpose__h {
    font-size: 35px;
    font-weight: 300; }
    @media only screen and (max-width: 767px) {
      body#page-company-purpose .purpose__h {
        font-size: 18px; } }
  body#page-company-purpose .purpose__lead {
    margin-top: 30px;
    color: #d2040e;
    font-size: 35px;
    font-style: italic;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.01em; }
    @media only screen and (max-width: 767px) {
      body#page-company-purpose .purpose__lead {
        margin-top: 2px;
        font-size: 11px; } }
  body#page-company-purpose .purpose__list {
    margin-top: 33px;
    background-color: #f7f7f7;
    padding: 40px 50px; }
    @media only screen and (max-width: 767px) {
      body#page-company-purpose .purpose__list {
        margin-top: 16px;
        padding: 20px 8px; } }
    body#page-company-purpose .purpose__list dt {
      font-size: 22px;
      font-weight: 300; }
      body#page-company-purpose .purpose__list dt:not(:first-child) {
        margin-top: 25px; }
      @media only screen and (max-width: 767px) {
        body#page-company-purpose .purpose__list dt {
          font-size: 13px; }
          body#page-company-purpose .purpose__list dt:not(:first-child) {
            margin-top: 25px; } }
    body#page-company-purpose .purpose__list dd {
      margin-top: 10px;
      font-size: 15px;
      font-weight: 300;
      line-height: 1.7; }
      @media only screen and (max-width: 767px) {
        body#page-company-purpose .purpose__list dd {
          margin-top: 10px;
          font-size: 10px; } }
  body#page-company-purpose .purpose__movie {
    position: relative;
    max-width: 700px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto; }
    body#page-company-purpose .purpose__movie::after {
      display: block;
      padding-top: 58.0357142857%;
      content: ''; }
    body#page-company-purpose .purpose__movie__in,
    body#page-company-purpose .purpose__movie iframe {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    @media only screen and (max-width: 767px) {
      body#page-company-purpose .purpose__movie {
        margin-top: 15px; } }
body#page-company-purpose .values {
  margin-top: 95px; }
  @media only screen and (max-width: 767px) {
    body#page-company-purpose .values {
      margin-top: 35px; } }
  body#page-company-purpose .values__h {
    font-size: 35px;
    font-weight: 300; }
    @media only screen and (max-width: 767px) {
      body#page-company-purpose .values__h {
        font-size: 18px; } }
  body#page-company-purpose .values__list {
    margin-top: 30px; }
    @media only screen and (max-width: 767px) {
      body#page-company-purpose .values__list {
        margin-top: 12px; } }
    body#page-company-purpose .values__list__item + .values__list__item {
      margin-top: 40px; }
      @media only screen and (max-width: 767px) {
        body#page-company-purpose .values__list__item + .values__list__item {
          margin-top: 25px; } }
    body#page-company-purpose .values__list__h {
      font-size: 22px; }
      @media only screen and (max-width: 767px) {
        body#page-company-purpose .values__list__h {
          font-size: 13px; } }
    body#page-company-purpose .values__list__body {
      margin-top: 10px;
      font-size: 15px;
      font-weight: 300;
      line-height: 1.7; }
      @media only screen and (max-width: 767px) {
        body#page-company-purpose .values__list__body {
          margin-top: 6px;
          font-size: 10px; } }
  body#page-company-purpose .values__btn {
    margin-top: 80px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      body#page-company-purpose .values__btn {
        margin-top: 33px; }
        body#page-company-purpose .values__btn .ui.btn-red {
          font-size: 18px; } }
body#page-company-top .company-message-container {
  width: 100%;
  background-color: white; }
  body#page-company-top .company-message-container .president {
    display: table;
    width: 100%;
    min-height: 330px; }
    @media only screen and (max-width: 767px) {
      body#page-company-top .company-message-container .president {
        display: block;
        min-height: auto;
        min-height: initial; } }
    body#page-company-top .company-message-container .president .president-inner {
      display: table-row; }
      @media only screen and (max-width: 767px) {
        body#page-company-top .company-message-container .president .president-inner {
          display: block; } }
    body#page-company-top .company-message-container .president .fig {
      display: table-cell;
      position: relative;
      width: 51.4579759863%;
      vertical-align: top; }
      body#page-company-top .company-message-container .president .fig img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover; }
        @media only screen and (max-width: 767px) {
          body#page-company-top .company-message-container .president .fig img {
            position: relative;
            height: auto; } }
      @media only screen and (max-width: 767px) {
        body#page-company-top .company-message-container .president .fig {
          display: block;
          width: 100%; } }
    body#page-company-top .company-message-container .president figcaption {
      display: table-cell;
      padding: 40px 35px 35px 40px;
      background-color: #f7f7f7;
      vertical-align: middle; }
      body#page-company-top .company-message-container .president figcaption .position {
        font-size: 30px;
        line-height: 1.3; }
        @media only screen and (max-width: 767px) {
          body#page-company-top .company-message-container .president figcaption .position {
            font-size: 15px; } }
      body#page-company-top .company-message-container .president figcaption .name {
        margin-top: 60px;
        text-align: right; }
        body#page-company-top .company-message-container .president figcaption .name strong {
          font-size: 26px; }
        @media only screen and (max-width: 767px) {
          body#page-company-top .company-message-container .president figcaption .name {
            margin-top: 15px;
            font-size: 9px; }
            body#page-company-top .company-message-container .president figcaption .name strong {
              font-size: 13px; } }
      @media only screen and (max-width: 767px) {
        body#page-company-top .company-message-container .president figcaption {
          display: block;
          width: 100%;
          box-sizing: border-box; } }
  body#page-company-top .company-message-container > .body {
    padding: 3.859348199% 4.2881646655% 5.1457975986% 4.2881646655%; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      body#page-company-top .company-message-container > .body > h2 {
        font-size: 28px; } }
    body#page-company-top .company-message-container > .body .company-message-name {
      text-align: right; }
      body#page-company-top .company-message-container > .body .company-message-name strong {
        font-size: 26px; }
  @media only screen and (max-width: 767px) {
    body#page-company-top .company-message-container .president > .fig {
      width: 100%;
      position: relative;
      overflow: hidden;
      background-color: #E6E6E6; }
      body#page-company-top .company-message-container .president > .fig:after {
        content: ' ';
        display: block;
        padding-top: 82.1428571429%; }
      body#page-company-top .company-message-container .president > .fig img {
        position: absolute;
        top: 0;
        left: 10%;
        width: 80%; }
    body#page-company-top .company-message-container .president figcaption {
      padding: 4.4642857143% 3.5714285714% 3.5714285714%; }
    body#page-company-top .company-message-container > .body > h2 {
      padding-bottom: 5.1457975986%; } }
#page-company-about-culture .culture-main-body .ui.basic-document h2 {
  text-align: center; }

#page-company-about-culture .culture-main-body .ui.basic-document figcaption {
  padding: 2.1440823328% 4.2881646655%; }

@media only screen and (max-width: 767px) {
  #page-company-about-culture .culture-main-body .ui.basic-document h2 {
    padding-bottom: 4.2881646655%; }
  #page-company-about-culture .culture-main-body .ui.basic-document figcaption {
    padding: 4.2881646655% 4.2881646655%; } }

#page-company-about-culture .culture-main-body .ucc-coffee-museum {
  padding-top: 2.1440823328%; }

@media only screen and (max-width: 767px) {
  #page-company-about-culture .culture-main-body .ucc-coffee-museum h2 img {
    width: 93px;
    height: 56px; }
  #page-company-about-culture .culture-main-body .ucc-coffee-academy h2 img {
    width: 192px;
    height: 21px; }
  #page-company-about-culture .culture-main-body .ucc-coffee-training h2 img {
    width: 185px;
    height: 17px; }
  #page-company-about-culture .culture-main-body .ucc-coffee-showroom h2 img {
    width: 184px;
    height: 16px; } }

@media only screen and (max-width: 767px) {
  #page-company-about-estates .estates-main-body .foreword {
    text-align: left; } }

@media only screen and (max-width: 767px) {
  #page-company-about-estates .estates-main-body .sub-text {
    text-align: left; } }

#page-company-about-estates .estates-main-body .descriptions > figure + figure {
  padding-top: 4.7169811321%; }
  @media only screen and (max-width: 767px) {
    #page-company-about-estates .estates-main-body .descriptions > figure + figure {
      padding-top: 10.2915951973%; } }
#page-company-about-estates .estates-main-body #bluemountain .rainforest figcaption, #page-company-about-estates .estates-main-body #bluemountain .rainforest .notes {
  padding-right: 2.14%;
  padding-left: 4.29%; }

#page-company-about-estates .estates-main-body #bluemountain .rainforest .figs {
  float: right; }

#page-company-about-estates .estates-main-body #bluemountain .rainforest .ttl {
  font-size: 25px;
  font-weight: 500;
  margin: 0 4.29%;
  padding: 0 0 15px 0; }

#page-company-about-estates .estates-main-body #bluemountain .rainforest .notes {
  padding-top: 2.4013722127%; }
  #page-company-about-estates .estates-main-body #bluemountain .rainforest .notes > h4 {
    font-size: 15px; }
  #page-company-about-estates .estates-main-body #bluemountain .rainforest .notes > p {
    font-size: 12px; }

@media only screen and (max-width: 767px) {
  #page-company-about-estates .estates-main-body #bluemountain .rainforest figcaption, #page-company-about-estates .estates-main-body #bluemountain .rainforest .notes {
    padding-right: 4.29%;
    padding-left: 4.29%; }
  #page-company-about-estates .estates-main-body #bluemountain .rainforest .ttl {
    font-size: 17px;
    text-align: center; }
  #page-company-about-estates .estates-main-body #bluemountain .rainforest > .body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -ms-flex-align: stretch; }
  #page-company-about-estates .estates-main-body #bluemountain .rainforest figcaption {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -ms-flex-order: 1;
    padding-bottom: 3.4305317324%; }
  #page-company-about-estates .estates-main-body #bluemountain .rainforest .figs {
    float: none;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -ms-flex-order: 2; }
    #page-company-about-estates .estates-main-body #bluemountain .rainforest .figs > img {
      width: 70%; }
  #page-company-about-estates .estates-main-body #bluemountain .rainforest .notes {
    padding-top: 3.4305317324%;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -ms-flex-order: 3; }
    #page-company-about-estates .estates-main-body #bluemountain .rainforest .notes > h4 {
      font-size: 12px; }
    #page-company-about-estates .estates-main-body #bluemountain .rainforest .notes > p {
      font-size: 11px; } }

@media only screen and (max-width: 767px) {
  #page-company-about-estates .estates-main-body #bluemountain {
    padding-top: 8.576329331%; } }

@media only screen and (max-width: 767px) {
  #page-company-about-estates .estates-main-body .seedling-to-harvest .ui.fig-middle-set {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -ms-flex-align: stretch; }
  #page-company-about-estates .estates-main-body .seedling-to-harvest figcaption {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -ms-flex-order: 2; }
  #page-company-about-estates .estates-main-body .seedling-to-harvest .figs {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -ms-flex-order: 1; } }

@media only screen and (max-width: 767px) {
  #page-company-about-estates .estates-main-body .sapling-to-harvest .ui.fig-middle-set {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -ms-flex-align: stretch; }
  #page-company-about-estates .estates-main-body .sapling-to-harvest figcaption {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -ms-flex-order: 2; }
  #page-company-about-estates .estates-main-body .sapling-to-harvest .figs {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -ms-flex-order: 1; } }

#page-company-about-estates .estates-main-body .figs-1 .figs-all:after, #page-company-about-estates .estates-main-body .figs-5 .figs-all:after {
  padding-top: 78.9473684211%; }

#page-company-about-estates .estates-main-body .figs-1 .figs-wrapper .figs-container, #page-company-about-estates .estates-main-body .figs-5 .figs-wrapper .figs-container {
  width: 128%;
  left: -14%;
  top: -5%;
  position: absolute; }

@media only screen and (max-width: 767px) {
  #page-company-about-estates .estates-main-body .figs-1 .figs-all:after, #page-company-about-estates .estates-main-body .figs-5 .figs-all:after {
    padding-top: 53.5714285714%; }
  #page-company-about-estates .estates-main-body .figs-1 .figs-wrapper .figs-container, #page-company-about-estates .estates-main-body .figs-5 .figs-wrapper .figs-container {
    width: 100%;
    height: 130%;
    left: 0;
    top: -15%; } }

#page-company-about-home .lower-header {
  padding-top: 5.1457975986%; }
  #page-company-about-home .lower-header .about-description {
    line-height: 1.8;
    text-align: left;
    font-size: 17px;
    margin-top: 0; }
    #page-company-about-home .lower-header .about-description .inner {
      display: table;
      width: 100%; }
      #page-company-about-home .lower-header .about-description .inner > .logo {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 32.332761578%; }
      #page-company-about-home .lower-header .about-description .inner > .texts {
        display: table-cell;
        vertical-align: middle; }
        #page-company-about-home .lower-header .about-description .inner > .texts .texts-inner {
          float: right;
          padding-right: 10%;
          padding-left: 10%; }
          #page-company-about-home .lower-header .about-description .inner > .texts .texts-inner > p + p {
            padding-top: 3.7735849057%; }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        #page-company-about-home .lower-header .about-description .inner > .texts .texts-inner {
          padding-right: 0; } }
      @media only screen and (max-width: 767px) {
        #page-company-about-home .lower-header .about-description .inner {
          display: block; }
          #page-company-about-home .lower-header .about-description .inner > .logo {
            width: 100%;
            text-align: center; }
            #page-company-about-home .lower-header .about-description .inner > .logo img {
              width: 180px;
              height: auto; }
          #page-company-about-home .lower-header .about-description .inner > .logo, #page-company-about-home .lower-header .about-description .inner > .texts {
            display: block; }
          #page-company-about-home .lower-header .about-description .inner > .texts {
            padding-top: 4.2881646655%;
            text-align: center; }
            #page-company-about-home .lower-header .about-description .inner > .texts .texts-inner {
              float: none;
              padding-right: 0;
              padding-left: 0;
              font-size: 12px; }
              #page-company-about-home .lower-header .about-description .inner > .texts .texts-inner > p + p {
                padding-top: 1.8867924528%; } }
html.ua-ie-8 #page-company-about-home .ui.fig-gradient-box.left > .content .cover {
  display: block;
  width: 102%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1%;
  background: transparent url(/eng/assets/images/items/img-cover-grad-left1.png) repeat-y left 0; }

html.ua-ie-8 #page-company-about-home .ui.fig-gradient-box.right > .content .cover {
  display: block;
  width: 102%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1%;
  background: transparent url(/eng/assets/images/items/img-cover-grad-right1.png) repeat-y right 0; }

#page-company-about-masters .sec-masters {
  padding: 0 4.2881646655% 3.859348199% 4.2881646655%; }
  #page-company-about-masters .sec-masters .ttl-bar {
    padding: 0;
    line-height: 1; }
    #page-company-about-masters .sec-masters .ttl-bar > span {
      display: none; }
    #page-company-about-masters .sec-masters .ttl-bar img.pc {
      max-width: 100%;
      height: auto;
      vertical-align: top; }
    @media only screen and (max-width: 767px) {
      #page-company-about-masters .sec-masters .ttl-bar {
        padding: 8px; }
        #page-company-about-masters .sec-masters .ttl-bar > span {
          display: block; }
        #page-company-about-masters .sec-masters .ttl-bar img.pc {
          display: none; } }
  #page-company-about-masters .sec-masters .era {
    line-height: 1; }
    #page-company-about-masters .sec-masters .era h3 {
      font-size: 20px;
      padding-bottom: 20px; }
  #page-company-about-masters .sec-masters .winners-container {
    padding-top: 24px; }
  #page-company-about-masters .sec-masters .winners + .winners {
    padding-top: 5.7890222985%; }
  #page-company-about-masters .sec-masters .winners .era {
    padding-top: 0; }
  @media only screen and (max-width: 767px) {
    #page-company-about-masters .sec-masters .winners + .winners {
      padding-top: 11.5780445969%; } }
  #page-company-about-masters .sec-masters .winner {
    width: 32.0825515947%;
    float: left; }
    #page-company-about-masters .sec-masters .winner + .winner {
      margin-left: 1.8761726079%; }
    #page-company-about-masters .sec-masters .winner .fig {
      border: 1px solid #3D3D3D;
      box-sizing: border-box;
      position: relative; }
      #page-company-about-masters .sec-masters .winner .fig > img {
        width: 100%;
        height: auto; }
        #page-company-about-masters .sec-masters .winner .fig > img.sp {
          display: none; }
      #page-company-about-masters .sec-masters .winner .fig .label {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 50%; }
        #page-company-about-masters .sec-masters .winner .fig .label > img {
          width: 100%;
          height: auto; }
    @media only screen and (max-width: 767px) {
      #page-company-about-masters .sec-masters .winner {
        width: 100%;
        float: none; }
        #page-company-about-masters .sec-masters .winner .fig img.sp {
          display: inline-block; }
        #page-company-about-masters .sec-masters .winner .fig img.pc {
          display: none; }
        #page-company-about-masters .sec-masters .winner .fig .label-champion {
          width: 79px; }
        #page-company-about-masters .sec-masters .winner .fig .label-3rd {
          width: 74px; }
        #page-company-about-masters .sec-masters .winner .fig .label-4th {
          width: 74px; }
        #page-company-about-masters .sec-masters .winner + .winner {
          margin-left: 0;
          padding-top: 11.5780445969%; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      #page-company-about-masters .sec-masters .winner + .winner {
        padding-top: 11.5780445969%; } }
    #page-company-about-masters .sec-masters .winner figcaption {
      border-bottom: 1px solid #3d3d3d; }
      #page-company-about-masters .sec-masters .winner figcaption h4 {
        line-height: 1.3;
        padding: 4.6783625731% 0;
        font-size: 30px; }
        @media only screen and (max-width: 767px) {
          #page-company-about-masters .sec-masters .winner figcaption h4 {
            padding-bottom: 11.5780445969%; } }
        #page-company-about-masters .sec-masters .winner figcaption h4 small {
          display: block;
          font-size: 13px; }
        @media only screen and (max-width: 767px) {
          #page-company-about-masters .sec-masters .winner figcaption h4 {
            font-size: 18px; }
            #page-company-about-masters .sec-masters .winner figcaption h4 .name {
              font-weight: 500; }
            #page-company-about-masters .sec-masters .winner figcaption h4 small {
              font-size: 11px; } }
      #page-company-about-masters .sec-masters .winner figcaption .list {
        border-top: 1px solid #3D3D3D;
        text-align: center;
        padding: 4.6783625731% 0;
        line-height: 1.7;
        font-size: 13px; }
        #page-company-about-masters .sec-masters .winner figcaption .list strong {
          font-weight: 700; }
        @media only screen and (max-width: 767px) {
          #page-company-about-masters .sec-masters .winner figcaption .list {
            font-size: 11px; } }
#page-company-about-masters #hand-drip-champion {
  width: 66.0412757974%;
  float: left; }
  #page-company-about-masters #hand-drip-champion .winners-container {
    padding-top: 24px; }
  #page-company-about-masters #hand-drip-champion .winner {
    width: 48.5795454545%; }
    #page-company-about-masters #hand-drip-champion .winner + .winner {
      margin-left: 2.8409090909%; }
  @media only screen and (max-width: 767px) {
    #page-company-about-masters #hand-drip-champion {
      padding-top: 11.5780445969%;
      width: 100%;
      float: none; }
      #page-company-about-masters #hand-drip-champion .winner {
        width: 100%; }
        #page-company-about-masters #hand-drip-champion .winner + .winner {
          margin-left: 0; } }
#page-company-about-masters #barista-champion {
  margin-left: 1.8761726079%;
  width: 32.0825515947%;
  float: left; }
  #page-company-about-masters #barista-champion .winners-container {
    padding-top: 24px; }
  #page-company-about-masters #barista-champion .winner {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    #page-company-about-masters #barista-champion {
      padding-top: 11.5780445969%;
      margin-left: 0;
      width: 100%;
      float: none; }
      #page-company-about-masters #barista-champion .winner {
        width: 100%; } }
@media only screen and (max-width: 767px) and (max-width: 767px) {
  #page-company-about-quality .foreword {
    text-align: left; } }

@media only screen and (max-width: 767px) {
  #page-company-about-quality .blue-mountain-estate .ui.fig-middle-set {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -ms-flex-align: stretch; }
  #page-company-about-quality .blue-mountain-estate figcaption {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -ms-flex-order: 2; }
  #page-company-about-quality .blue-mountain-estate .figs {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -ms-flex-order: 1; } }

#page-company-about-quality .ui.ttl small {
  display: block; }

#page-company-about-quality .countries-main,
#page-company-about-quality .procurement-main,
#page-company-about-quality .systems-main {
  padding: 0 4.2881646655%; }

#page-company-about-quality .page-txt {
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.05em; }
  #page-company-about-quality .page-txt > p + p {
    margin-top: 1em; }
  @media only screen and (max-width: 767px) {
    #page-company-about-quality .page-txt {
      font-size: 13px; } }
#page-company-about-quality .page-list {
  margin-top: 20px; }
  #page-company-about-quality .page-list-item {
    margin-top: 20px; }
    #page-company-about-quality .page-list-item:first-child {
      margin-top: 0; }
    #page-company-about-quality .page-list-item-h {
      font-size: 25px;
      font-weight: 500;
      line-height: 1.2; }
      #page-company-about-quality .page-list-item-h small {
        font-size: 60%; }
      @media only screen and (max-width: 767px) {
        #page-company-about-quality .page-list-item-h {
          font-size: 19px;
          line-height: 1.5; }
          #page-company-about-quality .page-list-item-h small {
            display: block;
            margin-top: 0.2em; } }
    #page-company-about-quality .page-list-item-b {
      margin-top: 0.5em;
      line-height: 1.8;
      letter-spacing: 0.05em;
      font-size: 15px; }
      @media only screen and (max-width: 767px) {
        #page-company-about-quality .page-list-item-b {
          font-size: 13px; } }
#page-company-about-quality .page-figs {
  display: flex;
  justify-content: space-between;
  margin-top: 55px; }
  @media only screen and (max-width: 767px) {
    #page-company-about-quality .page-figs {
      display: block;
      margin-top: 25px; } }
#page-company-about-quality .page-fig.is-large {
  width: 65.180102916%; }
  @media only screen and (max-width: 767px) {
    #page-company-about-quality .page-fig.is-large {
      width: 100%; } }
#page-company-about-quality .page-fig.is-small {
  width: 32.590051458%; }
  @media only screen and (max-width: 767px) {
    #page-company-about-quality .page-fig.is-small {
      width: 100%;
      margin-top: 20px; } }
#page-company-about-quality .page-fig img {
  width: 100%; }

#page-company-about-quality .page-fig figcaption {
  margin-top: 0.8em;
  font-size: 15px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #page-company-about-quality .page-fig figcaption {
      font-size: 13px; } }
#page-company-about-quality .page-sec {
  margin-top: 20px; }
  #page-company-about-quality .page-sec-h {
    font-size: 25px;
    font-weight: 500; }
    @media only screen and (max-width: 767px) {
      #page-company-about-quality .page-sec-h {
        font-size: 16px; } }
  #page-company-about-quality .page-sec-b {
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-size: 15px; }
    #page-company-about-quality .page-sec-b p + p {
      margin-top: 1em; }
    @media only screen and (max-width: 767px) {
      #page-company-about-quality .page-sec-b {
        font-size: 13px; } }
#page-company-about-quality .page-slist li {
  position: relative;
  padding-left: 1em; }
  #page-company-about-quality .page-slist li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '・'; }

#page-company-about-quality .systems-fig {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse; }
  @media only screen and (max-width: 767px) {
    #page-company-about-quality .systems-fig {
      flex-direction: column-reverse; } }
  #page-company-about-quality .systems-fig-img {
    width: 28.5178236398%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #page-company-about-quality .systems-fig-img {
        width: 100%;
        margin-top: 20px; } }
    #page-company-about-quality .systems-fig-img img {
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 767px) {
        #page-company-about-quality .systems-fig-img img {
          max-width: 200px; } }
  #page-company-about-quality .systems-fig-txt {
    width: 69.4183864916%;
    padding-top: 0.4em;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-size: 15px; }
    #page-company-about-quality .systems-fig-txt p + p {
      margin-top: 1em; }
    @media only screen and (max-width: 767px) {
      #page-company-about-quality .systems-fig-txt {
        width: 100%;
        font-size: 13px; } }
#page-company-about-tech .unique-technology {
  padding-top: 3.859348199%; }
  @media only screen and (max-width: 767px) {
    #page-company-about-tech .unique-technology {
      padding-top: 8.576329331%; } }
  #page-company-about-tech .unique-technology .second-doc {
    padding: 1.9296740995% 4.2881646655%;
    text-align: center;
    font-size: 15px; }
    @media only screen and (max-width: 767px) {
      #page-company-about-tech .unique-technology .second-doc {
        font-size: 13px;
        padding-top: 3.859348199%; } }
#page-company-about-tech .unique-technology > h2, #page-company-about-tech .artisanal-techniques > h2 {
  padding-bottom: 0; }

@media only screen and (max-width: 767px) {
  #page-company-about-tech .artisanal-techniques .ui.text.foreword {
    padding: 3.859348199% 4.2881646655%; } }

.product-drip-pod-header {
  padding-bottom: 0; }
  .product-drip-pod-header .description {
    text-align: left; }
    .product-drip-pod-header .description figure > .fig {
      float: left;
      width: 30.0171526587%; }
      .product-drip-pod-header .description figure > .fig img {
        width: 100%;
        height: auto; }
    .product-drip-pod-header .description figure figcaption {
      float: right;
      width: 67.7530017153%;
      margin-bottom: 3.4305317324%;
      font-size: 15px; }
      .product-drip-pod-header .description figure figcaption > p {
        padding: 2.1440823328% 0; }
        @media only screen and (max-width: 767px) {
          .product-drip-pod-header .description figure figcaption > p {
            padding-top: 0;
            text-align: center; } }
      .product-drip-pod-header .description figure figcaption .sec-pod {
        width: 100%;
        background-color: white;
        color: #000000; }
        .product-drip-pod-header .description figure figcaption .sec-pod > .inner {
          display: table;
          width: 100%; }
          .product-drip-pod-header .description figure figcaption .sec-pod > .inner .fig, .product-drip-pod-header .description figure figcaption .sec-pod > .inner .texts {
            display: table-cell;
            vertical-align: middle; }
          .product-drip-pod-header .description figure figcaption .sec-pod > .inner .texts {
            padding: 2.1440823328%; }
            .product-drip-pod-header .description figure figcaption .sec-pod > .inner .texts h2 {
              font-size: 30px;
              line-height: 1.2; }
              @media only screen and (max-width: 767px) {
                .product-drip-pod-header .description figure figcaption .sec-pod > .inner .texts h2 {
                  font-size: 17px; } }
            .product-drip-pod-header .description figure figcaption .sec-pod > .inner .texts p {
              line-height: 1.5; }
              @media only screen and (max-width: 767px) {
                .product-drip-pod-header .description figure figcaption .sec-pod > .inner .texts p {
                  font-size: 10px; } }
          .product-drip-pod-header .description figure figcaption .sec-pod > .inner .fig {
            width: 41.2658227848%; }
            @media only screen and (max-width: 767px) {
              .product-drip-pod-header .description figure figcaption .sec-pod > .inner .fig {
                width: 27.8571428571%; } }
            .product-drip-pod-header .description figure figcaption .sec-pod > .inner .fig img {
              width: 100%;
              height: auto; }
              .product-drip-pod-header .description figure figcaption .sec-pod > .inner .fig img.sp {
                display: none; }
              @media only screen and (max-width: 767px) {
                .product-drip-pod-header .description figure figcaption .sec-pod > .inner .fig img.pc {
                  display: none; }
                .product-drip-pod-header .description figure figcaption .sec-pod > .inner .fig img.sp {
                  display: block; } }
      @media only screen and (max-width: 767px) {
        .product-drip-pod-header .description figure figcaption {
          font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .product-drip-pod-header .description figure > .fig, .product-drip-pod-header .description figure figcaption {
        float: none;
        width: 100%; }
      .product-drip-pod-header .description figure > .fig {
        text-align: center; }
        .product-drip-pod-header .description figure > .fig img {
          width: 206px;
          height: auto; } }
  @media only screen and (max-width: 767px) {
    .product-drip-pod-header .description figure {
      padding-top: 4.2881646655%; }
    .product-drip-pod-header h1 > img {
      width: 147px;
      height: auto; } }
@media only screen and (max-width: 767px) {
  .product-lower-body.ui.base-content {
    margin-top: 3.4305317324%; } }

.product-lower-body .product-lists {
  border-bottom: 1px solid #4A4A4A; }
  .product-lower-body .product-lists:first-child {
    border-top: 1px solid #4A4A4A; }
  .product-lower-body .product-lists.no-border {
    border-top: none; }
  .product-lower-body .product-lists.no-border-b {
    border-bottom: none; }

.product-lower-body .product-list {
  padding: 3.4305317324% 0; }
  @media only screen and (max-width: 767px) {
    .product-lower-body .product-list {
      padding: 8.576329331% 0; } }
  .product-lower-body .product-list > .inner {
    display: table;
    width: 100%; }
    .product-lower-body .product-list > .inner > header, .product-lower-body .product-list > .inner .products {
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        .product-lower-body .product-list > .inner > header, .product-lower-body .product-list > .inner .products {
          display: block; } }
    .product-lower-body .product-list > .inner > header {
      padding-right: 5.1724138%;
      box-sizing: border-box; }
      .product-lower-body .product-list > .inner > header h2 {
        font-size: 35px;
        text-align: center;
        color: white; }
        @media only screen and (max-width: 767px) {
          .product-lower-body .product-list > .inner > header h2 {
            font-size: 19px; } }
      .product-lower-body .product-list > .inner > header > figure .fig, .product-lower-body .product-list > .inner > header > figure figcaption {
        text-align: center; }
      .product-lower-body .product-list > .inner > header > figure .fig img {
        width: 200px;
        height: auto; }
      .product-lower-body .product-list > .inner > header > figure figcaption {
        color: white;
        padding: 18px 0 0 0;
        line-height: 1.8;
        font-size: 13px; }
      @media only screen and (max-width: 767px) {
        .product-lower-body .product-list > .inner > header {
          padding-right: 0; }
          .product-lower-body .product-list > .inner > header > figure .fig img {
            width: 150px;
            height: auto; }
          .product-lower-body .product-list > .inner > header > figure figcaption {
            padding: 18px 0; } }
    .product-lower-body .product-list > .inner .products {
      width: 63.793103%; }
      .product-lower-body .product-list > .inner .products ul {
        margin-top: -2.7%; }
        .product-lower-body .product-list > .inner .products ul li {
          width: 22.29%;
          margin-left: 2.7%;
          margin-top: 2.7%;
          float: left; }
          .product-lower-body .product-list > .inner .products ul li a {
            display: block;
            width: 100%; }
            .product-lower-body .product-list > .inner .products ul li a img {
              width: 100%;
              height: auto; }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .product-lower-body .product-list > .inner .products ul li {
          width: 30.6%; } }
      @media only screen and (max-width: 767px) {
        .product-lower-body .product-list > .inner .products {
          width: 100%; }
          .product-lower-body .product-list > .inner .products ul {
            width: 102.7%;
            margin-left: -2.7%; }
            .product-lower-body .product-list > .inner .products ul li {
              width: 30.6%; }
          .product-lower-body .product-list > .inner .products.center {
            overflow: hidden; }
            .product-lower-body .product-list > .inner .products.center ul {
              margin-left: -1.3%; }
              .product-lower-body .product-list > .inner .products.center ul li {
                margin-left: auto;
                margin-right: auto;
                float: none; } }
  .product-lower-body .product-list.full > .inner {
    display: block; }
    .product-lower-body .product-list.full > .inner > header, .product-lower-body .product-list.full > .inner .products {
      display: block; }
    .product-lower-body .product-list.full > .inner .products {
      width: 100%; }
      .product-lower-body .product-list.full > .inner .products ul {
        width: 103.0017152659%;
        margin-left: -3.0017152659%; }
        .product-lower-body .product-list.full > .inner .products ul li {
          width: 13.7385512073%;
          margin-left: 2.9142381349%;
          margin-top: 2.9142381349%; }
      @media only screen and (min-width: 768px) and (max-width: 979px) {
        .product-lower-body .product-list.full > .inner .products ul li {
          width: 17.0691090758%; } }
      @media only screen and (max-width: 767px) {
        .product-lower-body .product-list.full > .inner .products ul {
          width: 102.7%;
          margin-left: -2.7%; }
          .product-lower-body .product-list.full > .inner .products ul li {
            width: 30.6%;
            margin-left: 2.7%;
            margin-top: 2.7%; } }
body#page-product-home .product-main-body .products + .products {
  padding-top: 4.2881646655%; }

body#page-product-home .product-main-body .products > a {
  display: block;
  width: 49.228%;
  float: right; }
  body#page-product-home .product-main-body .products > a:first-child {
    float: left; }
  body#page-product-home .product-main-body .products > a figcaption > p {
    color: white;
    text-align: center;
    min-height: 2.5em;
    font-size: 13px; }
  body#page-product-home .product-main-body .products > a .fig {
    position: relative;
    margin-top: 2.4247788%;
    background-color: white;
    padding-bottom: 6%; }
    body#page-product-home .product-main-body .products > a .fig img {
      width: 100%;
      height: auto; }
    body#page-product-home .product-main-body .products > a .fig .btn {
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 4.8484848%;
      left: 0; }

@media only screen and (max-width: 767px) {
  body#page-product-home .product-main-body .products + .products {
    padding-top: 12.8644939966%; }
  body#page-product-home .product-main-body .products > a {
    width: 100%;
    float: none; }
    body#page-product-home .product-main-body .products > a:first-child {
      float: none; }
    body#page-product-home .product-main-body .products > a + a {
      margin-top: 12.8644939966%; } }