/* フォントファミリー */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 共通項目 */
.text_align_right {
  text-align: right;
}

.text_align_center {
  text-align: center;
}

.white_spacing {
  white-space: nowrap;
}

.contents_image img {
  max-width: 100%;
}

hr {
  border-top: solid 1px #727f7e;
}

#faq_05_table1 caption,
#faq_05_table2 caption {
  font-weight: bold;
}

#faq_05_table1 tr:first-child th {
  text-align: center;
}

#faq_05_table1 td {
  text-align: center;
}

#faq_05_table1 th,
#faq_05_table2 th {
  width: initial;
}

#faq_05_table2 tr:first-child th {
  text-align: center;
}

#faq_05_table2 td {
  text-align: center;
}

.under_line {
  border-bottom: 1px solid #008375;
  text-align: center;
  padding: 20px 0;
}

.text_line-through {
  text-decoration: line-through;
}

.text_line-wavy {
  text-decoration: underline wavy;
}

/* テキストカラー */
.text_color_red {
  color: #f23434;
}

.text_color_green {
  color: #008375;
}

/* HEADER AREA */
.header_area {
  margin-top: 15px;
  margin-bottom: 15px;
}

.header_area h1 {
  margin: 0;
  padding: 0;
}

.header_area img {
  max-width: 100%;
  margin-bottom: 10px;
}

.google_search {
  text-align: right;
  margin-bottom: 15px;
}

.google_search img {
  margin-top: 15px;
}

/* BREADCRUMB AREA */
.breadcrumb {
  margin: 0px;
  padding: 0px;
  background-color: #fff;
}

/* NAVIGATION AREA */
.navbar-jbf {
  margin-bottom: 15px;
  background-color: #fff;
}

.navbar-jbf .navbar-brand {
  color: #fff;
}

.navbar-jbf .navbar-brand:hover,
.navbar-jbf .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-jbf .navbar-text {
  color: #fff;
}

.navbar-jbf .navbar-nav>li {
  color: #000;
  display: inline;
  /* 横並びにさせる */
  border-left: 1px solid #d9dedd;
  /* 区切り線 */
  background-color: #fff;
}

.navbar-jbf .navbar-nav>li:last-child {
  border-right: 1px solid #d9dedd;
  /* 区切り線 */
}

.navbar-jbf .navbar-nav>li>a {
  color: #000;
  text-align: center;
  width: 188.8px;
  font-size: 12px;
}

.navbar-jbf .navbar-nav>li>a:hover,
.navbar-jbf .navbar-nav>li>a:focus {
  color: #000;
  background-color: #d8eded;
}

.navbar-jbf .navbar-nav>.active>a,
.navbar-jbf .navbar-nav>.active>a:hover,
.navbar-jbf .navbar-nav>.active>a:focus {
  color: #000;
  background-color: #d8eded;
}

.navbar-jbf .navbar-nav>.disabled>a,
.navbar-jbf .navbar-nav>.disabled>a:hover,
.navbar-jbf .navbar-nav>.disabled>a:focus {
  color: #000;
  background-color: transparent;
}

.navbar-jbf .navbar-toggle {
  border-color: #008375;
}

.navbar-jbf .navbar-toggle:hover,
.navbar-jbf .navbar-toggle:focus {
  background-color: #d8eded;
}

.navbar-jbf .navbar-toggle .icon-bar {
  background-color: #008375;
}

.navbar-jbf .navbar-collapse,
.navbar-jbf .navbar-form {
  border-color: #008375;
}

.navbar-jbf .navbar-nav>.open>a,
.navbar-jbf .navbar-nav>.open>a:hover,
.navbar-jbf .navbar-nav>.open>a:focus {
  color: #000;
  background-color: #000;
}

.access_button {
  width: 90%;
  display: flex;
}

