/*------------------------------------------------------------
  alginate共通
------------------------------------------------------------*/
.cover.es .coverText {
  position: relative;
}
.alginate.es .number:before {
  font-family: 'OpenSans_Light', sans-serif;
}
.alginate.es .text-portal {
  font-size: 1.5rem;
  color: #2e6194;
  letter-spacing: -0.01em;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .cover.es .coverText {
    padding: 44px 0 66px;
    height: 158px;
  }
  .cover.es .coverText:after {
    content: "";
    position: absolute;
    width: 40px;
    border: 1px solid #fff;
    top: 62%;
    left: 50%;
    margin-left: -30px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6), -1px -1px 8px rgba(0, 0, 0, 0.6);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6), -1px -1px 8px rgba(0, 0, 0, 0.6);
  }
  
  .cover.es .coverText h1 {
    font-size: 2rem;
    line-height: 2.4rem;
  }

}

@media only screen and (min-width: 768px) {
  .alginate.es .text-portal {
    font-size: 2.2rem;
  }
  .cover.es .coverText:after {
    content: "";
    position: absolute;
    border: 2px solid #fff;
    width: 60px;
    top: 52%;
    left: 50%;
    margin-left: -30px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6), -1px -1px 8px rgba(0, 0, 0, 0.6);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6), -1px -1px 8px rgba(0, 0, 0, 0.6);
  }
}
/*------------------------------------------------------------
  process
------------------------------------------------------------*/
#process .seaweedProcess.es .process h3 {
  font-weight: 600;
}

@media only screen and (max-width: 767px) {

  #process .seaweedProcess.es p {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: -0.01em;
  }
  #process .seaweedProcess.es .process .item.stepnum p {
    line-height: 1.6;
  }
  #process .seaweedProcess.es .process h3 {
    font-size: 1.8rem;
    margin-bottom: 12px;
    line-height: 1;
  }
   #process .seaweedProcess.es .note {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  #process .seaweedProcess .process .talkbox .groupContainer .list ul {
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #process .seaweedProcess .process .talkbox .groupContainer .list ul li {
    width: 50%;
  }
  #process .seaweedProcess .process .talkbox .groupContainer #tab3 .list ul li {
    width: 100%;
  }

}
@media only screen and (min-width: 768px) {
  #process .seaweedProcess.es .process .esTxt {
    line-height: 1.8;
    font-size: 1.8rem;
    letter-spacing: -0.01em;
  }
  #process .seaweedProcess.es .process .item.stepnum p {
    line-height: 1.8;
    font-size: 1.8rem;
    letter-spacing: -0.01em;
  }
  #process .seaweedProcess.es .groupContainer p {
    line-height: 1.8;
    font-size: 1.6rem;
  }
   #process .seaweedProcess.es .note {
    line-height: 1.5;
  }
}

/*------------------------------------------------------------
application
------------------------------------------------------------*/
#application .seaweedApplication .foodMenu .itemTitle {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  #application .seaweedApplication .foodMenu p {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.01em;
  }
  #application .seaweedApplication .foodMenu .itemTitle {
    font-size: 1.8rem;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) {
  #application .seaweedApplication .foodMenu p {
    font-size: 1.7rem;
    letter-spacing: -0.01em;
  }
  #application .seaweedApplication .foodMenu .itemTitle {
    margin-bottom: 10px;
  }
}

/*------------------------------------------------------------
  seaweed
------------------------------------------------------------*/
#seaweed .seaweedIndex .article {
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  #seaweed .seaweedIndex .article {
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media only screen and (min-width: 768px) {
  #seaweed .seaweedIndex .article {
    line-height: 2.4;
    font-size: 1.8rem;
  }
}

