@charset "UTF-8";
/*===========================================
/partnership/uniqlo/css/style.css
===========================================*/
/*-----------------------
variable
-----------------------*/
@media screen and (max-width: 767px) {
  html.noScroll {
    overflow: hidden !important;
  }
  html.noScroll body {
    overflow: hidden !important;
  }
}
/*-----------------------
styles
-----------------------*/
h1 .cName {
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0 0 5px;
}

h1 .color01.cName {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 300;
  margin: 0 0 5px;
}

.heading1 {
  font-size: 3.2rem;
  font-weight: 100;
  line-height: 1.4;
  color: #014099;
  margin: 40px 0 0;
  padding: 10px 20px;
  background: url(../images/bg_01.jpg) 0 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .heading1 {
    font-size: 2rem;
    line-height: 1.2;
  }
}
.heading1.-small {
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .heading1 {
    margin: 40px -10px 0;
    padding: 10px 15px;
  }
  .heading1.-small {
    margin: 20px -10px 0;
    font-size: 2rem;
  }
}

.heading2 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 40px 0 20px;
  padding: 10px 20px;
  background-color: #014099;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .heading2 {
    font-size: 1.6rem;
  }
}
.heading2::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  margin: 0.5em 7px 0 0;
  background-color: #fff;
  vertical-align: top;
}

.heading3 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 40px 0 0;
  padding: 10px 20px;
  background-color: #eef4f9;
}
@media screen and (max-width: 767px) {
  .heading3 {
    font-size: 1.6rem;
  }
}

.read {
  margin: 30px 0 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .read {
    font-size: 1.8rem;
  }
}

h1 + .read {
  margin-top: 0;
}

.btnLink {
  text-align: left;
}
.btnLink > a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  background-color: #014099;
  font-weight: 300;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.btnLink > a:hover {
  opacity: .7;
}
.btnLink > a:visited {
  color: #fff;
}
.btnLink > a::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  transform: rotate(45deg);
  right: 5%;
  margin: auto 0;
  position: relative;
  vertical-align: top;
  border-width: 3px;
  margin: 0.6em 1em 0 0;
}
@media screen and (max-width: 767px) {
  .btnLink > a::before {
    margin: 0.4em 1em 0 0;
  }
}
.btnLink > a.newWindow:after {
  color: #fff;
}
.btnLink.-wide,
.btnLink.-big {
  text-align: center;
}
.btnLink.-wide > a {
  padding: 10px 110px;
}
.btnLink.-big > a {
  padding: 2em 110px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .btnLink.-wide > a {
    padding: 10px;
    width: 100%;
  }
  .btnLink.-big > a {
    padding: 20px;
    width: 100%;
    font-size: 2rem;
  }
}

.bgBtns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bgBtns > li {
  width: 32%;
}
.bgBtns > li > a {
  display: block;
  padding: 45px 25px;
  height: 100%;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.2;
  color: #014099;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.bgBtns > li > a:hover {
  opacity: .7;
}
.bgBtns > li > a.packaging {
  background: url(/products/images/btn_bg_01.jpg) 0 0 no-repeat;
}
.bgBtns > li > a.info {
  background: url(/products/images/btn_bg_02.jpg) 100% 0 no-repeat;
}
.bgBtns > li > a.env {
  background: url(/products/images/btn_bg_03.jpg) 0 0 no-repeat;
}
@media screen and (max-width: 767px) {
  .bgBtns {
    flex-direction: column;
  }
  .bgBtns > li {
    width: 100%;
  }
  .bgBtns > li + li {
    margin-top: 1px;
  }
  .bgBtns > li > a {
    font-size: 1.8rem;
    padding: 30px 20px;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
  }
  .bgBtns > li > a.packaging, .bgBtns > li > a.info, .bgBtns > li > a.env {
    background-position: 100% 0;
  }
}