.access_button a button {
  width: 200px;
  height: 70%;
  background-color: #CAE5D1;
  background: linear-gradient(#F0F8F2, #CAE5D1);
  padding: 20px 0px;
  border-radius: 9px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.access_button a {
  color: #40A298;
  font-weight: bold;
}
.bold-underline{
  font-weight: bold;
  text-decoration: underline;
}
.access_button2 {
  width: 90%;
  display: flex;
}
.access_button2 a button {
  width: 300px;
  background-color: #CAE5D1;
  background: linear-gradient(#F0F8F2, #CAE5D1);
  padding: 20px 0px;
  border-radius: 9px;
  margin: 10px;
}
.access_button2a {
  color: #40A298;
  font-weight: bold;
}

@media (max-width: 767px) {
  .navbar-jbf .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #000;
  }

  .navbar-jbf .navbar-nav .open .dropdown-menu .divider {
    background-color: #000;
  }

  .navbar-jbf .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
  }

  .navbar-jbf .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-jbf .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #000;
    background-color: transparent;
  }

  .navbar-jbf .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-jbf .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-jbf .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #000;
    background-color: #fff;
  }

  .navbar-jbf .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-jbf .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-jbf .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #000;
    background-color: transparent;
  }

  .navbar-jbf .navbar-nav>li>a {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header-comment {
    display: none;
  }

  .access_button {
    display: inherit;
  }
}

@media (max-width: 380px) {
  .header-en-font-size {
    font-size: 10px;
  }
}

.navbar-jbf .navbar-nav>.dropdown>a:hover .caret,
.navbar-jbf .navbar-nav>.dropdown>a:focus .caret {
  border-top-color: #000;
  border-bottom-color: #d8eded;
}

.navbar-jbf .navbar-nav>.open>a,
.navbar-jbf .navbar-nav>.open>a:hover,
.navbar-jbf .navbar-nav>.open>a:focus {
  color: #000;
  background-color: #d8eded;
}

.navbar-jbf .navbar-nav>.open>a .caret,
.navbar-jbf .navbar-nav>.open>a:hover .caret,
.navbar-jbf .navbar-nav>.open>a:focus .caret {
  border-top-color: #000;
  border-bottom-color: #d8eded;
}

.navbar-jbf .navbar-nav>.dropdown>a .caret {
  border-top-color: #000;
  border-bottom-color: #d8eded;
}

.navbar-jbf .navbar-link {
  color: #000;
}

.navbar-jbf .navbar-link:hover {
  color: #000;
}

.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
}

/* NAVIGATION AREA EN */
.navbar-jbf-en {
  margin-bottom: 15px;
  background-color: #fff;
}

.navbar-jbf-en .navbar-brand {
  color: #fff;
}

.navbar-jbf-en .navbar-brand:hover,
.navbar-jbf-en .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-jbf-en .navbar-text {
  color: #fff;
}

.navbar-jbf-en .navbar-nav>li {
  color: #000;
  display: inline;
  /* 横並びにさせる */
  border-left: 1px solid #d9dedd;
  /* 区切り線 */
  background-color: #fff;
}

.navbar-jbf-en .navbar-nav>li:last-child {
  border-right: 1px solid #d9dedd;
  /* 区切り線 */
}

.navbar-jbf-en .navbar-nav>li>a {
  color: #000;
  text-align: center;
  width: 226.8px;
  font-size: 12px;
}

.navbar-jbf-en .navbar-nav>li>a:hover,
.navbar-jbf-en .navbar-nav>li>a:focus {
  color: #000;
  background-color: #d8eded;
}

.navbar-jbf-en .navbar-nav>.active>a,
.navbar-jbf-en .navbar-nav>.active>a:hover,
.navbar-jbf-en .navbar-nav>.active>a:focus {
  color: #000;
  background-color: #d8eded;
}

.navbar-jbf-en .navbar-nav>.disabled>a,
.navbar-jbf-en .navbar-nav>.disabled>a:hover,
.navbar-jbf-en .navbar-nav>.disabled>a:focus {
  color: #000;
  background-color: transparent;
}

