@charset "utf-8";

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

/* =================================================
  #meinVisual
================================================= */
section#meinVisual {
  margin:               0 auto;
  height:               400px;
  background:           #f1f1f1;
  z-index:              1;
}

section#meinVisual div {
  width:                960px;
  margin:               0 auto;
}

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

/* =================================================
  #topNav
================================================= */
section#topNav {
  display:              flex;
  margin:               0 auto;
}

section#topNav div {
  box-sizing:           border-box;
  width:                230px;
  margin:               20px 5px;
  padding:              15px 0 0 0;
}

section#topNav div:nth-child(1) {
  border-top:           5px solid #009f97;
/*  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:       0px;
  color:                #009f97;
  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 0px;
}

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:                #009f97;
  letter-spacing:       0;
}

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

section#topNav div:nth-child(2) {
  border-top:           5px solid #036eb5;
/*  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:       0px;
  color:                #036eb5;
  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 0px;
}

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:                #036eb5;
  letter-spacing:       0;
}

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

section#topNav div:nth-child(3) {
  border-top:           5px solid #009f97;
/*  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:       0px;
  color:                #009f97;
  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 0px;
}

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:                #009f97;
  letter-spacing:       0;
}

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

section#topNav div:nth-child(4) {
  border-top:           5px solid #036eb5;
/*  background:           url('/tpGlobalSettings/img/iconTechnology.svg') top center no-repeat;
*/}

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

section#topNav div:nth-child(4) 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(4) ul {
  margin:               15px 0 40px 0px;
}

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

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

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

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

section#renovation h1 {
  font-size:            1.9rem;
  font-weight:          bold;
  letter-spacing:       2px;
  color:                #009f97;
}

section#renovation h2 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               10px auto 5px auto;
  letter-spacing:       2px;
  color:                #009f97;
}

section#renovation h3 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               20px auto;
  letter-spacing:       2px;
  color:                #009f97;
}

section#renovation p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}

section#renovation ul {
  box-sizing:           border-box;
  display:              flex;
  flex-wrap:            wrap;
  width:                800px;
  margin:               0 auto;
}

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

section#renovation ul li p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}

section#renovation ul li img {
  max-width:            100%;
}

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

section#basinArea h1 {
  font-size:            1.9rem;
  font-weight:          bold;
  letter-spacing:       2px;
  color:                #036eb5;
}

section#basinArea h2 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               10px auto 5px auto;
  letter-spacing:       2px;
  color:                #036eb5;
}

section#basinArea h3 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               20px auto;
  letter-spacing:       2px;
  color:                #036eb5;
}

section#basinArea p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}

section#basinArea ul {
  box-sizing:           border-box;
  display:              flex;
  flex-wrap:            wrap;
  width:                800px;
  margin:               0 auto;
}

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

section#basinArea ul li p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}

section#basinArea ul li img {
  max-width:            100%;
}

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

section#ledElectronics h1 {
  font-size:            1.9rem;
  font-weight:          bold;
  letter-spacing:       2px;
  color:                #009f97;
}

section#ledElectronics h2 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               10px auto 5px auto;
  letter-spacing:       2px;
  color:                #009f97;
}

section#ledElectronics h3 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               20px auto;
  letter-spacing:       2px;
  color:                #009f97;
}

section#ledElectronics p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}

section#ledElectronics ul {
  box-sizing:           border-box;
  display:              flex;
  flex-wrap:            wrap;
  width:                800px;
  margin:               0 auto;
}

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

section#ledElectronics ul li p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}

section#ledElectronics ul li img {
  max-width:            100%;
}

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

section#renewableEnergy h1 {
  font-size:            1.9rem;
  font-weight:          bold;
  letter-spacing:       2px;
  color:                #036eb5;
}

section#renewableEnergy h2 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               10px auto 5px auto;
  letter-spacing:       2px;
  color:                #036eb5;
}

section#renewableEnergy h3 {
  font-size:            1.5rem;
  font-weight:          bold;
  margin:               20px auto;
  letter-spacing:       2px;
  color:                #036eb5;
}

section#renewableEnergy p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}


section#renewableEnergy ul {
  box-sizing:           border-box;
  display:              flex;
  flex-wrap:            wrap;
  width:                800px;
  margin:               0 auto;
}

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

section#renewableEnergy ul li p {
  font-size:            1.5rem;
  color:                #000000;
  line-height:          1.6;
  text-align:           justify;
}

section#renewableEnergy ul li img {
  max-width:            100%;
}