.anchorLinks {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .anchorLinks {
    flex-direction: column;
  }
}
.anchorLinks > li {
  width: 31%;
}
.anchorLinks > li > a {
  display: block;
  padding: 10px 20px 10px 45px;
  background-color: #eef4f9;
  position: relative;
  color: #333;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.anchorLinks > li > a::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: #014099 2px solid;
  border-right: #014099 2px solid;
  transform: rotate(135deg);
  bottom: 20%;
  margin: 0 auto;
  border-width: 3px;
  margin: auto 0;
  left: 22px;
  top: 5px;
}
.anchorLinks > li > a:hover {
  background-color: #014099;
  color: #fff;
  text-decoration: none;
}
.anchorLinks > li > a:hover::before {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  .anchorLinks > li {
    width: 100%;
    margin: 1px 0 0;
  }
}
.anchorLinks.-fluid2 > li {
  width: 48%;
}
.anchorLinks.-gradation {
  justify-content: center;
}
.anchorLinks.-gradation > li {
  width: auto;
}
.anchorLinks.-gradation > li + li {
  margin-left: 30px;
}
.anchorLinks.-gradation > li > a {
  font-size: 2.4rem;
  padding: 12px 80px 12px 60px;
  background: url(../images/bg_02.jpg) 0 0 no-repeat;
  background-size: cover;
}
.anchorLinks.-gradation > li > a::before {
  left: 30px;
}
.anchorLinks.-gradation > li > a:hover {
  background-image: none;
  background-color: #014099;
}
@media screen and (max-width: 767px) {
  .anchorLinks.-gradation > li {
    width: 100%;
  }
  .anchorLinks.-gradation > li + li {
    margin-left: 0;
  }
  .anchorLinks.-gradation > li > a {
    font-size: 1.6rem;
    padding: 10px 20px 10px 45px;
  }
  .anchorLinks.-gradation > li > a::before {
    left: 22px;
  }
}

.prodLabel {
  vertical-align: middle;
  line-height: 1.2;
}
.prodLabel::before {
  content: attr(data-label);
  display: inline-block;
}
.prodLabel p {
  display: inline-block;
  padding: 5px 25px;
  border-radius: 25px;
}
.prodLabel p + p {
  margin: 0 0 0 10px;
}
.prodLabel .pack {
  background-color: #eee;
}
.prodLabel .info {
  background-color: #e9f2ff;
}
.prodLabel .env {
  background-color: #e9fff0;
}
.prodLabel + p, .prodLabel + ul {
  margin: 40px 0 30px;
}
@media screen and (max-width: 767px) {
  .prodLabel + p {
    margin: 20px 0;
  }
}

.productsLineup .heading1 {
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .productsLineup .heading1 {
    margin: 0 -10px 0;
  }
}
.productsLineup > .item {
  display: block;
  padding: 30px;
  border-top: #eee 1px solid;
  overflow: hidden;
  color: #333;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.productsLineup > .item:hover {
  text-decoration: none;
  background-color: #f9f9f9;
}
.productsLineup > .item.-lower {
  border-top: #d2d2d2 1px dashed;
  margin-left: 60px;
}
.productsLineup > .item > .thumb {
  float: right;
  width: 250px;
  margin: 0 0 0 30px;
}
@media screen and (max-width: 767px) {
  .productsLineup > .item {
    margin: 0 -10px;
    padding: 15px;
  }
  .productsLineup > .item.-lower {
    margin-left: 30px;
  }
  .productsLineup > .item > .thumb {
    float: none;
    width: 100%;
    margin: 0 0 15px;
  }
}
.productsLineup > .item > .outline {
  overflow: hidden;
}
.productsLineup > .item > .outline > .heading {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}
.productsLineup > .item > .outline > .heading > .prodLabel {
  margin: 0 0 0 30px;
  font-size: 1.4rem;
}
.productsLineup > .item > .outline > .heading > .prodLabel p {
  padding: 5px 15px;
}
.productsLineup > .item > .outline h3 {
  color: #014099;
  font-size: 1.8rem;
  font-weight: 600;
}
.productsLineup > .item > .outline h3 span {
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.2;
  color: #333;
}
@media screen and (max-width: 767px) {
  .productsLineup > .item > .outline > .heading {
    flex-direction: column;
    align-items: flex-start;
  }
  .productsLineup > .item > .outline > .heading > .prodLabel {
    margin: 5px 0 0;
    font-size: 1.2rem;
  }
  .productsLineup > .item > .outline > .heading > .prodLabel > p {
    padding: 5px 10px;
  }
  .productsLineup > .item > .outline > .heading > .prodLabel > p + p {
    margin: 0 0 0 5px;
  }
}
.productsLineup h2 + .item {
  border: none;
}