.navbar-jbf-en .navbar-toggle {
  border-color: #008375;
}

.navbar-jbf-en .navbar-toggle:hover,
.navbar-jbf-en .navbar-toggle:focus {
  background-color: #d8eded;
}

.navbar-jbf-en .navbar-toggle .icon-bar {
  background-color: #008375;
}

.navbar-jbf-en .navbar-collapse,
.navbar-jbf-en .navbar-form {
  border-color: #008375;
}

.navbar-jbf-en .navbar-nav>.open>a,
.navbar-jbf-en .navbar-nav>.open>a:hover,
.navbar-jbf-en .navbar-nav>.open>a:focus {
  color: #000;
  background-color: #000;
}

@media (max-width: 767px) {
  .navbar-jbf-en .navbar-nav .open .dropdown-menu>.dropdown-header {
    border-color: #000;
  }

  .navbar-jbf-en .navbar-nav .open .dropdown-menu .divider {
    background-color: #000;
  }

  .navbar-jbf-en .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
  }

  .navbar-jbf-en .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-jbf-en .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #000;
    background-color: transparent;
  }

  .navbar-jbf-en .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-jbf-en .navbar-nav .open .dropdown-menu>.active>a:hover,
  .navbar-jbf-en .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #000;
    background-color: #fff;
  }

  .navbar-jbf-en .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-jbf-en .navbar-nav .open .dropdown-menu>.disabled>a:hover,
  .navbar-jbf-en .navbar-nav .open .dropdown-menu>.disabled>a:focus {
    color: #000;
    background-color: transparent;
  }
}

.navbar-jbf-en .navbar-nav>.dropdown>a:hover .caret,
.navbar-jbf-en .navbar-nav>.dropdown>a:focus .caret {
  border-top-color: #000;
  border-bottom-color: #d8eded;
}

.navbar-jbf-en .navbar-nav>.open>a,
.navbar-jbf-en .navbar-nav>.open>a:hover,
.navbar-jbf-en .navbar-nav>.open>a:focus {
  color: #000;
  background-color: #d8eded;
}

.navbar-jbf-en .navbar-nav>.open>a .caret,
.navbar-jbf-en .navbar-nav>.open>a:hover .caret,
.navbar-jbf-en .navbar-nav>.open>a:focus .caret {
  border-top-color: #000;
  border-bottom-color: #d8eded;
}

.navbar-jbf-en .navbar-nav>.dropdown>a .caret {
  border-top-color: #000;
  border-bottom-color: #d8eded;
}

.navbar-jbf-en .navbar-link {
  color: #000;
}

.navbar-jbf-en .navbar-link:hover {
  color: #000;
}

/* CAROUSEL AREA */
.carousel-indicators li {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #008375;
}

.carousel-indicators .active {
  background-color: #008375;
}

/* CONTENTS AREA */

.contents_area {
  margin-bottom: 15px;
}

.img_left img {
  float: left;
}

.txt_right {
  float: right;
}

.hspace {
  margin-right: 10px;
  margin-left: 10px;
}

.contents_area p,
h4 {
  padding-top: 5px;
  line-height: 1.8em;
}

.contents_area_midashi {
  background-color: #d7d1d1;
}

.contents_area li {
  line-height: 1.5em;
}

.contents_area_flex {
  padding-left: 25px;
  padding-right: 25px;
}

.contents_area_leftmenu {
  padding: 0px;
  list-style-type: none;
}

.contents_area_leftmenu li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #008375;
}

.contents_area_leftmenu .active {
  border-bottom: solid 3px #008375;
  color: #008375;
  font-weight: bold;
}

.contents_area_leftmenu a:link, .contents_area_leftmenu span {
  color: #000;
  background: url(../img/yaji.png) no-repeat;
  padding-left: 23px;
}

.contents_area_leftmenu a:visited {
  color: #000;
}

