@charset "utf-8";

/* ============================================
    top.css
    2017.08.17  by Otsuka Takashi
    2017.09.11  by Otsuka Takashi
============================================= */

/* =================================================
  #meinVisual
================================================= */
section#meinVisual {
}

section#meinVisual div {

}

section#meinVisual div img {
  max-width:            100%;
}

/* =================================================
  #topNav
================================================= */
section#topNav {

}

section#topNav div {
  margin:               20px auto;
  padding:              150px 0 0 0;
  width:                280px;
}

section#topNav div:nth-child(1) {
  background:           url('/tpGlobalSettings/img/iconEnergy.svg') top center no-repeat;
}

section#topNav div:nth-child(1) h2 {
  font-size:            1.8rem;
  font-weight:          bold;
  letter-spacing:       1px;
  color:                #f09400;
  text-align:           center;
}

section#topNav div:nth-child(1) p {
  font-size:            1.7rem;
  font-weight:          bold;
  letter-spacing:       1px;
  color:                #000000;
  text-align:           center;
  margin:               10px 0 0 0;
}

section#topNav div:nth-child(1) ul {
  margin:               15px 0 40px 0;
}

section#topNav div:nth-child(1) ul li {
  margin:               5px 0;
}

section#topNav div:nth-child(1) ul li a {
  font-size:            1.4rem;
  font-weight:          bold;
  color:                #f09400;
  letter-spacing:       0;
}

section#topNav div:nth-child(1) ul li a:before {
  content:              "» ";
}

section#topNav div:nth-child(2) {
  background:           url('/tpGlobalSettings/img/iconEcology.svg') top center no-repeat;
}

section#topNav div:nth-child(2) h2 {
  font-size:            1.8rem;
  font-weight:          bold;
  letter-spacing:       1px;
  color:                #009f97;
  text-align:           center;
}

section#topNav div:nth-child(2) p {
  font-size:            1.7rem;
  font-weight:          bold;
  letter-spacing:       1px;
  color:                #000000;
  text-align:           center;
  margin:               10px 0 0 0;
}

section#topNav div:nth-child(2) ul {
  margin:               15px 0 40px 0;
}

section#topNav div:nth-child(2) ul li {
  margin:               5px 0;
}

section#topNav div:nth-child(2) ul li a {
  font-size:            1.4rem;
  font-weight:          bold;
  color:                #009f97;
  letter-spacing:       0;
}

section#topNav div:nth-child(2) ul li a:before {
  content:              "» ";
}

section#topNav div:nth-child(3) {
  background:           url('/tpGlobalSettings/img/iconTechnology.svg') top center no-repeat;
}

section#topNav div:nth-child(3) h2 {
  font-size:            1.8rem;
  font-weight:          bold;
  letter-spacing:       1px;
  color:                #036eb5;
  text-align:           center;
}

section#topNav div:nth-child(3) p {
  font-size:            1.7rem;
  font-weight:          bold;
  letter-spacing:       1px;
  color:                #000000;
  text-align:           center;
  margin:               10px 0 0 0;
}

section#topNav div:nth-child(3) ul {
  margin:               15px 0 40px 0;
}

section#topNav div:nth-child(3) ul li {
  margin:               5px 0;
}

section#topNav div:nth-child(3) ul li a {
  font-size:            1.4rem;
  font-weight:          bold;
  color:                #036eb5;
  letter-spacing:       0;
}

section#topNav div:nth-child(3) ul li a:before {
  content:              "» ";
}

/* =================================================
  #originalProduct
================================================= */
section#originalProduct {
  background:           #f0f0f0;
  padding:              20px 0;
}

section#originalProduct h1 {
  font-size:            2.0rem;
  font-weight:          bold;
  color:                #036eb5;
  margin:               0 auto 20px auto;
  border-left:          7px solid #036eb5;
  padding:              0 0 0 5px;
}

section#originalProduct ul {
  margin:               0 auto;
}

section#originalProduct ul li {
  margin:               10px;
}

section#originalProduct ul li, section#originalProduct ul li a {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
}

section#originalProduct ul li img {

}

/* =================================================
  #productAgency
================================================= */
section#productAgency {
  background:           #ffffff;
  padding:              20px 0;
}

section#productAgency h1 {
  font-size:            2.0rem;
  font-weight:          bold;
  color:                #036eb5;
  margin:               0 auto 20px auto;
  border-left:          7px solid #036eb5;
  padding:              0 0 0 5px;
}

section#productAgency ul {
  margin:               0 auto;
}

section#productAgency ul li {
  margin:               10px;
}

section#productAgency ul li, section#productAgency ul li a {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
}

section#productAgency ul li img {

}

/* =================================================
  #productInformation
================================================= */
section#productInformation {
  background:           #f0f0f0;
  padding:              20px 0;
}

section#productInformation h1 {
  font-size:            2.0rem;
  font-weight:          bold;
  color:                #036eb5;
  margin:               0 auto 20px auto;
  border-left:          7px solid #036eb5;
  padding:              0 0 0 5px;
}

section#productInformation ul {
  box-sizing:           border-box;
  display:              flex;
  flex-wrap:            wrap;
  margin:               0 auto;
}

section#productInformation ul li {
  box-sizing:           border-box;
  width:                50%;
  padding:              10px;
}

section#productInformation ul li, section#productInformation ul li a {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
}

section#productInformation ul li img {
  width:                170px;
}

/* */
#upload {
  margin:     20px auto;
}

#upload h1{
  font-size:  2.0rem;
  margin:     10px auto;
}

#upload p {
  font-size:  1.6rem;
}