.productDetail #proThumb {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
}
.productDetail #proThumb:after {
  display: none;
}
.productDetail #proThumb li {
  width: 18%;
  margin: 0;
  float: none;
  background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .productDetail #proThumb {
    margin: 10px 0 0;
  }
}
.productDetail #proPhoto {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .productDetail #proPhoto {
    height: 450px;
  }
}
@media screen and (max-width: 767px) {
  .productDetail #proPhoto {
    padding-top: 53vw;
  }
}

.productLowerLinks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.productLowerLinks > li {
  width: 49%;
}
.productLowerLinks > li:nth-of-type(n+3) {
  margin: 15px 0 0;
}
.productLowerLinks > li > a {
  display: block;
  padding: 15px 20px 15px 45px;
  background-color: #eef4f9;
  position: relative;
  color: #333;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.productLowerLinks > li > a .cName {
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
}
.productLowerLinks > li > a::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: #014099 2px solid;
  border-right: #014099 2px solid;
  transform: rotate(45deg);
  right: 5%;
  margin: auto 0;
  border-width: 3px;
  margin: auto 0;
  left: 22px;
}
.productLowerLinks > li > a:hover {
  background-color: #014099;
  color: #fff;
  text-decoration: none;
}
.productLowerLinks > li > a:hover::before {
  border-color: #fff;
}
@media screen and (max-width: 767px) {
  .productLowerLinks {
    flex-direction: column;
  }
  .productLowerLinks > li {
    width: 100%;
  }
  .productLowerLinks > li + li {
    margin: 1px 0 0;
  }
  .productLowerLinks > li:nth-of-type(n+3) {
    margin: 1px 0 0;
  }
  .productLowerLinks > li > a {
    padding: 10px 20px 10px 45px;
    font-size: 1.6rem;
  }
}

.distantCaption {
  margin: 8px 0 0;
  font-size: 1.4rem;
}

.btnDownload {
  margin: 50px 0;
}
.btnDownload > a {
  display: inline-block;
  padding: 20px 60px;
  color: #333;
  background-color: #eee;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.btnDownload > a:hover {
  background-color: #ccc;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .btnDownload {
    margin: 30px 0;
  }
  .btnDownload > a {
    display: block;
    padding: 15px;
    text-align: center;
  }
}

.btnContact {
  margin: 50px 0;
}
.btnContact > a {
  display: block;
  padding: 20px;
  color: #fff;
  background-color: #014099;
  font-weight: 600;
  text-align: center;
  transition: all 0.5s cubic-bezier(0.17, 0.935, 0.305, 1);
}
.btnContact > a:visited {
  color: #fff;
}
.btnContact > a:hover {
  opacity: .7;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .btnContact {
    margin: 30px 0;
  }
  .btnContact > a {
    padding: 15px;
  }
}

/* LP
----------------------*/
.productsBlock > .lead {
  margin: 0 0 40px;
}
.productsBlock > .heading1 {
  margin: 80px 0 0;
}
@media screen and (max-width: 767px) {
  .productsBlock > .lead {
    margin: 0 0 20px;
  }
  .productsBlock > .heading1 {
    margin: 60px -10px 0;
  }
  .productsBlock .imgAdjust1 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .productsBlock .imgAdjust1 {
    width: 390px;
  }
}
.productsBlock section {
  margin: 40px 25px 0;
}
.productsBlock section + section {
  margin: 60px 0 0;
}
.productsBlock section .heading {
  margin: 0 0 40px;
  color: #014099;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
}
.productsBlock section .subHeading {
  margin: 0 0 10px;
  font-size: 2rem;
  font-weight: 600;
}
.productsBlock section .features {
  margin: 30px 0 0;
}
.productsBlock section .btnLink {
  margin: 40px 0 0;
}
.productsBlock section .relatedLinks + .relatedLinks {
  margin-top: 40px;
}
.productsBlock section .relatedLinks .btnLink {
  text-align: left;
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  .productsBlock section {
    margin: 20px 0 0;
  }
  .productsBlock section .heading {
    margin: 0 0 10px;
    font-size: 2rem;
  }
  .productsBlock section .subHeading {
    font-size: 1.6rem;
  }
  .productsBlock section .features {
    margin: 20px 0 0;
  }
  .productsBlock section .btnLink {
    margin: 30px 0 0;
  }
  .productsBlock section .relatedLinks + .relatedLinks {
    margin-top: 0;
  }
}