/*------------------------------------------------------------
  usage
------------------------------------------------------------*/
#usage .usageText {
  letter-spacing: -0.01em;
  text-align: inherit;
}
#usage .usageList li {
  letter-spacing: -0.01em;
}
#usage .title5 {
  font-weight: 600;
}
#usage .usageNote {
  color: #6d7681;
}
#usage .usage .chemical .item.right ul li {
  letter-spacing: -0.01em;
}
#usage .usage .articleInfo2 {
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  #usage .usageNav li {
	background: #e6f0f7;
    width: 100%;
    margin: 0 0 1px 0;
  }
  #usage .usageNav a {
    font-size: 1.1rem;
    line-height: 1.3;
    padding: 10px;
    height: inherit;
  }
  #usage .usageText {
    font-size: 1.4rem;
    letter-spacing: -0.01em;
  }
  #usage .usageList li {
    font-size: 1.4rem;
    padding-left: 16px;
  }
  #usage .usageList li:before {
    top: 7px;
    width: 8px;
    height: 8px;
  }
  #usage .title5 {
    font-size: 1.4rem;
    letter-spacing: -0.01em;
    line-height: 1.2;
  }
  #usage .usage table td {
    font-size: 1.2rem;
    line-height: 1.1;
  }
   #usage .usageNote {
    font-size: 1.2rem;
  }
  #usage .usageNote li {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  #usage .usage .chemical .item.right ul li {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.01em;
  }
  #usage .usage .articleInfo2 {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  #usage .usageList1 li {
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: -0.01em;
  }
  #usage .usage .table02 td {
    padding-right: 0;
    padding-left: 0;
  }
  #usage .usage .table02 .alignleft {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  #usage .usageNav {
    -webkit-justify-content: start;
            justify-content: start;
  }
  #usage .usageNav li {
  	line-height: 3.5rem;
  }
  #usage .usageNav li:nth-child(2) {
    margin-left: 68px;
  }
  #usage .usageNav li:last-child {
    margin-left: 68px;
  }
  #usage .usageNav a:after {
  	top: 30%;
  }
  #usage .chemical img {
    height: auto;
  }
  #usage .contentStep p {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  #usage .usageText {
    font-size: 1.8rem;
    line-height: 2.4;
    letter-spacing: -0.015em;
  }
  #usage .usageNote {
    font-size: 1.5rem;
    color: #6d7681;
    line-height: 1.5;
  }
  #usage .title5 {
    font-size: 1.8rem;
  }
  #usage .usageList li {
    font-size: 1.8rem;
    line-height: 1.8;
  }
  #usage .usageList li:before {
    margin-right: 5px;
  }
  #usage .usageList1 li {
    font-size: 1.8rem;
    line-height: 1.8;
  }
  #usage .usageList2 li p:before {
    font-weight: 600;
    padding-right: 5px;
  }
  #usage .usage .chemical .item.right ul li {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  #usage .usage .articleInfo2 {
    font-size: 1.8rem;
  }

}
/*------------------------------------------------------------
  structure
------------------------------------------------------------*/
#structure .seaweedStructure .articleContent .paragraph.es p:first-of-type {
  /*letter-spacing: normal;*/
}
#structure .seaweedStructure .articleContent p {
  letter-spacing: -0.01em;
}
@media only screen and (max-width: 767px) {
  #structure .seaweedStructure .articleContent p {
    font-size: 1.4rem;
    line-height: 2;
  }
  #structure .seaweedStructure .articleContent .alignCenter .centerTtl {
    line-height: 1.1;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  #structure .paragraph.es .proImgRight img {
    height: 190px;
  }
  #structure .seaweedStructure .articleContent p {
    font-size: 1.8rem;
    line-height: 2.4;
  }
  #structure .seaweedStructure .articleContent .alignCenter .centerTtl {
      line-height: 1 !important;
      letter-spacing:-0.02em;
  }
}

/*------------------------------------------------------------
  about
------------------------------------------------------------*/
  #about .about .conts.es p {
    line-height: 2;
    letter-spacing: -0.01em;
  }
}
@media only screen and (max-width: 767px) {
  #about .about .conts.es p {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  #about .about .conts.es p {
    font-size: 1.8rem;
  }
}