.contents_area_leftmenu a:hover {
  color: #000;
}

.contents_area_leftmenu a:active {
  color: #000;
}

.contents_area_table {
  width: 100%;
  border: solid 1px #727f7e;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.contents_area_table caption {
  color: #000;
}

.contents_area_table th {
  width: 10%;
  padding: 10px;
  border: solid 1px #727f7e;
  background-color: #ccd2d1;
  white-space: nowrap;
}

.contents_area_table td {
  padding: 10px;
  border: solid 1px #727f7e;
}

.contents_area_table_companies th {
  width: 10%;
  padding: 10px;
  border: solid 1px #727f7e;
  background-color: #ccd2d1;
  white-space: nowrap;
  padding-right: 23px;
}

.contents_area_table_companies td {
  padding: 10px;
  border: solid 1px #727f7e;
}

.sch_tbl th,
.tissier_tbl th {
  text-align: center;
  width: 0%;
}

.sch_tbl th:first-child {
  max-width: 50px;
  min-width: 50px;
}

.tissier_tbl th:first-child {
  max-width: 90px;
  min-width: 90px;
}

.sch_tbl tr td:first-child {
  text-align: center;
}

.sch_tbl tr td span {
  display: inline-block;
}

.contents_area_table ol {
  margin: 0px;
  padding-left: 15px;
}

ol.toji {
  list-style-type: none;
}

ol.toji li {
  counter-increment: cnt;
}

ol.toji li:before {
  content: "("counter(cnt) ") ";
  display: inline-block;
  margin-left: -2em;
  width: 2em;
}

#rekidaiyakuin .contents_area_table tr th:nth-child(1),
#rekidaiyakuin .contents_area_table tr td:nth-child(1) {
  width: 30%;
  min-width: 110px;
  text-align: center;
}

#rekidaiyakuin .contents_area_table tr th:nth-child(2),
#rekidaiyakuin .contents_area_table tr td:nth-child(2) {
  width: 70%;
  text-align: center;
}

.table__col3--vitamin {
  margin: 0 auto 10px;
  width: 80%;
}
.table__col3--vitamin caption, .table__col3--vitamin th {
  text-align: center;
}
.table__col3--vitamin th, .table__col3--vitamin td {
  border: solid 1px;
  padding: 0.1em 0.5em;
}
.table__col3--vitamin th:nth-child(1), .table__col3--vitamin th:nth-child(2) {
  width: 15%;
}
.table__col3--vitamin td:nth-child(2) {
  text-align: center;
}
@media (max-width: 992px) {
  .table__col3--vitamin {
    width: 100%;
  }
}
@media (max-width: 380px) {
  .table__col3--vitamin th, .table__col3--vitamin td {
    padding: 0.1em 0.2em;
  }
}

.contents_area_divcircle {
  border: solid 1px #727f7e;
  padding: 10px;
  margin-bottom: 15px;
}

.td-under {
  vertical-align: bottom;
}

.title_bar {
  margin-top: 15px;
  padding: 10px;
  color: #008375;
  font-size: 15px;
  background-color: #b9dec3;
}

.title_bar_n {
  font-size: 18px;
}