/* careers
----------------------*/
.careersProfile {
  padding: 15px 20px 0;
  font-size: 1.4rem;
}
.careersProfile em {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .careersProfile {
    padding: 10px;
  }
  .careersProfile em {
    font-size: 1.6rem;
  }
}

.timeSchedule tr {
  border-bottom: #eee 1px solid;
}
.timeSchedule tr th, .timeSchedule tr td {
  padding: 20px 30px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .timeSchedule tr th, .timeSchedule tr td {
    padding: 10px;
    font-size: 1.6rem;
  }
}

.processList li:after {
  content: '▼';
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 0 5px 1em;
}
.processList li:last-child:after {
  display: none;
}

/* news
----------------------*/
.newsWrap {
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  width: 70%;
  margin: 0 auto;
}
.newsWrap article {
  padding: 50px 0;
}
.newsWrap article + article {
  border-top: #ccc 1px solid;
}
.newsWrap article .date {
  margin: 0 0 10px;
}
.newsWrap article .heading {
  margin: 0 0 20px;
  font-size: 2rem;
  font-weight: 600;
}
.newsWrap article figure {
  margin: 30px 0 0;
  text-align: center;
}
.newsWrap article figure figcaption {
  margin: 10px 0 0;
  font-size: 1.4rem;
}
.newsWrap article .indtx {
  text-indent: 1em;
}
.newsWrap article .indtx + .indtx {
  margin: 20px 0 0;
}
.newsWrap h2 + article {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .newsWrap {
    width: 100%;
  }
}

/* LP
----------------------*/
@media screen and (min-width: 768px) {
  .maxWidth#wrapper {
    width: 100% !important;
  }
  .maxWidth #headerWrap,
  .maxWidth #globalNav {
    width: 1080px;
    margin: 0;
    left: calc(50% - 1080px/2);
  }
  .maxWidth header #logo {
    left: 0;
  }
  .maxWidth #globalNav ul.parentNav {
    padding-left: 0;
  }
  .maxWidth #contents {
    width: 1080px;
    margin: 0 auto;
  }
}
.headerBg {
  width: 100%;
  height: 151px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .headerBg {
    display: none;
  }
}

.kvMaxWidth {
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: flex;
  align-items: center;
}
.kvMaxWidth h1 {
  color: #014099;
  font-weight: 600;
  padding: 0;
}
.kvMaxWidth h1 span {
  display: block;
  font-weight: 300;
  line-height: 1.4;
}
.kvMaxWidth p {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .kvMaxWidth {
    position: relative;
    padding: 151px 0 0;
    margin: 0 0 50px;
    width: 100%;
    height: 36vw;
    background-position: 0 120px;
    background-size: 100vw;
  }
  .kvMaxWidth > .inner {
    width: 1080px;
    margin: 0 auto;
    padding: 0 0 0 320px;
  }
  .kvMaxWidth h1 {
    font-size: 3.4vw;
    margin: 0 0 3vw;
  }
  .kvMaxWidth h1 span {
    font-size: 1.6vw;
  }
  .kvMaxWidth p {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1600px) {
  .kvMaxWidth {
    max-width: 1600px;
    max-height: 571px;
    margin-left: auto;
    margin-right: auto;
    background-size: 1600px 420px;
    background-position: calc(50vw - 1600px/2) 151px;
  }
  .kvMaxWidth h1 {
    font-size: 5.4rem;
    margin: 0 0 40px;
  }
  .kvMaxWidth h1 span {
    font-size: 2.4rem;
  }
  .kvMaxWidth p {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .kvMaxWidth {
    padding: 50px 5vw 0;
    margin: 0 0 20px;
    height: 110vw;
    background-position: -21vw 10vw;
  }
  .kvMaxWidth h1 {
    font-size: 2.8rem;
    margin: 0 0 20px;
  }
  .kvMaxWidth h1 span {
    font-size: 1.8rem;
  }
  .kvMaxWidth p {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 376px) and (max-width: 767px) {
  .kvMaxWidth {
    height: 67vw;
  }
}
.kvMaxWidth#kvLP1 {
  background-image: url("/lp/images/packaging_kv.jpg");
}
.kvMaxWidth#kvLP2 {
  background-image: url("/lp/images/info_industrial_kv.jpg");
}
.kvMaxWidth#kvLP3 {
  background-image: url("/lp/images/environment_kv.jpg");
}

