@charset "UTF-8";
/*レイアウトの基本定義
max960pxのcontainerを中央に配置し、コンテンツはsection毎に区切って配置。sectionの中に更にitemを内包させる。
sectionはflex、itemはblockに設定している。
最終sectionはbottomにmarginを設定し、footerに備えてある。----------*/
@media screen and (width >= 960px) {
  .container {
    display: block;
    margin: 0 auto;
    max-width: 960px;
    margin-bottom: 4em;
  }
  .section,
  .section_flex {
    display: flex;
    flex-shrink: 1;
    gap: 3em;
    justify-content: space-between;
    margin-top: 1em;
  }
  .section:nth-child(5) {
    margin-top: 4em;
  }
}
@media screen and (width < 960px) {
  .container {
    display: block;
    margin: 0 auto;
    padding: 0em, 4em, 0em, 4em;
  }
  .section {
    display: block;
    margin-top: 1em;
  }
  .section:nth-child(5) {
    margin-top: 2em;
  }
  .section_flex {
    display: flex;
    flex-shrink: 1;
    gap: 1em;
    justify-content: space-between;
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
.item, .item_date {
  display: block;
  width: 100%;
}

.item_date {
  text-align: right;
}

h1 {
  color: #333 !important;
}

h2 {
  background-color: #e6e6e6 !important;
  padding: 0.6em 0em 0.6em 0.8em !important;
  margin-top: 2em !important;
  font-size: 1.5rem !important;
  color: #333 !important;
}

h2:first-child {
  margin-top: 0 !important;
}

h3 {
  background-color: #efefef !important;
  padding: 0.6em 0em 0.6em 0.8em !important;
  margin: 0 !important;
  font-size: 1.2rem !important;
  border-bottom: none !important;
}

.column {
  display: flex;
  margin-bottom: 0.6em;
}
.column .column_left {
  display: block;
  width: 30%;
  padding: 0.8em 0.8em 0.8em 1.2em;
  border-right: solid 1px #ccc;
}
.column .column_right {
  display: block;
  width: 70%;
  padding: 0.8em 0.8em 0.8em 1.2em;
}

.click_button_column {
  margin-top: 2em;
}

.pPanel {
  padding: 0.5em !important;
  line-height: 1.6em !important;
  font-size: 1rem !important;
}

img {
  max-width: 100%;
}

small {
  font-size: 0.3rem;
}

html {
  font-size: min((100vw - 320px) / 244 + 10px, 12px);
}

body {
  color: #333;
  font-family: "游ゴシック Medium", Yu Gothic Medium, "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 1rem !important;
  line-height: 1.5em;
  letter-spacing: 0.08em;
}

/*登録産品ページのレイアウトの定義
----------*/
.click_button {
  box-sizing: content-box !important;
  display: inline-block;
  padding: 0.8em !important;
  width: 12em;
  background: #c00000;
  margin-top: 0.4em;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.click_button:hover {
  background: #004cc0;
  color: #fff;
}/*# sourceMappingURL=style.css.map */