@charset "UTF-8";
/*基本の青*/
/*薄いグレー*/
/*薄いグレー*/
/*スマホメニューの色*/
/*スマホメニューの色*/
#mainimg {
  height: 260px;
  position: relative;
  max-width: 1200px;
  margin: 10px auto;
}
#mainimg h2 {
  position: absolute;
  font-size: 1.8em;
  color: #fff;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.container {
  max-width: 800px;
  margin: 20px auto 0 auto;
}

figure iframe {
  display: block;
  margin: 0 auto;
}

.readtext {
  text-align: center;
  font-size: 1.6em;
}

h3 {
  text-align: left;
  font-size: 1.6em;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
h3:after {
  margin-left: 5px;
  border-top: 2px solid #000;
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.commentsbox {
  max-width: 900px;
  margin: 0 auto 40px auto;
}
.commentsbox:last-child {
  margin-bottom: 0;
}
.commentsbox p {
  text-align: left;
  margin-bottom: 20px;
}
.commentsbox p:last-child {
  margin-bottom: 0;
}

#fasting #mainimg {
  background: url(../images/fasting/mainimg.jpg) center center no-repeat;
  background-size: cover;
}

#microorganism #mainimg {
  background: url(../images/microorganism/mainimg.jpg) center center no-repeat;
  background-size: cover;
}

#intestinal_environment #mainimg {
  background: url(../images/intestinal_environment/mainimg.jpg) center center no-repeat;
  background-size: cover;
}
#intestinal_environment #mainimg h2 {
  color: #000;
}

#fermented_food #mainimg {
  background: url(../images/fermented_food/mainimg.jpg) center center no-repeat;
  background-size: cover;
}

#intestinal_environment_support #mainimg {
  background: url(../images/intestinal_environment_support/mainimg.jpg) center center no-repeat;
  background-size: cover;
}

#news #mainimg {
  background: url(../images/news/mainimg.jpg) center center no-repeat;
  background-size: cover;
}

#blog #mainimg {
  background: url(../images/blog/mainimg.jpg) center center no-repeat;
  background-size: cover;
}

#company #mainimg {
  background: url(../images/company/mainimg.jpg) center center no-repeat;
  background-size: cover;
}
#company .commentsbox dl {
  text-align: left;
}
#company .commentsbox dl dt {
  width: 8em;
  float: left;
}
#company .commentsbox dl dd {
  padding-left: 9em;
  margin-bottom: 20px;
}

#contact #mainimg, #contact2 #mainimg, #thanks #mainimg {
  background: url(../images/contact/mainimg.jpg) center center no-repeat;
  background-size: cover;
}
#contact .formbox, #contact2 .formbox, #thanks .formbox {
  max-width: 900px;
  margin: 0 auto;
}
#contact dl, #contact2 dl, #thanks dl {
  text-align: left;
  margin-bottom: 40px;
}
#contact dl dt, #contact2 dl dt, #thanks dl dt {
  width: 12em;
  float: left;
}
#contact dl dt .hissu, #contact2 dl dt .hissu, #thanks dl dt .hissu {
  font-size: 0.8em;
  color: #f00;
  margin-left: 10px;
}
#contact dl dd, #contact2 dl dd, #thanks dl dd {
  padding-left: 13em;
  margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  section {
    padding: 0 20px;
  }
}
@media screen and (max-width: 820px) {
  h3 {
    font-size: 1.4em;
  }
  .container {
    width: 100%;
  }
  #contact dl dt, #contact2 dl dt, #thanks dl dt {
    width: 100%;
    float: none;
  }
  #contact dl dd, #contact2 dl dd, #thanks dl dd {
    padding-left: 0;
  }
  #company .commentsbox dl dt {
    width: 100%;
    float: none;
    border-bottom: 1px #333 solid;
  }
  #company .commentsbox dl dd {
    padding-left: 0;
  }
}