.-topKVnext {
  margin-top: 42vw;
  position: relative;
}

/*--------------------------------------------------
custom general class
--------------------------------------------------*/
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    color: #333;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
  }
}
.-prod > .row > [class*="col"] [class*="img-cap"] {
  text-align: left;
  padding: 8px 0 0;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .-feature > .row > .col,
  .-feature > .row > [class*=col-] {
    padding: 0;
  }
}
.discList {
  margin: 0;
}

.h3Type01 .note {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0 0 0 30px;
}
@media screen and (max-width: 767px) {
  .h3Type01 .note {
    display: block;
    margin: 0;
    font-size: 1.2rem;
  }
}

/* background
----------------------*/
.bg1 {
  background-color: #e4efff;
}

.bPattern01.-mt {
  margin: 50px 0 0;
}

/* lumpMix
----------------------*/
@media screen and (max-width: 767px) {
  .lumpMix.-order {
    display: flex;
    flex-direction: column;
  }
  .lumpMix.-order [data-order="1"] {
    order: 1;
    margin: 20px 0 0;
  }
  .lumpMix.-order [data-order="2"] {
    order: 2;
    margin: 20px 0 0;
  }
  .lumpMix.-order [data-order="3"] {
    order: 3;
    margin: 20px 0 0;
  }
  .lumpMix.-order [data-order="4"] {
    order: 4;
    margin: 20px 0 0;
  }
  .lumpMix.-order [data-order="5"] {
    order: 5;
    margin: 20px 0 0;
  }
  .lumpMix.-order [data-order="1"] {
    margin: 0;
  }
}
.lumpMix.-bubble + .-bubble {
  margin-top: 10px;
}
.lumpMix.-bubble .lumpL {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .lumpMix.-bubble + .-bubble {
    margin-top: 30px;
  }
  .lumpMix.-bubble .lumpL {
    width: 100%;
    float: none;
  }
}

/* sitemap
----------------------*/
#sitemap .row > [class*="col"] {
  flex-basis: inherit;
}
#sitemap .row > [class*="col"]:nth-of-type(1) {
  width: 25%;
}
#sitemap .row > [class*="col"]:nth-of-type(2) {
  width: 40%;
}
#sitemap .row > [class*="col"]:nth-of-type(3) {
  width: 35%;
}
#sitemap .row > [class*="col"] .cName {
  font-size: 1.1rem;
  padding: 0 10px 0 0;
}

/*--------------------------------------------------
sidebar
--------------------------------------------------*/
#sidebar dl dd li > [class*="group"] {
  display: block;
  padding: 15px 20px;
  line-height: 1.4;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
#sidebar dl dd li > [class*="group"].groupB {
  background-color: #eef4f9;
}
@media screen and (max-width: 767px) {
  #sidebar dl dd li > [class*="group"] {
    padding: 10px 20px;
  }
}
#sidebar dl dd li > a > .cName {
  display: block;
  font-size: 1.1rem;
  font-weight: 300;
}

/*--------------------------------------------------
header logo adjust
--------------------------------------------------*/
header #logo .siteLogo img,
body.popup header .siteLogo a img {
  width: 244px;
}

@media screen and (max-width: 767px) {
  header #logo .siteLogo img,
  body.popup header .siteLogo a img {
    width: 122px;
  }
}
/*--------------------------------------------------
gnav
--------------------------------------------------*/
#globalNav ul li .subGnav .menus.-prod ul:nth-of-type(1) {
  width: 35%;
}
#globalNav ul li .subGnav .menus.-prod ul:nth-of-type(2) {
  width: 33%;
}
#globalNav ul li .subGnav .menus.-prod ul:nth-of-type(3) {
  width: 32%;
}
#globalNav ul li .subGnav .menus.-prod ul li a {
  font-size: 1.4rem;
}
#globalNav ul li .subGnav .menus.-prod ul li .cName {
  font-size: 1rem;
  display: block;
}