.midashi_bar {
  border: solid 1px #008375;
  border-left: solid 20px #008375;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}

.komidashi_bar {
  border-top: solid 1px #008375;
  border-bottom: solid 1px #008375;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

span.check {
  font-size: 1.3em;
  left: 0;
  top: 0;
  color: #008375;
  margin: 0 10px 0 5px;

}

.ul_style_normal {
  list-style-type: disc;
}

.ul_style_normal li {
  padding: 5px;
}

.ul_style_disc {
  color: #008375;
}

.ul_style_disc li {
  padding: 5px;
}

.ul_style_disc span {
  color: #000;
}

.ul_style_none {
  padding: 0;
  list-style-type: none;
}

.ul_img img {
  max-width: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
}

.float_line li {
  padding-right: 19px;
  padding-bottom: 19px;
  float: left;
}

.dl_style {
  padding-top: 5px;
  padding-left: 25px;
  padding-right: 25px;
}

.dl_style dt {
  font-weight: normal;
}

.dl_style2 {
  padding-top: 10px;
}

.dl_style2 dt {
  font-weight: normal;
  white-space: nowrap;
  width: 10%;
  float: left;
}

.dl_style2 dd {
  padding-bottom: 10px;
  width: 90%;
  float: left;
}

.dl_style3 {
  padding-top: 10px;
}

.dl_style3 dt {
  font-weight: normal;
  white-space: nowrap;
  width: 18%;
  float: left;
}

.dl_style3 dd {
  padding-bottom: 10px;
  width: 82%;
  float: left;
}

.download_button {
  display: flex;
  margin: 0.5em 0;
}

.download_button div {
  margin: 0 20px;
}

.download_button a button {
  width: 250px;
  background-color: #CAE5D1;
  background: linear-gradient(#F0F8F2, #CAE5D1);
  padding: 20px 0px;
  border-radius: 9px;
  margin: 10px;
}

.contact__outer {
  text-align: right;
}

.contact__inner {
  text-align: left;
  margin-left: auto;
  margin-right: 0;
  width: 260px;
}

.abstract_pw {
  text-align: center;
  margin: 10px auto;
}

.abstract_pw form {
  margin-bottom: 20px;
}

/* PAGE TOP BUTTON */
#page-top {
  z-index: 1;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 80%;
  opacity: 0.9;
}

#page-top a {
  background: #b9dec3;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 25px 0;
  text-align: center;
  display: block;
  border-radius: 10px;
}

#page-top a:hover {
  text-decoration: none;
  background: #008375;
}

/* BANNER AREA */
.banner_area {
  margin-left: 25px;
  margin-right: 25px;
}

.banner_mid {
  min-width: 200px;
  display: flex;
  justify-content: center;
  border: #727f7e solid 1px;
}

/* BANNER AREA EN */
.banner_area_en {
  width: 38%;
}

/* FOOTER AREA */
.footer_area {
  margin-top: 20px;
  padding: 15px;
  background-color: #d8eded;
}

.footer_area p {
  color: #008375;
  text-align: center;
}

.footer_menu {
  margin-left: 27%;
  margin-right: 27%;
}

.footer_menu ul {
  padding: 5px;
  list-style-type: none;
}

.footer_menu li {
  padding: 5px;
  float: left;
}

.footer_menu a:link {
  color: #008375;
}

.footer_menu a:visited {
  color: #008375;
}

.footer_menu a:hover {
  color: #008375;
}

.footer_menu a:active {
  color: #008375;
}

/*バナー用*/

.banner-Limited a img {
  border: 1px solid black;
}

/* 微調整 */
.adjust__schedule {
  padding: 0 .25em;
}
.adjust__indent {
  text-indent: 1em;
}
.adjust__right {
  text-align: right;
  margin-bottom: 1em;
}
.adjust__space2 {
  content: "";
  padding: 0 1em;
}
.adjust__super {
  vertical-align: super;
  font-size: 0.75em;
}
.adjust__margin-top{
  margin-top: 1em;
}
.adjust__margin-left {
  margin-left: 1em;
}

.js__none {
  display: none;
}

.keyword__outer {
  width: 100%;
  display: flex;
  margin: 1rem 0 2rem;
}
.keyword {
  border: 1px solid #008375;
  padding: 0.5rem 1rem;
}
.keyword:hover {
  background-color: #008375;
  color: #fff;
  cursor: pointer;
}
.content {
  width: 5rem;
  border: 1px solid #008375;
  padding: 0.5rem 1rem;
}

.flex {
  display: flex;
}
.whitespace-normal {
  white-space: normal;
}
.underline {
  text-decoration: underline;
}