/*--------------------------------------------------
footer
--------------------------------------------------*/
#footerNav > ul.parentNav {
  flex-wrap: wrap;
  position: relative;
  min-height: 510px;
}
#footerNav > ul.parentNav > li:nth-of-type(1) {
  width: 25%;
}
#footerNav > ul.parentNav > li:nth-of-type(2) {
  width: 37%;
  margin-bottom: 60px;
}
#footerNav > ul.parentNav > li:nth-of-type(3) {
  width: 20%;
}
#footerNav > ul.parentNav > li:nth-of-type(4) {
  position: absolute;
  left: 73%;
  top: 150px;
  width: auto;
  padding: 0;
}
#footerNav > ul.parentNav > li:nth-of-type(5) {
  position: absolute;
  left: 73%;
  top: 300px;
  width: auto;
  padding: 0;
}
#footerNav > ul.parentNav > li .cName {
  font-size: 1rem;
  margin: 0 10px 0 0;
}

footer{position: relative;}
footer .sns{
  display:flex;
}
footer .sns span{display:inline-block;}
footer .sns a{
  display:inline-block;
  margin-left:15px;
  transition: all 0.5s;
}
footer .sns a:hover{opacity:.5;}

footer .sns .youtube{width:56px;}
footer .sns .youtube img{width:100%;}
footer .sns .linkedin{width:48px; }
footer .sns .linkedin img{width:100%;}

@media screen and (min-width:768px){
  footer .sns{
    position:absolute;
    right:0;
    bottom:90px;
  }
}
@media screen and (max-width:767px){
  footer .sns{
    padding:20px;
    border-top:#b2b2b2 1px solid;
  }
  footer .sns span{
    margin-right:3%;
  }
}



/*--------------------------------------------------
slider adjust
--------------------------------------------------*/
.kvWrap#kvTOP .elemslider div {
  height: 400px;
}

.kvWrap#kvTOP .elemslider div.elemInner {
  padding: 0;
  text-shadow: none;
  font-size: 1.6rem;
  color: #333;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem1 {
  background: url(../../images/index_kv_01.jpg) 0 0 no-repeat;
  text-align: center;
  padding: 140px 0 0;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem1 h1 {
  text-shadow: none;
  padding: 0;
  width: 88%;
  margin: 0 auto 20px;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem1 p {
  font-size: 2.2rem;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem2, .kvWrap#kvTOP .elemslider div.elemInner.elem3, .kvWrap#kvTOP .elemslider div.elemInner.elem4, .kvWrap#kvTOP .elemslider div.elemInner.elem5 {
  padding: 90px 0 0 500px;
}

.kvWrap#kvTOP .elemslider div.elemInner.elem2 > .head, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .head, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .head, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .head {
  font-size: 4.6rem;
  font-weight: 100;
  color: #014099;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .head {
    font-size: 3.6rem;
  }
}
.kvWrap#kvTOP .elemslider div.elemInner.elem2 > .head i, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .head i, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .head i, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .head i {
  display: inline-block;
  margin: 0 20px 0 0;
  font-size: 9rem;
  font-style: normal;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem2 > .outline, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .outline, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .outline, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .outline {
  margin: 20px 0;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem2 > .btnLink a, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .btnLink a, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .btnLink a, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .btnLink a {
  color: #fff;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem2 {
  background: url(../../images/index_kv_02.jpg) 0 0 no-repeat;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem3 {
  background: url(../../images/index_kv_03.jpg) 0 0 no-repeat;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem4 {
  background: url(../../images/index_kv_04.jpg) 0 0 no-repeat;
}
.kvWrap#kvTOP .elemslider div.elemInner.elem5 {
  background: url(../../images/index_kv_05.jpg) 0 0 no-repeat;
}

#kvCopy path:not(.visible) {
  fill-opacity: 0;
}

#kvCopy {
  max-width: 1130px;
}
@media screen and (max-width: 767px) {
  #kvCopy {
    max-width: 100%;
  }
}

#kvCopy .cls-1 {
  stroke: #004098;
  stroke-width: 1;
  stroke-linecap: round;
}

@media screen and (max-width: 767px) {
  .kvWrap#kvTOP .bx-wrapper .bx-viewport {
    height: auto;
    min-height: 90vw;
  }

  .kvWrap#kvTOP .elemslider div.elemInner {
    min-height: 90vw;
    height: auto;
  }
  .kvWrap#kvTOP .elemslider div.elemInner p {
    display: block;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem1 {
    background: url(../../images/index_kv_01_sp.jpg) 0 0 no-repeat;
    padding: 24vw 0 0;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem1 p {
    font-size: 1.2rem;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem1 h1 {
    margin-bottom: 0;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem2, .kvWrap#kvTOP .elemslider div.elemInner.elem3, .kvWrap#kvTOP .elemslider div.elemInner.elem4, .kvWrap#kvTOP .elemslider div.elemInner.elem5 {
    padding: 35vw 20px 0;
    text-align: left;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem2 > .head, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .head, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .head, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .head {
    font-size: 2rem;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .head {
    font-size: 1.6rem;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem2 > .head i, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .head i, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .head i, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .head i {
    margin: 0;
    font-size: 3rem;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem2 > .outline, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .outline, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .outline, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .outline {
    margin: 20px 0;
    font-size: 1.4rem;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem2 > .btnLink a, .kvWrap#kvTOP .elemslider div.elemInner.elem3 > .btnLink a, .kvWrap#kvTOP .elemslider div.elemInner.elem4 > .btnLink a, .kvWrap#kvTOP .elemslider div.elemInner.elem5 > .btnLink a {
    display: block;
    font-size: 1.4rem;
    padding: 10px 10px 10px 15px;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem2 {
    background: url(../../images/index_kv_02_sp.jpg) 0 0 no-repeat;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem3 {
    background: url(../../images/index_kv_03_sp.jpg) 0 0 no-repeat;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem4 {
    background: url(../../images/index_kv_04_sp.jpg) 0 0 no-repeat;
  }
  .kvWrap#kvTOP .elemslider div.elemInner.elem5 {
    background: url(../../images/index_kv_05_sp.jpg) 0 0 no-repeat;
  }

  .kvWrap + hr {
    padding-top: 42.5%;
  }

  .kvWrap[data-change="toggleImg"] + hr {
    padding-top: 119%;
  }

  #kvTOP + hr {
    padding-top: 90vw;
  }

  #kvTOP + hr + .container {
    margin-top: 20px;
  }
}
/*--------------------------------------------------
container (adjust col margin)
--------------------------------------------------*/
.container + .container {
  margin: 30px 0 0;
}

@media screen and (min-width: 768px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }

  .row > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }

  .row + .row {
    margin-top: 20px;
  }

  [class*="container"].no-gutters {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.flex_end {align-items: flex-end;}

/*--------------------------------------------------
notes iframe Height
--------------------------------------------------*/
.iframePress {
  height: 300px;
}

.iframeMap {
  height: 450px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .iframePress {
    height: 200px;
  }

  .iframeMap {
    height: 300px;
  }
}
/*===========================================
print
===========================================*/
@media print {
  #subSiteMapArea,
  #pagetop {
    display: none !important;
  }

  [data-print="breakbefore"] {
    break-before: page;
  }

  [data-print="breakafter"] {
    break-after: page;
  }

  [data-print="nobreak"] {
    break-inside: avoid;
  }

  [data-print="none"] {
    display: none !important;
  }

  .figureWrap {
    break-inside: avoid;
  }

  .susHeading1 {
    break-after: avoid;
    break-inside: avoid;
  }

  .susHeading1.-line {
    margin: 40px 0 15px;
  }

  .headingActivity + .susHeading1 {
    margin-top: 0;
  }

  .h3Type01 {
    font-size: 1.8rem;
  }

  [class*="imgColumn"] {
    display: flex;
  }

  .productDetail #proPhoto {
    height: auto;
  }
  .productDetail #proPhoto > img {
    width: 100%;
    position: relative;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-12 {
    width: 80%;
  }

  .smpTableScroll {
    overflow-x: auto;
    padding-bottom: 0;
  }

  .smpTableScroll::-webkit-scrollbar {
    height: 0;
  }

  .btnDownload,
  .btnContact {
    display: none;
  }
}
/*===========================================
20191224
===========================================*/
/*--------------------------------------------------
Common Setting 20191220
--------------------------------------------------*/
.ttl01 {
  font-size: 3.2rem;
  margin-bottom: 20px;
}

.ttl02 {
  font-size: 2.6rem;
  font-weight: 600;
}

.color02 {
  color: #014099;
}

.bdType01 {
  border: #ccc 1px solid;
  padding: 10px 15px;
}

@media screen and (max-width: 767px) {
  .ttl01 {
    font-size: 2.2rem;
  }

  .ttl02 {
    font-size: 1.6rem;
  }
}
/*--------------------------------------------------
Table
--------------------------------------------------*/
.tPattern03 caption.capTable {
  text-align: left;
  padding: 10px 20px;
  color: #fff;
  border: none;
  background-color: #9b9c9e;
}

.tPattern04.type02 tr {
  border-bottom: #ccc 1px solid;
}
.tPattern04.type02 tr:first-of-type {
  border-top: #ccc 1px solid;
}

.tbMiddle th, .tbMiddle td {
  vertical-align: middle !important;
}

.thColor tr > th {
  background-color: #014099;
  color: #fff;
}

/*--------------------------------------------------
Grid page
--------------------------------------------------*/
#techGrid .ttl {
  padding: 15px;
  text-align: center;
}
#techGrid .inner-col {
  background-color: transparent;
  border: 1px solid #ccc;
}
#techGrid .elem-col {
  border-top: 1px solid #ccc;
  padding: 17px 10px 25px 10px;
}

/*--------------------------------------------------
About page
--------------------------------------------------*/
.aboGreeting p + p {
  margin-top: 20px;
}

.aboLinks a, .aboLinks a:visited {
  color: #333;
}

.reportPart {
  padding: 30px;
  background-color: #eef4f9;
}

.reportPart p + p.fontB {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .packagingItem .lumpContent {
    width: 100%;
  }

  .reportPart {
    padding: 10px;
  }
}

/*# sourceMappingURL=original.css.map */


/*--------------------------------------------------
Sustainability
--------------------------------------------------*/
.bPattern02.colorSus{ background: #ffffff; border: solid 1px #333;}
.colorSus .ttl02{color: #177e0f;}
.fontN{font-weight: normal;}
.sdgs{ margin: 30px 0;}
.sdgs dt{
  display: flex;
  align-items: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.4em;
}
.sdgs dt img{ width:120px; height: 120px; border-right: 1px solid #ffffff;}
.sdgs dt a:hover img{opacity: 0.8;}
.sdgs dt p{ padding-left: 100px;}
.sdgs dd{
  padding: 30px 30px 30px 40px;
}
.sdgs dd+dd{padding-top: 0;}
.sdgs dd .num{
  /*margin-left:-1.4em; */
  text-indent:-1.4em;
  margin-bottom: 5px;
  font-weight: bold;
}
.sdgs.-icon13 dt{background-color: #1E410A;}
.sdgs.-icon12 dt{background-color: #915725;}
.sdgs.-icon13 dd{background-color: #e1f4db;}
.sdgs.-icon12 dd{background-color: #fae297;}
.sdgs.-icon13 dd .num{color: #407936;}
.sdgs.-icon12 dd .num{color: #B17A05;}

@media screen and (max-width: 767px) {
  .sdgs dt{ font-size: 1.8rem;}
  .sdgs dt img{ width: 30vw; height: auto;}
  .sdgs dt p{ padding:10px 20px;}
  .sdgs dd{ padding: 20px 10px 10px 10px;}
  .sdgs dd .num{margin-left:1.4em;}
  .spSmall{font-size: 1.4rem;}
}



/*----------------------------------
careers
-----------------------------------*/

.bannarBox {
    background: url("../../images/index_kv_04.jpg") left top no-repeat;
    margin: 30px 0;
    padding: 100px 50px;
    background-position-x: -100px;
}
.bannarBox .head {
    color: #014099;
    font-weight: bold;
    font-size: 2.6rem;
}
.bannarBox .head,
.bannarBox .outline,
.bannarBox .btnLink {
    text-align: right;
}


@media screen and (max-width: 767px) {
    
.bannarBox {
    background: url("../../images/index_kv_04_sp.jpg") left top no-repeat;
    margin: 30px 0;
    padding: 80px 50px;
}
    .bannarBox .head,
.bannarBox .outline,
.bannarBox .btnLink {
    text-align: center;
}
    
}