@charset "UTF-8";
/* CSS Document */
/********** フォント設定 **********/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  color: #4d4d4d;
}

/********** ベースタグ設定 **********/
* {
  max-height: 99999px;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

.drawer-hamburger, a {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: inherit;
}
.drawer-hamburger:active, a:active, .drawer-hamburger:focus, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .drawer-hamburger:hover, a:hover {
    color: inherit;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@media (min-width: 768px) {
  a:hover {
    opacity: 0.75;
  }
}
a.hv_udr {
  text-decoration: underline;
}
@media (min-width: 768px) {
  a.hv_udr {
    text-decoration: none;
  }
  a.hv_udr:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
a.hv_md_udr {
  text-decoration: none;
}
@media (min-width: 768px) {
  a.hv_md_udr {
    text-decoration: none;
  }
  a.hv_md_udr:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
a.blue_link {
  text-decoration: underline;
  color: #0c387f;
}

.dummyBox {
  display: block;
  width: 100%;
  height: 1000px;
}

/********** formタグリセット **********/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

/********** #wrapperエリア **********/
#wrapper {
  font-size: 1.4rem;
  line-height: 1.75;
  font-size: 1.6rem;
  line-height: 2.2;
  width: 100%;
  overflow: hidden;
}

/********** パンくず **********/
#breadcrumbs {
  display: block;
  font-size: 1.4rem;
  line-height: 1.7;
}
#breadcrumbs ul {
  margin-top: 15px;
  letter-spacing: -0.5em;
}
#breadcrumbs ul li {
  display: inline-block;
  letter-spacing: normal;
}
#breadcrumbs ul li:not(:last-of-type):after {
  content: ">";
  margin-left: 0.5em;
  margin-right: 0.5em;
}
@media (min-width: 768px) {
  #breadcrumbs ul {
    margin-top: 20px;
  }
}
#breadcrumbs a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  #breadcrumbs a {
    text-decoration: none;
  }
  #breadcrumbs a:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
#breadcrumbs:before {
  content: "";
  display: table;
}

.list_style_disc li {
  list-style: disc;
  margin-left: 1.5em;
}

/********** ページ内リンク **********/
.page_link ul {
  font-size: 1.4rem;
  line-height: 1.6;
}
.page_link ul li {
  display: inline-block;
}
.page_link ul li a {
  padding: 0px 10px 0px 15px;
  background: url("../img/common/img_icon_09.jpg") no-repeat 3px 0.3em;
  letter-spacing: 0.01em;
}

/********** 共通バナー **********/
.general_bnr_base > [class*=col-] {
  border-right: 1px #cccccc solid;
}
@media (min-width: 768px) {
  .general_bnr_base > [class*=col-] {
    border-right: none;
  }
  .general_bnr_base > [class*=col-]:last-of-type .general_bnr {
    border-right: 1px #cccccc solid;
  }
}

.general_bnr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding-top: 40%;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}
@media (min-width: 768px) {
  .general_bnr {
    padding-top: 60%;
  }
}
.general_bnr.type01 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr01.png) no-repeat center/cover;
}
.general_bnr.type02 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr02.png) no-repeat center/cover;
}
.general_bnr.type03 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr03.png) no-repeat center/cover;
}
.general_bnr.type04 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr04.png) no-repeat center/cover;
}
.general_bnr .img_in_text02 .icn {
  width: 50%;
  margin-right: 7.5%;
}
.general_bnr .img_in_text02 .icn:before {
  content: "";
  padding-top: 84.6%;
  display: block;
}

/********** スマホフッタメニュー **********/
.footer_menu {
  margin-top: 30px;
  padding-top: 50px;
  padding-bottom: 75px;
  background-color: #ebebeb;
}
.footer_menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  border: 1px #cccccc solid;
  background-color: #ffffff;
  line-height: 1;
  padding: 15px;
}
.footer_menu a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px #06406f solid;
  border-top: 2px #06406f solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: auto;
}
.footer_menu a:not(:first-of-type) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .footer_menu {
    display: none;
  }
}

/* 5 Columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-30,
.col-sm-30,
.col-md-30,
.col-lg-30 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.col-xs-30 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
}

@media (min-width: 768px) {
  .col-sm-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (min-width: 992px) {
  .col-md-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (min-width: 1200px) {
  .col-lg-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-30 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
}
/********** .drawer-hamburger **********/
.drawer-hamburger {
  width: 28px;
  position: static;
  padding-top: 12px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 6px;
  margin-left: auto;
  z-index: 1;
  background-color: #06406f;
}
@media (min-width: 768px) {
  .drawer-hamburger {
    display: none;
  }
}
.drawer-hamburger:hover {
  background-color: #0c387f;
}

.drawer-hamburger-icon {
  height: 2px;
  background-color: #ffffff;
}

.drawer-hamburger-icon:before {
  top: -10px;
  height: 2px;
  background-color: #ffffff;
}

.drawer-hamburger-icon:after {
  top: 10px;
  height: 2px;
  background-color: #ffffff;
}

.drawer-hamburger-title {
  color: #ffffff;
  display: block;
  line-height: 1;
  font-size: 1rem;
  margin-top: 15px;
}

.drawer-nav {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .drawer-nav {
    display: none;
  }
}

.drawer-menu > * {
  background-color: #0c387f;
  border-bottom: 1px #6d88b2 solid;
}
.drawer-menu > *.minor {
  background-color: #acacac;
  border-bottom: 1px #ffffff solid;
}
.drawer-menu > *.minor:last-of-type {
  border-bottom: none;
}
.drawer-menu > *.searchbox {
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.drawer-menu form[name=search] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #dfdfdf solid;
  font-size: 1.6rem;
}
.drawer-menu form[name=search] input[name=word], .drawer-menu form[name=search] input[name=query] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 5px;
  padding-right: 5px;
}
.drawer-menu form[name=search] button {
  background-color: #8fc31f;
  color: #ffffff;
  text-align: center;
  padding-left: 0.8em;
  padding-right: 0.8em;
}

.drawer-dropdown-menu > * {
  background-color: #ffffff;
}
.drawer-dropdown-menu > *:not(:last-of-type) {
  border-bottom: 1px #6d88b2 solid;
}

.drawer-menu-floor1 {
  font-size: 1.6rem;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
}
.drawer-menu-floor1:hover {
  color: #ffffff;
}

.drawer-menu-floor2 {
  font-size: 1.6rem;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: calc(15px + 1em);
  padding-right: 15px;
  color: #666666;
}
.drawer-menu-floor2.baselink {
  padding-left: 15px;
  color: #06406f;
}

.drawer-dropdown-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-dropdown-link > p,
.drawer-dropdown-link > a {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.drawer-dropdown-link .dropdown-linkicn {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.drawer-dropdown-link .dropdown-linkicn:after {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  margin-right: 0.3em;
  border-top: 2px #ffffff solid;
  border-right: 2px #ffffff solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-dropdown-menu .dropdown-linkicn:after {
  border-top: 2px #0c387f solid;
  border-right: 2px #0c387f solid;
}

.drawer-dropdown-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-dropdown-switch > p,
.drawer-dropdown-switch > a {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.drawer-dropdown-switch .dropdown-toggle {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.drawer-dropdown-switch .dropdown-toggle:after {
  content: "＋";
  font-size: 2rem;
  border: none;
  vertical-align: baseline;
}
.drawer-dropdown-switch .dropdown-toggle.opened:after {
  content: "ー";
}

.drawer-overlay {
  background-color: transparent;
}

/********** .container設定 **********/
.container {
  width: 100%;
  max-width: none;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: none;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1030px;
  }
}
.container.lg {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 992px) {
  .container.lg {
    max-width: 1200px;
  }
}
.container.lgmd {
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .container.lgmd {
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }
}

/********** ガター設定 **********/
.gutter-50 {
  margin-left: -25px;
  margin-right: -25px;
}

.gutter-50 > [class*=col-] {
  padding-left: 25px;
  padding-right: 25px;
}

.gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.gutter-20 > [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.gutter-16 {
  margin-left: -8px;
  margin-right: -8px;
}

.gutter-16 > [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}

.gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.gutter-10 > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 768px) {
  .gutter-md-30 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .gutter-md-30 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/********** 5分割設定 **********/
/*
ex)
col-5-1 20%
col-sm-5-3 60%
col-md-5-4 80%
*/
.col-xl-5-5, .col-xl-5-4, .col-xl-5-3, .col-xl-5-2, .col-xl-5-1, .col-lg-5-5, .col-lg-5-4, .col-lg-5-3, .col-lg-5-2, .col-lg-5-1, .col-md-5-5, .col-md-5-4, .col-md-5-3, .col-md-5-2, .col-md-5-1, .col-sm-5-5, .col-sm-5-4, .col-sm-5-3, .col-sm-5-2, .col-sm-5-1, .col-xs-5-5, .col-5-5, .col-xs-5-4, .col-5-4, .col-xs-5-3, .col-5-3, .col-xs-5-2, .col-5-2, .col-xs-5-1, .col-5-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 0px) {
  .col-xs-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xs-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xs-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xs-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xs-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .col-sm-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-sm-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-sm-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-sm-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-md-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-md-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-md-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-lg-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-lg-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-lg-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xl-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xl-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xl-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
/********** 各パーツ **********/
/***** フォントサイズ *****/
.fz_75pc {
  font-size: 75%;
}

sup {
  font-size: 75%;
}

/***** フォントカラー *****/
.fc_white {
  color: #ffffff;
}

.fc_black01 {
  color: #333333;
}

.fc_blue01 {
  color: #06406f;
}

.fc_blue02 {
  color: #0066cc;
}

.fc_red {
  color: #ff0000;
}

.fc_green {
  color: #70ba2e;
}

/***** フォントウェイト *****/
.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-700 {
  font-weight: 700;
}

@media (min-width: 768px) {
  .fw-md-400 {
    font-weight: 400;
  }
  .fw-md-500 {
    font-weight: 500;
  }
  .fw-md-700 {
    font-weight: 700;
  }
}
/***** ラインハイト *****/
.lh-10 {
  line-height: 1;
}

.lh-12 {
  line-height: 1.2;
}

.lh-13 {
  line-height: 1.3;
}

.lh-14 {
  line-height: 1.4;
}

.lh-15 {
  line-height: 1.5;
}

.lh-16 {
  line-height: 1.6;
}

.lh-17 {
  line-height: 1.7;
}

.lh-18 {
  line-height: 1.8;
}

.lh-19 {
  line-height: 1.9;
}

.lh-20 {
  line-height: 2;
}

.lh-21 {
  line-height: 2.1;
}

.lh-22 {
  line-height: 2.2;
}

.lh-23 {
  line-height: 2.3;
}

@media (min-width: 768px) {
  .lh-md-10 {
    line-height: 1;
  }
}

/***** ワイド *****/
.w_800px {
  width: 800px;
}

.w_100pc {
  width: 100%;
}

.mw_70px {
  min-width: 70px;
}

.mw_100px {
  min-width: 100px;
}

@media (min-width: 768px) {
  .w_md_w_100pc {
    width: 100%;
  }
  .w_md_75pc {
    width: 75%;
  }
}
/***** ボーダー *****/
.bdr_bottom_green01_06 {
  border-bottom: 6px #8fc31f solid;
}

.bdr_left_blue01_10 {
  border-left: 10px #06406f solid;
}

.bdr_green_01 {
  border: 1px #8fc31f solid;
}

/***** 区切り線 *****/
.end_bar01 {
  width: 100%;
  height: 1px;
  border: none;
  border-top: 1px #4d4d4d dashed;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .end_bar01 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

/***** バックグラウンドカラー *****/
.bg_blue01 {
  background-color: #06406f;
}

.bg_beige {
  background-color: #F2F1CE;
}

/***** 一覧リンク *****/
.list_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
}
.list_link:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 1.2em;
  margin-right: 0.5em;
  text-align: center;
  border-radius: 100px;
  background-color: #8fc31f;
  color: #ffffff;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

/***** 画像内リンク文字 *****/
.img_in_text01, .img_in_text02 {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.img_in_text02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.img_in_text02:after {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-top: 3px #ffffff solid;
  border-right: 3px #ffffff solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: auto;
}
.img_in_text02.bl_icn:after {
  border-top: 3px #06406f solid;
  border-right: 3px #06406f solid;
}

/***** インラインブロック親 *****/
.inline_base {
  letter-spacing: -0.5em;
}
.inline_base > * {
  letter-spacing: normal;
}

.link_end_line {
  border-right: 1px #4d4d4d solid;
  padding-right: 1em;
  margin-right: 1em;
}

/***** インラインブロック親 *****/
.indention_table {
  display: block;
}
@media (min-width: 768px) {
  .indention_table {
    display: table;
  }
}
.indention_table > dl {
  display: block;
}
@media (min-width: 768px) {
  .indention_table > dl {
    display: table-row;
  }
}
.indention_table > dl > dt {
  display: block;
}
@media (min-width: 768px) {
  .indention_table > dl > dt {
    display: table-cell;
  }
}
.indention_table > dl > dd {
  display: block;
}
@media (min-width: 768px) {
  .indention_table > dl > dd {
    display: table-cell;
  }
}

/***** 三角形矢印 *****/
.tryangle01 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 18px 0 18px;
  border-color: #8fc31f transparent transparent transparent;
  display: inline-block;
}

/***** リスト *****/
.list_pdf li {
  position: relative;
  padding-left: 1.6em;
}
.list_pdf li:after {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px #8fc31f solid;
  border-right: 2px #8fc31f solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0.7em;
  left: 0;
}
.list_pdf li a {
  padding-right: 30px;
  display: inline-block;
  background: url(../img/common/icn_pdf.gif) no-repeat right center;
  color: #06406f;
}

/***** 但し書き *****/
.proviso {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.proviso:before {
  content: "※";
}

/***** 改行 *****/
.white-nowrap {
  white-space: nowrap;
}

/***** メールフォーム *****/
div#mail_form {
  margin: 15px 0;
  width: 100%;
  height: auto;
}
div#mail_form input, div#mail_form button, div#mail_form select, div#mail_form textarea {
  outline: inherit;
  border: 1px solid #000000;
  font-size: 1.6rem;
}
div#mail_form select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}
div#mail_form input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  border-radius: 100px;
}

ul.Form {
  width: 100%;
  margin: 20px 0px 0px 0px;
  border-collapse: inherit;
  border-spacing: 2px;
}
@media (min-width: 768px) {
  ul.Form {
    width: 100%;
  }
  ul.Form li {
    display: table;
    width: 100%;
  }
}
ul.Form textarea {
  width: 100%;
}

ul.Form div {
  width: 100%;
  display: block;
  margin: 2px;
  padding: 8px;
}
@media (min-width: 768px) {
  ul.Form div {
    display: table-cell;
    width: 70%;
    margin: 2px;
    padding: 8px;
  }
}

ul.Form div.Key {
  background-color: #EBEBEB;
  display: block;
  width: 100%;
  margin: 2px;
  padding: 8px;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  ul.Form div.Key {
    display: table-cell;
    width: 30%;
    margin: 2px;
    padding: 8px;
  }
}

table.Form div.KeyCheck {
  background-color: #FFEEEE;
}

/***** レスポンシブ画像切替 *****/
.pc_img {
  display: none;
}
@media (min-width: 768px) {
  .pc_img {
    display: block;
  }
}

.sp_img {
  display: block;
}
@media (min-width: 768px) {
  .sp_img {
    display: none;
  }
}

/********** headerエリア **********/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 101;
}
@media (min-width: 768px) {
  #header {
    position: relative;
  }
}
#header #header_core {
  z-index: 102;
  position: relative;
  background-color: #ffffff;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  #header #header_core {
    height: 100px;
    max-width: 1030px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
#header #header_core .logo img {
  max-height: 55px;
}
@media (min-width: 768px) {
  #header #header_core .logo img {
    max-height: 40px;
  }
}
#header #header_core .logo img.usually {
  display: block;
}
#header #header_core .logo img.toponly {
  display: none;
}
#header #global-menu_outer {
  display: none;
}
@media (min-width: 768px) {
  #header #global-menu_outer {
    display: block;
    background-color: #06406f;
  }
}
#header #global-menu_outer .global-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}
#header #global-menu_outer .global-menu > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 15px;
  padding-right: 15px;
  height: 60px;
}
#header #global-menu_outer .global-menu > *:hover {
  background-color: #0056a8;
}
#header #global-menu_outer .global-menu > *:hover .global-menu-main {
  opacity: 1;
}
#header #global-menu_outer .global-menu .global-dropdown .global-dropdown-menu {
  position: absolute;
  top: 60px;
  left: 0;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #0056a8;
  width: 100%;
  margin: 0;
  padding: 0;
}
#header #global-menu_outer .global-menu .global-dropdown .global-dropdown-menu .row > [class*=col-]:not(:last-of-type) {
  border-right: 1px #ffffff solid;
}
#header #global-menu_outer .global-menu .global-menu-main {
  text-align: center;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#header #global-menu_outer .global-menu .global-dropdown-link {
  color: #ffffff;
  display: inline-block;
}
#header #global-menu_outer .global-menu .global-dropdown-link:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px #ffffff solid;
  border-top: 2px #ffffff solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-right: 0.8em;
  margin-bottom: 0.2em;
}
#header .global-linkicn {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
#header .global-linkicn:after {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px #8fc31f solid;
  border-right: 2px #8fc31f solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#header form[name=search] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #dfdfdf solid;
  font-size: 1.6rem;
  margin-left: 15px;
}
#header form[name=search] input[name=word], #header form[name=search] input[name=query] {
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #ffffff;
}
#header form[name=search] button {
  background-color: #999999;
  color: #ffffff;
  width: 2em;
  text-align: center;
  cursor: pointer;
}
#header .font_size_change {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .font_size_change > * {
  margin-left: 5px;
}
#header .font_size_change > *:nth-of-type(1) {
  margin-left: 0;
}
#header .font_size_change > *:nth-of-type(2) {
  margin-left: 10px;
}
#header .font_size_change .size_select {
  display: block;
  border: 1px #999999 solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  line-height: 1.8;
  width: 1.8em;
  text-align: center;
  cursor: pointer;
}
#header .font_size_change .size_select.textresizer-active {
  border: none;
  background-color: #06406f;
  color: #ffffff;
}

/********** footerエリア **********/
#footer .footer_banner03,
#footer .footer_banner02,
#footer .footer_banner01 {
  display: none;
}
#footer.bnr_type01 .footer_banner01, #footer.bnr_type01 .footer_banner03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#footer.bnr_type02 .footer_banner02, #footer.bnr_type02 .footer_banner03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#footer:before {
  content: "";
  display: table;
}
#footer .copyright {
  background-color: #06406f;
}
@media (min-width: 768px) {
  #footer .copyright {
    margin-top: 160px;
  }
}
#footer .f_link > * {
  margin-top: 10px;
}
#footer .f_link > a {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px #ffffff solid;
}
#footer .f_link > a.last {
  border-right: 1px #ffffff solid;
}
#footer .f_link > a:last-of-type {
  border-right: 1px #ffffff solid;
  margin-right: 20px;
}
#footer .f_link > a:last-of-type.last {
  margin-right: 0;
}
#footer .pagetop {
  position: absolute;
  top: 1px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  right: 15px;
  background-color: #06406f;
  color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.2rem;
  border-radius: 10px 10px 0 0;
}

/********** スクロールバー **********/
#wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0;
  }
}
#wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 32px;
}
#wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 18px;
  border-radius: 0;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 10px;
  background-color: #c4c4c4;
  border-radius: 0;
  margin-top: 11px;
  margin-bottom: 11px;
  width: calc(100% - 8px);
}
#wrapper .mCSB_vertical .mCSB_scrollTools {
  width: 18px;
}
#wrapper .mCSB_vertical .mCSB_scrollTools .mCSB_draggerRail {
  width: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .mCSB_vertical .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
  background-color: transparent;
  border-radius: 0;
  position: relative;
}
#wrapper .mCSB_vertical .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  right: 0;
  background-color: #c4c4c4;
}
#wrapper .simplebar-track.simplebar-vertical {
  width: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .simplebar-track.simplebar-vertical .simplebar-scrollbar {
  width: 14px;
}
#wrapper .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  background-color: #c4c4c4;
  border-radius: 0;
  opacity: 1;
  height: calc(100% - 8px);
}
#wrapper .simplebar-track.simplebar-horizontal {
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 10px;
}
#wrapper .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  background-color: #c4c4c4;
  border-radius: 0;
  opacity: 1;
  width: calc(100% - 8px);
}

/********** トップページ **********/
#top {
  /*** ヘッダ周りトップページ仕様 ***/
  /*** メインビジュアル ***/
  /*** タブ ***/
}
#top header {
  background-color: transparent;
}
#top header #header_core {
  background-color: transparent;
}
#top header #header_core .logo img.usually {
  display: block;
}
#top header #header_core .logo img.toponly {
  display: none;
}
#top header #global-menu_outer {
  background-color: transparent;
}
#top header #global-menu_outer .global-menu > *:hover .global-menu-main {
  color: #ffffff;
}
#top header #global-menu_outer .global-menu > * .global-menu-main {
  color: #4d4d4d;
}
#top header .global-linkicn:after {
  border-top: 2px #4d4d4d solid;
  border-right: 2px #4d4d4d solid;
}
#top header form[name=search] button {
  background-color: #06406f;
}
#top .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 167.7%;
  background: url(../img/top/mv.jpg) no-repeat right bottom/cover;
  margin-top: -55px;
}
@media (min-width: 768px) {
  #top .mv_copy {
    background: url(../img/top/mv_md.jpg) no-repeat right bottom/cover;
    padding-top: 62.5%;
    margin-top: -160px;
  }
}
#top .mv_copy .copy_core {
  display: block;
  width: 100%;
  position: absolute;
  top: 140px;
  left: 0;
}
@media (min-width: 768px) {
  #top .mv_copy .copy_core {
    top: calc((100% - 160px) / 2 + 160px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#top .news_switch > * p {
  padding-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  #top .news_switch > * p {
    padding-bottom: 15px;
    cursor: pointer;
  }
}
#top .news_switch > * p span {
  display: block;
  padding-top: 10px;
  border-top: 1px #acacac solid;
  border-left: 1px #acacac solid;
  color: #acacac;
}
#top .news_switch > * p:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #acacac;
}
@media (min-width: 768px) {
  #top .news_switch > * p:after {
    height: 5px;
  }
}
#top .news_switch > *.current p span {
  color: #4d4d4d;
  border-top: 1px #8fc31f solid;
  border-left: 1px #8fc31f solid;
}
#top .news_switch > *.current p:after {
  background-color: #8fc31f;
}
@media (min-width: 768px) {
  #top .news_switch > *:hover p span {
    color: #4d4d4d;
    border-top: 1px #8fc31f solid;
    border-left: 1px #8fc31f solid;
  }
  #top .news_switch > *:hover p:after {
    background-color: #8fc31f;
  }
}
#top .news_block ul > li {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px #4d4d4d dashed;
}
#top .mdcb {
  display: block;
  padding-top: 40%;
}
@media (min-width: 768px) {
  #top .mdcb {
    padding-top: 60%;
  }
}
#top .mdcb.type01 {
  background-color: #0056a8;
}
#top .mdcb.type01 .img_in_text02 .icn {
  background: url(../img/top/icn_bnr01.png) no-repeat center/cover;
}
#top .mdcb.type02 {
  background-color: #911d34;
}
#top .mdcb.type02 .img_in_text02 .icn {
  background: url(../img/top/icn_bnr02.png) no-repeat center/cover;
}
#top .mdcb.type03 {
  background-color: #ce7410;
}
#top .mdcb.type03 .img_in_text02 .icn {
  background: url(../img/top/icn_bnr03.png) no-repeat center/cover;
}
#top .mdcb .img_in_text02 .icn {
  width: 30%;
  margin-right: 7%;
}
#top .mdcb .img_in_text02 .icn:before {
  content: "";
  padding-top: 90%;
  display: block;
}

/********** 各ページ **********/ /********** 会社情報 **********/
#profile {
  /*** メインビジュアル ***/
}
#profile #header #global-menu_outer .global-menu > *:nth-of-type(1) {
  background-color: #0056a8;
}
#profile .table_profile01 *, #profile .table_profile01--gappei * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#profile .table_profile01 > dl:not(:first-of-type) dt, #profile .table_profile01--gappei > dl:not(:first-of-type) dt {
  margin-top: 10px;
}
#profile .table_profile01 > dl > dt, #profile .table_profile01--gappei > dl > dt {
  font-weight: 500;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #profile .table_profile01 > dl > dt, #profile .table_profile01--gappei > dl > dt {
    width: 18%;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
  }
}
#profile .table_profile01 > dl > dd, #profile .table_profile01--gappei > dl > dd {
  padding-left: 1em;
}
@media (min-width: 768px) {
  #profile .table_profile01 > dl > dd, #profile .table_profile01--gappei > dl > dd {
    padding: 5px;
  }
}
#profile .table_profile01--gappei {
  position: relative;
  border: 1px solid #a6c1d2;
  margin-top: 70px;
}
#profile .table_profile01--gappei::before {
  content: "";
  position: absolute;
  display: block;
  width: 100px;
  height: 34px;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../img/profile/arrow_bottom.png) no-repeat;
  background-size: contain;
}
#profile .month,
#profile .year {
  width: 2em;
  display: inline-block;
  white-space: nowrap;
}
#profile .year {
  width: 4em;
}
#profile .cap01 {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  #profile .cap01 {
    left: 0;
    right: auto;
  }
}
#profile .message_img01 {
  width: 50%;
}
@media (min-width: 768px) {
  #profile .message_img01 {
    max-width: 300px;
  }
}
#profile .profnetBox {
  position: relative;
}
#profile .profnetBox-scrollMaplink img {
  display: block;
  width: 1000px;
  max-width: none;
}
#profile .profnetBox .btn {
  display: block;
  position: absolute;
  text-indent: -9999px;
  bottom: 19%;
  left: 4%;
  width: 16.5%;
  max-width: 121px;
  height: 9.7%;
  max-height: 47px;
  background: url(../img/profile/btn_off.png) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn a {
  display: block;
}
#profile .profnetBox .btn img {
  width: 100%;
}
#profile .profnetBox .btn:hover {
  background: url(../img/profile/btn_on.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .profnetBox .btn2 {
  position: absolute;
  text-indent: -9999px;
  left: 40%;
  bottom: 38%;
  width: 15.5%;
  max-width: 114px;
  height: 6.2%;
  max-height: 30px;
  background: url(../img/profile/btn2_off.png) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn2 a {
  display: block;
}
#profile .profnetBox .btn2 img {
  width: 100%;
}
#profile .profnetBox .btn2:hover {
  background: url(../img/profile/btn2_on.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .profnetBox .btn3 {
  position: absolute;
  text-indent: -9999px;
  left: 69%;
  bottom: 28%;
  width: 13%;
  max-width: 94px;
  height: 6.2%;
  max-height: 30px;
  background: url(../img/profile/btn3_off.png) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn3 a {
  display: block;
}
#profile .profnetBox .btn3 img {
  width: 100%;
}
#profile .profnetBox .btn3:hover {
  background: url(../img/profile/btn3_on.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .profnetBox .btn4 {
  position: absolute;
  text-indent: -9999px;
  left: 41.5%;
  bottom: 58%;
  width: 27.7%;
  max-width: 203px;
  height: 10%;
  max-height: 51px;
  background: url(../img/profile/btn4_off.jpg) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn4 a {
  display: block;
}
#profile .profnetBox .btn4 img {
  width: 100%;
}
#profile .profnetBox .btn4:hover {
  background: url(../img/profile/btn4_on.jpg) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .table_profile01.network_table > dl > dt, #profile .network_table.table_profile01--gappei > dl > dt {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table > dl > dt, #profile .network_table.table_profile01--gappei > dl > dt {
    width: 20%;
  }
}
#profile .table_profile01.network_table > dl > dd, #profile .network_table.table_profile01--gappei > dl > dd {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table > dl > dd, #profile .network_table.table_profile01--gappei > dl > dd {
    width: 80%;
  }
}
#profile .table_profile01.network_table02 > dl > dt, #profile .network_table02.table_profile01--gappei > dl > dt {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table02 > dl > dt, #profile .network_table02.table_profile01--gappei > dl > dt {
    width: 30%;
  }
}
#profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
    width: 70%;
  }
}
#profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
    width: 100%;
  }
}
#profile .border_gray {
  width: 100%;
  border: 1px solid #999999;
  padding: 2px 3px;
  margin: 5px 0;
}
@media (min-width: 768px) {
  #profile .border_gray {
    width: 50%;
  }
}
#profile .border_bottom {
  width: 100%;
  border-bottom: 1px solid #999999;
  padding-bottom: 30px;
}
#profile .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 40%;
  background: url(../img/profile/mv.jpg) no-repeat right bottom/cover;
}
@media (min-width: 768px) {
  #profile .mv_copy {
    background: url(../img/profile/mv_md.jpg) no-repeat right bottom/cover;
    padding-top: 33%;
  }
}
#profile .mv_copy .copy_core {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#profile .profile_link {
  width: 100%;
}
#profile .profile_link li {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .profile_link li {
    width: calc((100% - 2px) / 3);
    margin-right: 1px;
  }
  #profile .profile_link li:nth-child(3n) {
    margin-right: 0;
  }
}
#profile .profile_link a span {
  position: relative;
  padding-left: 15px;
}
#profile .profile_link a span:after {
  position: absolute;
  content: "";
  right: -10px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #7a0;
  border-right: 2px solid #7a0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
@media (min-width: 768px) {
  #profile .profile_link a span {
    padding-left: 25px;
  }
}
#profile .container-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
#profile .container-profile dl > dt,
#profile .container-profile dl > dd {
  display: block;
  width: 100%;
}
#profile .container-profile-alfresa {
  width: 46%;
  line-height: 1.6;
}
#profile .container-profile-alfresa-title {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.5em;
  color: #FFF;
  padding: 2px 8px;
  font-size: 1.3rem;
  background: #70ba2f;
}
@media (min-width: 768px) {
  #profile .container-profile-alfresa-title {
    width: 50%;
    height: auto;
    font-size: 1.5rem;
  }
}
#profile .container-profile-alfresa-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #70ba2f;
}
@media (min-width: 768px) {
  #profile .container-profile-alfresa-title::after {
    width: 200%;
  }
}
#profile .container-profile-sannova {
  width: 46%;
  line-height: 1.6;
}
#profile .container-profile-sannova-title {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.5em;
  color: #FFF;
  padding: 2px 8px;
  font-size: 1.3rem;
  margin: 0;
  background: #06406e;
}
@media (min-width: 768px) {
  #profile .container-profile-sannova-title {
    width: 50%;
    height: auto;
    font-size: 1.5rem;
  }
}
#profile .container-profile-sannova-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #06406e;
}
@media (min-width: 768px) {
  #profile .container-profile-sannova-title::after {
    width: 200%;
  }
}
#profile .container-profile .bdr_left_blue01_10 {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .container-profile .indention_table > dl {
    display: block;
  }
}
#profile .container-profile dl > dd {
  line-height: 1.4;
}
#profile .c-table-profile {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
#profile .c-table-profile th, #profile .c-table-profile td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 3px 5px;
}
#profile .c-table-profile__cell01, #profile .c-table-profile__cell01--02, #profile .c-table-profile__cell01--01 {
  width: 25%;
}
#profile .c-table-profile__cell01--01 {
  width: 75%;
  color: #0B72C2;
  background: #E0EEF9;
}
#profile .c-table-profile__cell01--02 {
  color: #0B72C2;
  background: #E0EEF9;
}

/********** 事業所のご案内 **********/
#works {
  /*** メインビジュアル ***/
  /*** iyakuメインビジュアル ***/
}
#works #header #global-menu_outer .global-menu > *:nth-of-type(2) {
  background-color: #0056a8;
}
#works #work_index .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 40%;
  background: url(../img/works/mv_md.jpg) no-repeat right bottom/cover;
}
@media (min-width: 768px) {
  #works #work_index .mv_copy {
    background: url(../img/works/mv_md.jpg) no-repeat right bottom/cover;
    height: 450px;
    padding-top: 0;
  }
}
#works #work_index .mv_copy .copy_core {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  #works #work_index .mv_copy .copy_core {
    top: 30px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #works #work_index .mv_copy .copy_core .container {
    padding: 0;
  }
}
#works .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 38%;
  background: url(../img/works/mainimg.jpg) no-repeat center center/cover;
}
@media (min-width: 768px) {
  #works .mv_copy {
    height: 400px;
    padding-top: 0;
  }
}
#works .mv_copy .copy_core {
  display: block;
  width: 90%;
  height: 90%;
  position: absolute;
  top: 30px;
  right: 5%;
  left: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#works .mv_copy .copy_core .d-block {
  position: relative;
  height: 100%;
}
#works .mv_copy .copy_core .d-block .c-btn_set {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  bottom: -40px;
}
@media (min-width: 768px) {
  #works .mv_copy .copy_core .d-block .c-btn_set {
    display: block;
    height: 80px;
    left: auto;
    right: 0;
    bottom: 0;
  }
}
#works .mv_copy .copy_core .d-block .c-btn_set__02 {
  height: 45px;
}
@media (min-width: 768px) {
  #works .mv_copy .copy_core .d-block .c-btn_set__02 {
    height: 40px;
  }
}
#works .mv_copy .copy_core span.btn_01, #works .mv_copy .copy_core span.btn_02, #works .mv_copy .copy_core span.btn_03, #works .mv_copy .copy_core span.btn_04 {
  display: block;
  width: 120px;
}
@media (min-width: 768px) {
  #works .mv_copy .copy_core span.btn_01, #works .mv_copy .copy_core span.btn_02, #works .mv_copy .copy_core span.btn_03, #works .mv_copy .copy_core span.btn_04 {
    margin-top: 0;
  }
}
#works .mv_copy .copy_core span.btn_01 img, #works .mv_copy .copy_core span.btn_02 img, #works .mv_copy .copy_core span.btn_03 img, #works .mv_copy .copy_core span.btn_04 img {
  padding-bottom: 18%;
}
@media (min-width: 768px) {
  #works .mv_copy .copy_core span.btn_01 img, #works .mv_copy .copy_core span.btn_02 img, #works .mv_copy .copy_core span.btn_03 img, #works .mv_copy .copy_core span.btn_04 img {
    padding-bottom: 0;
  }
}
#works #iyaku .mv_copy {
  background: url(../img/works/mainimg.jpg) no-repeat center center/cover;
}
#works #shindan .mv_copy {
  background: url(../img/works/mainimg_shindan.jpg) no-repeat center center/cover;
}
#works #iryokiki .mv_copy {
  background: url(../img/works/mainimg_iryokiki.jpg) no-repeat center center/cover;
}
#works #kaigaihanbai .mv_copy {
  background: url(../img/works/mainimg_kaigaihanbai.jpg) no-repeat center center/cover;
}
#works #finechemical .mv_copy {
  background: url(../img/works/mainimg_finechemical.jpg) no-repeat center center/cover;
}
#works table {
  border: 2px solid #4D7A2B;
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
}
#works table th, #works table td {
  padding: 5px 10px;
}
#works table td {
  border-bottom: 1px solid #4D7A2B;
  border-right: 1px solid #4D7A2B;
}
#works table td.bottombo {
  border-bottom: 2px solid #4D7A2B;
}
#works table td.td01, #works table td.td02 {
  border-bottom: 2px solid #4D7A2B;
  background: #F2F1CE;
  color: #4D7A2B;
}
#works table td.tdw20 {
  width: 20%;
}
#works table td a {
  text-decoration: underline;
  color: #083681;
}
@media (min-width: 768px) {
  #works table {
    width: 100%;
  }
}
#works .note ul {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  #works .note ul {
    float: right;
    width: 35%;
  }
}
#works .works_link {
  width: 100%;
}
#works .works_link li {
  width: 100%;
}
@media (min-width: 768px) {
  #works .works_link li {
    width: calc((100% - 2px) / 3);
    margin-right: 1px;
  }
  #works .works_link li:nth-child(3n) {
    margin-right: 0;
  }
}
#works .works_link a span {
  position: relative;
  padding-left: 15px;
}
#works .works_link a span:after {
  position: absolute;
  content: "";
  right: -10px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #7a0;
  border-right: 2px solid #7a0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
@media (min-width: 768px) {
  #works .works_link a span {
    padding-left: 25px;
  }
}

/********** 医療従事者のみなさまへ **********/
#medical {
  /***** メインビジュアル *****/
  /* -------------------------------------------------
   * 製品一覧リスト
  ----------------------------------------------------*/
  /* -------------------------------------------------
   * 製品製品Q&A
  ----------------------------------------------------*/
}
#medical #header #global-menu_outer .global-menu > *:nth-of-type(3) {
  background-color: #0056a8;
}
#medical #header #global-menu_outer {
  display: none;
}
#medical #header #global-menu_medical {
  display: none;
}
@media (min-width: 768px) {
  #medical #header #global-menu_medical {
    display: block;
  }
}
#medical #header #global-menu_medical .medical_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#medical #header #global-menu_medical .medical_tab li {
  width: 33%;
}
#medical #header #global-menu_medical .medical_tab li a {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  background: #c5c5c5;
  padding: 5px 0;
}
#medical #header #global-menu_medical .medical_tab li a span {
  position: relative;
  padding-left: 15px;
}
#medical #header #global-menu_medical .medical_tab li a span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid #4d4d4d;
}
#medical #header #global-menu_medical .medical_tab li a:hover {
  opacity: 1;
  color: #fff;
}
#medical #header #global-menu_medical .medical_tab li a:hover span::before {
  border-left: 0.4em solid #fff;
}
#medical #header #global-menu_medical .medical_tab li.iyaku a:hover {
  background: #0056a8;
}
#medical #header #global-menu_medical .medical_tab li.iyaku.current a {
  background: #0056a8;
}
#medical #header #global-menu_medical .medical_tab li.shindan a:hover {
  background: #911d34;
}
#medical #header #global-menu_medical .medical_tab li.shindan.current a {
  background: #911d34;
}
#medical #header #global-menu_medical .medical_tab li.iryokiki a:hover {
  background: #ce7410;
}
#medical #header #global-menu_medical .medical_tab li.iryokiki.current a {
  background: #ce7410;
}
#medical #header #global-menu_medical .medical_tab li.iyaku.current a, #medical #header #global-menu_medical .medical_tab li.shindan.current a, #medical #header #global-menu_medical .medical_tab li.iryokiki.current a {
  color: #fff;
}
#medical #header #global-menu_medical .medical_tab li.iyaku.current a span::before, #medical #header #global-menu_medical .medical_tab li.shindan.current a span::before, #medical #header #global-menu_medical .medical_tab li.iryokiki.current a span::before {
  border-top: 0.4em solid #fff;
  border-bottom: none;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}
#medical #header #global-menu_medical .medical_tab li.iyaku.current a:hover span::before, #medical #header #global-menu_medical .medical_tab li.shindan.current a:hover span::before, #medical #header #global-menu_medical .medical_tab li.iryokiki.current a:hover span::before {
  border-left: 0.4em solid transparent;
}
#medical #header .medical_nav {
  min-height: 70px;
}
#medical #header .medical_nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#medical #header .medical_nav ul li {
  padding: 10px 0;
}
#medical #header .medical_nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 50px;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 500;
  text-align: center;
  border-left: 1px solid #fff;
}
#medical #header .medical_nav ul li a span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 90%;
  color: #fff;
  margin: 0 auto;
  padding: 0 5px;
  border-radius: 5px;
}
#medical #header .medical_nav ul li a:hover {
  opacity: 1;
}
#medical #header .medical_nav ul li.current a span, #medical #header .medical_nav ul li:hover a span {
  background: #fff;
}
#medical #header .medical_nav ul li:last-child a {
  border-right: 1px solid #fff;
}
#medical #header .medical_nav.iyaku {
  background: #0056a8;
}
#medical #header .medical_nav.iyaku li {
  width: 33.3333333333%;
}
#medical #header .medical_nav.iyaku li.current a span, #medical #header .medical_nav.iyaku li:hover a span {
  color: #0056a8;
}
#medical #header .medical_nav.shindan {
  background: #911d34;
}
#medical #header .medical_nav.shindan li {
  width: 25%;
}
#medical #header .medical_nav.shindan li.current a span, #medical #header .medical_nav.shindan li:hover a span {
  color: #911d34;
}
#medical #header .medical_nav.iryokiki {
  background: #ce7410;
}
#medical #header .medical_nav.iryokiki li {
  width: 16.6666666667%;
}
#medical #header .medical_nav.iryokiki li a {
  font-size: 1.4rem;
}
#medical #header .medical_nav.iryokiki li.current a span, #medical #header .medical_nav.iryokiki li:hover a span {
  color: #ce7410;
}
#medical .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 40%;
  background: url(../img/medical/mv.jpg) no-repeat right bottom/cover;
}
@media (min-width: 768px) {
  #medical .mv_copy {
    background: url(../img/medical/mv_md.jpg) no-repeat right bottom/cover;
    padding-top: 16.7%;
  }
}
#medical .mv_copy .copy_core {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#medical .medical_notice {
  border: 4px solid #0056ad;
  padding: 1em 2em;
  margin: 20px 0px;
}
#medical #iyaku .mv_copy {
  background: url(../img/medical/mainimg_iyaku.jpg) no-repeat center center/cover;
}
@media (min-width: 768px) {
  #medical #iyaku .mv_copy {
    background: url(../img/medical/mainimg_iyaku_md.jpg) no-repeat center center/cover;
  }
}
#medical #iryokiki .mv_copy {
  background: url(../img/medical/mainimg_iryokiki.jpg) no-repeat center center/cover;
}
@media (min-width: 768px) {
  #medical #iryokiki .mv_copy {
    background: url(../img/medical/mainimg_iryokiki_md.jpg) no-repeat center center/cover;
  }
}
#medical #shindan .mv_copy {
  background: url(../img/medical/mainimg_shindan.jpg) no-repeat center center/cover;
}
@media (min-width: 768px) {
  #medical #shindan .mv_copy {
    background: url(../img/medical/mainimg_shindan_md.jpg) no-repeat center center/cover;
  }
}
#medical .mdcb {
  display: block;
  padding-top: 40%;
  position: relative;
}
@media (min-width: 768px) {
  #medical .mdcb {
    padding-top: 60%;
  }
}
#medical .mdcb.type01 {
  background-color: #0056a8;
}
#medical .mdcb.type01 .img_in_text02 .icn {
  background: url(../img/medical/icn_bnr01.png) no-repeat center/cover;
}
#medical .mdcb.type02 {
  background-color: #911d34;
}
#medical .mdcb.type02 .img_in_text02 .icn {
  background: url(../img/medical/icn_bnr02.png) no-repeat center/cover;
}
#medical .mdcb.type03 {
  background-color: #ce7410;
}
#medical .mdcb.type03 .img_in_text02 .icn {
  background: url(../img/medical/icn_bnr03.png) no-repeat center/cover;
}
#medical .mdcb .img_in_text02 .icn {
  width: 30%;
  margin-right: 7%;
}
#medical .mdcb .img_in_text02 .icn:before {
  content: "";
  padding-top: 90%;
  display: block;
}
#medical .news-fix {
  display: block;
  width: 100%;
  height: 290px;
  overflow: auto;
}
@media (min-width: 768px) {
  #medical .news-fix {
    height: 530px;
  }
}
@media (min-width: 768px) {
  #medical .news-fix.news02 {
    height: 250px;
  }
}
#medical .news-fix dl {
  border-bottom: dashed 1px #666666;
  padding: 10px 5px;
  font-size: 1.4rem;
}
#medical .news-fix dl a {
  text-decoration: underline;
  color: #0c387f;
}
#medical .border_top_b {
  border-top: 3px solid #0056a8;
}
#medical .border_top_r {
  border-top: 3px solid #911d34;
}
#medical .border_top_y {
  border-top: 3px solid #ce7410;
}
#medical .event_info .ttl {
  width: 100%;
  border-bottom: 2px solid #06406f;
  position: relative;
}
#medical .event_info .ttl span {
  display: inline-block;
  background: #06406f;
  color: #FFFFFF;
  padding: 10px;
  width: 69%;
}
@media (min-width: 768px) {
  #medical .event_info .ttl span {
    width: 23%;
  }
}
#medical .event_info .ttl .event_link {
  position: absolute;
  bottom: 0px;
  right: 0;
  margin-bottom: 15px;
}
#medical .event_info dl dt, #medical .event_info dl dd {
  display: block;
}
@media (min-width: 768px) {
  #medical .event_info dl dt, #medical .event_info dl dd {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  #medical .event_info dl dt {
    margin-right: 35px;
    margin-left: 5px;
  }
}
#medical .event_info dl a {
  text-decoration: underline;
  color: #0c387f;
}
#medical .sp_link p.ttl {
  color: #FFFFFF;
  text-align: center;
  background: #CE7410;
  padding: 15px 0;
  width: 100%;
  border-bottom: 1px solid #FFFFFF;
}
#medical .sp_link p.ttl span {
  position: relative;
  padding-left: 20px;
}
#medical .sp_link p.ttl span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: 8px solid transparent;
  border-top: 8px solid #FFFFFF;
}
#medical .sp_link ul li a {
  padding: 15px 0;
  width: 100%;
  display: block;
  color: #FFFFFF;
  background: #06406f;
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
}
#medical .sp_link ul li.current a {
  background: #FFFFFF;
  color: #0056a8;
}
#medical .sp_link.sp_iyaku_link p.ttl {
  background: #0056a8;
}
#medical .sp_link.sp_iyaku_link ul li {
  background: #0056a8;
  padding: 10px;
  border-bottom: 1px solid #FFFFFF;
}
#medical .sp_link.sp_iyaku_link ul li a {
  background: #0056a8;
  border: none;
}
#medical .sp_link.sp_iyaku_link ul li.current a {
  background: #FFFFFF;
  color: #0056a8;
}
#medical .sp_link.sp_iryokiki_link p.ttl {
  background: #ce7410;
}
#medical .sp_link.sp_iryokiki_link ul li {
  background: #ce7410;
  padding: 10px;
  border-bottom: 1px solid #FFFFFF;
}
#medical .sp_link.sp_iryokiki_link ul li a {
  background: #ce7410;
  border: none;
}
#medical .sp_link.sp_iryokiki_link ul li.current a {
  background: #FFFFFF;
  color: #ce7410;
}
#medical .sp_link.sp_shindan_link p.ttl {
  background: #911d34;
}
#medical .sp_link.sp_shindan_link ul li {
  background: #911d34;
  padding: 10px;
  border-bottom: 1px solid #FFFFFF;
}
#medical .sp_link.sp_shindan_link ul li a {
  background: #911d34;
  border: none;
}
#medical .sp_link.sp_shindan_link ul li.current a {
  background: #FFFFFF;
  color: #911d34;
}
#medical .seihin_joho-list .ttl {
  position: relative;
}
#medical .seihin_joho-list .ttl .oshirase_rireki {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#medical .seihin_joho-list ul li {
  margin-bottom: 15px;
}
#medical .seihin_joho-list ul li a {
  padding: 15px 0;
  width: 100%;
  display: block;
  background: #ce7410;
  color: #FFFFFF;
  text-align: center;
  position: relative;
}
#medical .seihin_joho-list ul li a:after {
  position: absolute;
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-top: 2px #ffffff solid;
  border-right: 2px #ffffff solid;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  right: 20px;
  top: 50%;
}
#medical .seihin_joho-list ul li.view_all {
  margin-bottom: none;
}
#medical .seihin_joho-list ul li.view_all a {
  padding: 12px 0;
  background: #FFFFFF;
  color: #ce7410;
  border: 3px solid #ce7410;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#medical .seihin_joho-list ul li.view_all a:after {
  border-top: 2px #ce7410 solid;
  border-right: 2px #ce7410 solid;
}
#medical .orange_ttl {
  width: 100%;
  border-bottom: 2px solid #CE7410;
}
#medical .orange_ttl span {
  display: inline-block;
  background: #CE7410;
  color: #FFFFFF;
  padding: 3px 10px;
  width: 69%;
}
@media (min-width: 768px) {
  #medical .orange_ttl span {
    width: 23%;
  }
}
#medical .blue_ttl {
  width: 100%;
  border-bottom: 2px solid #06406f;
}
#medical .blue_ttl span {
  display: inline-block;
  background: #06406f;
  color: #FFFFFF;
  padding: 3px 10px;
  width: 69%;
}
@media (min-width: 768px) {
  #medical .blue_ttl span {
    width: 23%;
  }
}
#medical .blue02_ttl {
  width: 100%;
  border-bottom: 2px solid #0056a8;
}
#medical .blue02_ttl span {
  display: inline-block;
  background: #dfdfdf;
  color: #666666;
  padding: 3px 10px;
  width: calc((100% - 20px) / 3);
}
#medical .blue02_ttl span.current {
  background: #0056a8;
  color: #FFFFFF;
  margin-left: 0;
}
#medical .blue02_ttl span:not(:first-of-type) {
  margin-left: 10px;
}
@media (min-width: 768px) {
  #medical .blue02_ttl span {
    width: 23%;
    cursor: pointer;
  }
}
#medical .red_ttl {
  width: 100%;
  border-bottom: 2px solid #911d34;
}
#medical .red_ttl span {
  display: inline-block;
  background: #911d34;
  color: #FFFFFF;
  padding: 3px 10px;
  width: 69%;
}
@media (min-width: 768px) {
  #medical .red_ttl span {
    width: 23%;
  }
}
#medical #iyaku .pdf a, #medical #shindan .pdf a, #medical #iryokiki .pdf a, #medical #stable_supply .pdf a {
  position: relative;
  padding-left: 20px;
}
#medical #iyaku .pdf a:before, #medical #shindan .pdf a:before, #medical #iryokiki .pdf a:before, #medical #stable_supply .pdf a:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 17px;
  background: url(../img/common/icn_pdf02.png) no-repeat 0 0;
  background-size: 100%;
  top: 0;
  left: 0;
}
#medical .list_kensaku01 label {
  padding: 0px 10px;
  font-weight: 700;
  font-size: 2.2rem;
  background: #0056a8;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  #medical .list_kensaku01 label {
    padding: 0px 8px;
    background: #cfcfcf;
    font-size: 1.5rem;
  }
  #medical .list_kensaku01 label.selected {
    background: #6db82a;
  }
  #medical .list_kensaku01 label:hover {
    cursor: pointer;
  }
}
#medical .seihin_kensaku dl {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  background: #DFDFDF;
  padding: 12px 15px;
}
@media (min-width: 768px) {
  #medical .seihin_kensaku dl {
    padding: 10px 15px;
  }
}
#medical .seihin_kensaku dl dt {
  width: 4em;
}
#medical .seihin_kensaku dl dd {
  width: calc(100% - 4em - 15px);
}
#medical .seihin_kensaku form[name=seihin_search] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #06406F solid;
  font-size: 1.6rem;
  margin-left: 15px;
}
#medical .seihin_kensaku form[name=seihin_search] input[name=PRODUCT_NAME] {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #ffffff;
  width: calc(100% - 35px);
}
@media (min-width: 768px) {
  #medical .seihin_kensaku form[name=seihin_search] input[name=PRODUCT_NAME] {
    padding-top: 4px;
    padding-bottom: 4px;
    width: calc(100% - 40px);
  }
}
#medical .seihin_kensaku form[name=seihin_search] button {
  background-color: #06406F;
  color: #ffffff;
  width: 35px;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 768px) {
  #medical .seihin_kensaku form[name=seihin_search] button {
    width: 40px;
  }
}
#medical .seihin_kensaku form[name=seihin_search] button i {
  font-size: 18px;
}
@media (min-width: 768px) {
  #medical .list_kensaku01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -38px;
    margin-left: 170px;
  }
  #medical .list_kensaku01:after {
    clear: both;
  }
}
@media (min-width: 768px) {
  #medical .list_kensaku01 .seihin_kensaku {
    background: #ededed;
    float: right;
    width: 55%;
    padding: 0;
    border-radius: 5px 0 0 5px;
  }
}
#medical .list_kensaku01 > dl {
  padding: 12px 5px 12px 15px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  background: #DFDFDF;
}
@media (min-width: 768px) {
  #medical .list_kensaku01 > dl {
    padding: 10px 15px;
    width: 50%;
    background: #ffffff;
  }
}
#medical .list_kensaku01 > dl dt {
  width: 40%;
  position: relative;
}
@media (min-width: 768px) {
  #medical .list_kensaku01 > dl dt {
    width: 60px;
  }
}
#medical .list_kensaku01 > dl dt span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
@media (min-width: 768px) {
  #medical .list_kensaku01 > dl dt span {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) {
  #medical .list_kensaku01 > dl dd {
    width: 100%;
  }
}
#medical .list_kensaku01 > dl dd form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#medical .list_kensaku01 > dl dd form label {
  margin-right: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #medical .list_kensaku01 > dl dd form label {
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  #medical .seihin_kensaku.list_kensaku02 dl {
    background: #ededed;
    padding: 0;
  }
  #medical .seihin_kensaku.list_kensaku02 dl dt {
    width: 100px;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#467aad), to(#0a428d));
    background: -webkit-linear-gradient(#467aad, #0a428d);
    background: linear-gradient(#467aad, #0a428d);
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
    text-align: center;
  }
  #medical .seihin_kensaku.list_kensaku02 dl dt p {
    text-align: center;
    position: absolute;
    color: #ffffff;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #medical .seihin_kensaku.list_kensaku02 dl > dd:first-of-type {
    width: 120px;
    padding: 10px 5px 10px 10px;
  }
  #medical .seihin_kensaku.list_kensaku02 dl dd {
    padding: 10px 10px 10px 0;
    width: 250px;
  }
  #medical .seihin_kensaku.list_kensaku02 dl dd form {
    margin-left: 0;
  }
}
#medical .kana_words_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
  margin-top: 15px;
  padding: 8px;
  background-color: #cfcfcf;
}
@media (min-width: 768px) {
  #medical .kana_words_list {
    margin-top: 0;
    margin-left: auto;
    padding: 0;
    background-color: transparent;
  }
}
#medical .kana_words_list p {
  color: #06406f;
  line-height: 1;
  border-radius: 10px 0 0 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  #medical .kana_words_list p {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    background: none;
    color: inherit;
    border-radius: 0;
    width: auto;
  }
}
#medical .kana_words_list ul {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  margin-top: -8px;
  margin-right: -5px;
}
@media (min-width: 768px) {
  #medical .kana_words_list ul {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    margin-top: -6px;
    margin-left: -3px;
    margin-right: -3px;
  }
}
#medical .kana_words_list ul > * {
  margin-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  #medical .kana_words_list ul > * {
    margin-top: 6px;
    padding-left: 3px;
    padding-right: 3px;
  }
}
#medical .kana_words_list ul > * a {
  display: block;
  background-color: #0056a8;
  line-height: 2.2;
  width: 2.2em;
  text-align: center;
  -webkit-box-shadow: 1px 1px #C0C0C0;
          box-shadow: 1px 1px #C0C0C0;
  border-radius: 3px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.8;
  width: 1.8em;
  font-size: 2rem;
}
#medical .kana_words_list ul > * a.active {
  background-color: #8fc31f;
}
@media (min-width: 768px) {
  #medical .kana_words_list ul > * a {
    line-height: 2.2;
    width: 2.2em;
    font-size: 1.6rem;
    background-color: #cfcfcf;
    line-height: 1.6;
    width: 1.4em;
  }
}
#medical .searchBlock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #cfcfcf;
  margin-top: 15px;
}
@media (min-width: 768px) {
  #medical .searchBlock {
    background-color: transparent;
    margin-top: 0;
    margin-left: 10px;
  }
}
#medical .search_ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 6em;
  color: #06406f;
  padding: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
@media (min-width: 768px) {
  #medical .search_ttl {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    padding: 0 15px;
    line-height: 1;
    border-radius: 10px 0 0 10px;
    background: #467aad;
    background: -webkit-linear-gradient(top, #467aad 0%, #0a428d 50%, #0a428d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#467aad), color-stop(50%, #0a428d), to(#0a428d));
    background: linear-gradient(to bottom, #467aad 0%, #0a428d 50%, #0a428d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#467aad", endColorstr="#0a428d",GradientType=0 );
    color: #ffffff;
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  #medical .search_ttl {
    font-size: 1.6rem;
  }
}
#medical form[name=medical_search] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  padding: 8px;
  background-color: #cfcfcf;
  border-radius: 0 10px 10px 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 768px) {
  #medical form[name=medical_search] {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
  }
}
#medical form[name=medical_search] input[type=text] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #06406f solid;
  font-size: 1.6rem;
  background-color: #ffffff;
  padding: 0 10px;
  width: calc(100% - 2.8em);
}
@media (min-width: 768px) {
  #medical form[name=medical_search] input[type=text] {
    border: 1px #acacac solid;
    margin-right: 8px;
    width: auto;
    max-width: 10em;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 992px) {
  #medical form[name=medical_search] input[type=text] {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
#medical form[name=medical_search] button {
  color: #ffffff;
  text-align: center;
  background-color: #06406f;
  width: 2.8em;
  display: block;
  padding: 0;
}
@media (min-width: 768px) {
  #medical form[name=medical_search] button {
    font-size: 1.2rem;
    background: #888888;
    background: -webkit-linear-gradient(top, #888888 0%, #5a5a5a 50%, #5a5a5a 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#888888), color-stop(50%, #5a5a5a), to(#5a5a5a));
    background: linear-gradient(to bottom, #888888 0%, #5a5a5a 50%, #5a5a5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#888888", endColorstr="#5a5a5a",GradientType=0 );
    width: auto;
    cursor: pointer;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 992px) {
  #medical form[name=medical_search] button {
    font-size: 1.6rem;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
#medical form[name=medical_search] .search_txt {
  display: none;
  font-size: 1rem;
  line-height: 1.2;
  padding-right: 8px;
  margin-top: 5px;
}
@media (min-width: 768px) {
  #medical form[name=medical_search] .search_txt {
    display: block;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 992px) {
  #medical form[name=medical_search] .search_txt {
    margin-top: 0;
    max-width: 8em;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
#medical .blackdisc {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #000000;
  border-radius: 100px;
  margin-top: 0.5em;
}
#medical #medical_table {
  line-height: 1.2;
  margin-top: 15px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  #medical #medical_table {
    margin-top: 25px;
  }
}
#medical #medical_table a {
  color: #114e87;
  text-decoration: none;
}
#medical #medical_table table {
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  border-top: solid 1px #cfcfcf;
  border-left: solid 1px #cfcfcf;
  width: 900px;
  table-layout: fixed;
  position: relative;
}
@media (min-width: 768px) {
  #medical #medical_table table {
    width: 100%;
  }
}
#medical #medical_table table th, #medical #medical_table table td {
  border-right: solid 1px #cfcfcf;
  border-bottom: solid 1px #cfcfcf;
  padding: 5px;
  text-align: center;
  word-break: break-all;
}
#medical #medical_table table thead th, #medical #medical_table table thead td {
  background-color: #D0ECBD;
  border-right: solid 1px #fff;
  border-top: none;
  vertical-align: middle;
}
#medical #medical_table table thead th.last {
  border-right: solid 1px #cfcfcf;
}
#medical #medical_table table thead.fixheader {
  display: table;
  table-layout: fixed;
  position: absolute;
  top: 0;
  z-index: 1000;
}
#medical #medical_table table#list .Name {
  width: 25%;
}
#medical #medical_table table#list .Temp, #medical #medical_table table#list .If, #medical #medical_table table#list .Shiori, #medical #medical_table table#list .Shido, #medical #medical_table table#list .Image, #medical #medical_table table#list .Haigo, #medical #medical_table table#list .Tekisei, #medical #medical_table table#list .faq, #medical #medical_table table#list .Genelic, #medical #medical_table table#list .Yoshutsu, #medical #medical_table table#list .Doto, #medical #medical_table table#list .Siryo, #medical #medical_table table#list .OtherVendor {
  width: 6.25%;
}
#medical #medical_table table#code .Name {
  width: 20%;
  border-top: none;
}
#medical #medical_table table#code .Resept1 {
  width: 10%;
}
#medical #medical_table table#code .GsHanbai, #medical #medical_table table#code .GsChozai {
  width: 15%;
}
#medical #medical_table table#code .Yaka, #medical #medical_table table#code .Resept2, #medical #medical_table table#code .Housou, #medical #medical_table table#code .Hot, #medical #medical_table table#code .Jan {
  width: 10%;
}
#medical #medical_table table#regulation .Name {
  width: 25%;
  border-top: none;
}
#medical #medical_table table#regulation .KiseiKubun {
  width: 40%;
}
#medical #medical_table table#regulation .Yukou, #medical #medical_table table#regulation .Shiyou {
  width: 10%;
}
#medical #medical_table table#regulation .Chohou {
  width: 15%;
}
#medical #medical_table table#regulation .Tokutei, #medical #medical_table table#regulation .Seibutsu, #medical #medical_table table#regulation .Gekiyaku, #medical #medical_table table#regulation .Kouseishin, #medical #medical_table table#regulation .Syukan, #medical #medical_table table#regulation .Syohou {
  width: 6.6666666667%;
}
#medical #medical_table.shindan_table table thead th, #medical #medical_table.shindan_table table thead td {
  background: #F1CBB9;
}
#medical #medical_table.shindan_table .productListBody th.i2 {
  background: #FFF5F2;
  text-align: left;
}
#medical #medical_table.shindan_table .productListBody th.c1 {
  padding: 12px;
}
#medical #medical_table.shindan_table .productList table td.Note {
  border-right: none;
  padding-bottom: 15px;
}
#medical #medical_table.shindan_table table#category3 .c1 {
  width: 30%;
}
#medical #medical_table.shindan_table table#category3 .c6 {
  width: 15%;
}
#medical #medical_table.shindan_table table#category3 .c2, #medical #medical_table.shindan_table table#category3 .c5, #medical #medical_table.shindan_table table#category3 .c8 {
  width: 10%;
}
#medical #medical_table.shindan_table table#category10_11_12 .c1 {
  width: 45%;
}
#medical #medical_table.shindan_table table#category10_11_12 .c6 {
  width: 15%;
}
#medical #medical_table.shindan_table table#category10_11_12 .c2, #medical #medical_table.shindan_table table#category10_11_12 .c8 {
  width: 8.3333333333%;
}
#medical #medical_table.shindan_table table#category13_14_15 .c1 {
  width: 70%;
}
#medical #medical_table.shindan_table table#category13_14_15 .c6 {
  width: 15%;
}
#medical #medical_table.shindan_table table#category13_14_15 .c2, #medical #medical_table.shindan_table table#category13_14_15 .c8 {
  width: 7.5%;
}
#medical #medical_table.iryokiki_table table .c1, #medical #medical_table.iryokiki_table table .c2 {
  width: 30%;
}
#medical #medical_table.iryokiki_table table .c3, #medical #medical_table.iryokiki_table table .c4, #medical #medical_table.iryokiki_table table .c8 {
  width: 13.3333333333%;
}
#medical #medical_table.iryokiki_table th {
  background-color: #FFC53E;
}
#medical #medical_table.iryokiki_table th.c1.i1 {
  background-color: #FFDC8B;
  text-align: left;
  vertical-align: middle;
}
#medical #medical_table.iryokiki_table th.c2.i2 {
  background-color: #FFEDC5;
  text-align: left;
  vertical-align: middle;
}
#medical #iyaku .sp_link p.ttl {
  background: #0056a8;
}
#medical #iyaku .seihin_joho-list ul li a {
  background: #0056a8;
}
#medical #shindan .sp_link p.ttl {
  background: #911d34;
}
#medical #shindan .seihin_joho-list ul li a {
  background: #911d34;
}
#medical #iryokiki .sp_link p.ttl {
  background: #CE7410;
}
#medical .faq-item li {
  font-size: 13px;
  margin: 10px 20px 0;
  padding-bottom: 10px;
  border-bottom: solid 1px #e1e7db;
}
#medical .list_link.blue:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 1.2em;
  margin-right: 0.5em;
  text-align: center;
  border-radius: 3px;
  background-color: #06347F;
  color: #ffffff;
}
#medical #news .paging li {
  padding: 0 5px;
  margin: 5px 0;
  border-right: 1px solid #000000;
  line-height: 1.5;
}
#medical #news .paging li a {
  color: #06347F;
  text-decoration: underline;
}
#medical #news .kousin-base ul li {
  margin-bottom: 15px;
}
#medical #news .kousin-base ul li a {
  padding: 15px 20px 15px 5px;
  width: 100%;
  display: block;
  background: #06347F;
  color: #FFFFFF;
  text-align: center;
  position: relative;
}
#medical #news .kousin-base ul li a:after {
  position: absolute;
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-top: 2px #ffffff solid;
  border-right: 2px #ffffff solid;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  right: 20px;
  top: 50%;
}
#medical #news .kousin-base ul li.current a {
  background: #0066cc;
}
#medical #news .kousin-base ul li.current a:hover {
  opacity: 1;
}
#medical #news .pre-tab02 a {
  text-decoration: underline;
  color: #06347F;
}
#medical #news .pre-tab02 dl {
  border-bottom: 1px solid #CDCDCD;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#medical #news .pre-tab02 dl dt {
  position: relative;
  padding-left: 15px;
}
#medical #news .pre-tab02 dl dt:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #7a0;
  border-right: 2px solid #7a0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#medical #news .pdf a {
  position: relative;
  padding-left: 20px;
}
#medical #news .pdf a:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 17px;
  background: url(../img/common/icn_pdf02.png) no-repeat 0 0;
  background-size: 100%;
  top: 5px;
  left: 0;
}
#medical #news.shindan_news .kousin-base ul li a {
  background: #911d34;
}
#medical #news.shindan_news .kousin-base ul li.current a {
  background: #c32947;
}
#medical #news.iryokiki_news .kousin-base ul li a {
  background: #EE7500;
}
#medical #news.iryokiki_news .kousin-base ul li.current a {
  background: #FCAF01;
}
#medical .faq_detail-list-wapper .accordion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#medical .faq_detail-list-wapper .accordion p {
  width: calc(100% - 35px);
}
#medical .faq_detail-list-wapper .accordion a {
  text-decoration: underline;
  color: #0c387f;
}
#medical .faq_detail-list-wapper .accordion a::hover {
  opacity: 0.75;
}
#medical .faq_detail-list-wapper .accordion .accordion_icon-area {
  width: 25px;
  height: 25px;
  position: relative;
}
#medical .faq_detail-list-wapper .accordion .accordion_icon-area .accordion_icon {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #06406f;
  cursor: pointer;
}
#medical .faq_detail-list-wapper .accordion .accordion_icon-area .accordion_icon span {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 50%;
  height: 2px;
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
#medical .faq_detail-list-wapper .accordion .accordion_icon-area .accordion_icon span:nth-of-type(1) {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
#medical .faq_detail-list-wapper .accordion .accordion_icon-area .accordion_icon span:nth-of-type(2) {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
#medical .faq_detail-list-wapper .accordion .accordion_icon-area .accordion_icon.active span:nth-of-type(1) {
  display: none;
}
#medical .faq_detail-list-wapper .accordion .accordion_icon-area .accordion_icon.active span:nth-of-type(2) {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
#medical #stable_supply .news-fix {
  height: auto;
  margin-bottom: 60px;
}
#medical #stable_supply .news-fix:last-child {
  margin-bottom: 0px;
}
#medical #stable_supply .news-fix dl {
  border: none;
  padding: 10px 5px 0px;
}

/********** 一般の方、患者のみなさまへ **********/
#general {
  /*** 一般用医薬品・医薬部外品情報 ***/
}
#general #header #global-menu_outer .global-menu > *:nth-of-type(4) {
  background-color: #0056a8;
}
#general #product .product_banner__link, #general #product .product_banner__link--02, #general #product .product_banner__link--01 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  border: 1px solid #0056a8;
  line-height: 1.8;
  font-size: 1.6rem;
  font-weight: 500;
}
#general #product .product_banner__link::after, #general #product .product_banner__link--02::after, #general #product .product_banner__link--01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid #70ba2e;
  border-bottom: 2px solid #70ba2e;
  -webkit-transition: translate 0.3s ease;
  transition: translate 0.3s ease;
}
#general #product .product_banner__link:hover::after, #general #product .product_banner__link--02:hover::after, #general #product .product_banner__link--01:hover::after {
  right: 8px;
}
#general #product .product_banner__link--01__img {
  display: block;
  max-width: 70px;
  height: auto;
  max-height: 42px;
  margin-right: 15px;
}
#general #product .product_banner__link--02__img {
  display: block;
  max-width: 60px;
  height: auto;
  max-height: 52px;
  margin-right: 12px;
}
#general #product .product_list__item {
  margin-top: 30px;
}
@media (min-width: 768px) {
  #general #product .product_list__item {
    margin-top: 0;
  }
}
#general #product .product_list__item__img {
  border: 1px solid #d8d8d8;
}
#general #product .product_list__item:nth-child(n+4) {
  margin-top: 20px;
}
#general #product .product_list__itemName, #general #product .product_list__itemName--gsk, #general #product .product_list__itemName--eisai {
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 5px;
}
#general #product .product_list__itemName--eisai::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  display: block;
  width: 50px;
  height: 30px;
  background: url(../../general/products/img/logo_eisai.png) no-repeat;
  background-size: contain;
}
#general #product .product_list__itemName--gsk::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  display: block;
  width: 40px;
  height: 30px;
  background: url(../../general/products/img/logo_gsk.png) no-repeat;
  background-size: contain;
}
#general #product .product_list__itemDescription {
  font-size: 1.4rem;
}

/********** CSRの取り組み **********/
#csr #header #global-menu_outer .global-menu > *:nth-of-type(6) {
  background-color: #0056a8;
}
#csr table {
  border: 2px solid #4D7A2B;
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
}
#csr table th, #csr table td {
  padding: 5px 10px;
}
#csr table td {
  border-bottom: 1px solid #4D7A2B;
  border-right: 1px solid #4D7A2B;
}
#csr table td.td {
  border-bottom: 2px solid #4D7A2B;
  background: #F2F1CE;
  color: #4D7A2B;
}
#csr .titlebox {
  background: #F9F9F9;
  border-radius: 4px;
  border: 1px solid #999999;
}
#csr .titlebox .titlebox_header {
  padding: 5px 20px;
  background: #e8e8e8;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #bfbfbf;
}
#csr .titlebox .titlebox_body {
  padding: 20px;
  background: #f5f5f5;
  border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 768px) {
  #csr .titlebox .titlebox_body {
    padding: 30px;
  }
}
#csr .titlebox .titlebox_checkbox {
  padding: 20px;
  text-align: center;
  background: #FFd;
  border-bottom: 1px solid #CCC;
}
@media (min-width: 768px) {
  #csr .titlebox .titlebox_checkbox {
    padding: 30px;
  }
}
#csr .titlebox .titlebox_checkbox .hnd {
  padding-left: 20px;
  position: relative;
}
#csr .titlebox .titlebox_checkbox .hnd::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  background: #f5f5f5;
  border-radius: 4px;
}
#csr .titlebox .titlebox_checkbox input {
  display: none;
}
#csr .titlebox .titlebox_checkbox input:checked + .hnd::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 5px;
  width: 7px;
  height: 14px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #4d4d4d;
  border-right: 3px solid #4d4d4d;
}
#csr .titlebox .titlebox_form-actions {
  padding: 20px 10px;
  text-align: center;
}
@media (min-width: 768px) {
  #csr .titlebox .titlebox_form-actions {
    padding: 30px 10px;
  }
}
#csr .titlebox .titlebox_form-actions .download {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  padding: 10px 60px;
  background: #2d6fd2;
  border-radius: 4px;
}
#csr .logo01 {
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #csr .logo01 {
    margin: 0 0 0 auto;
  }
}
#csr .logo02 {
  display: block;
  width: 120px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #csr .logo02 {
    margin: 0;
  }
}

#sustainability .c-icon-arrow01 {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 1.7rem;
}
@media (min-width: 768px) {
  #sustainability .c-icon-arrow01 {
    font-size: 1.8rem;
    padding-left: 25px;
  }
}
#sustainability .c-icon-arrow01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  display: block;
  width: 10px;
  height: 10px;
  border-right: 2px solid #70ba2e;
  border-bottom: 2px solid #70ba2e;
}
#sustainability .c-icon-arrow01title01 {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #sustainability .c-icon-arrow01title01 {
    font-size: 2.1rem;
  }
}
#sustainability #header #global-menu_outer .global-menu > *:nth-of-type(6) {
  background-color: #0056a8;
}
#sustainability .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 38%;
  background: url(../img/sustainability/bg_mian_sus.jpg) center center no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  #sustainability .mv_copy {
    height: 400px;
    padding-top: 0;
  }
}
#sustainability .mv_copy .copy_core {
  display: block;
  width: 90%;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: auto;
}
#sustainability .mv_copy .copy_core .d-block {
  position: relative;
  height: auto;
}
#sustainability .mv_copy .copy_core .d-block .c-btn_set {
  position: absolute;
  height: 80px;
  right: 0;
  bottom: 0;
}
#sustainability .box-sustainability {
  width: 100%;
  padding: 70px 0;
  text-align: center;
  color: #FFF;
  font-size: 2rem;
  background: -webkit-gradient(linear, right top, left top, from(#8fc31f), to(#13ae67));
  background: -webkit-linear-gradient(right, #8fc31f, #13ae67);
  background: linear-gradient(-90deg, #8fc31f, #13ae67);
}
@media (min-width: 768px) {
  #sustainability .box-sustainability {
    font-size: 3.2rem;
  }
}
#sustainability .box-sustainability__text {
  line-height: 1.4;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #sustainability .box-sustainability__text {
    margin-bottom: 0;
  }
}
#sustainability .link-sustainability {
  position: relative;
  font-size: 1.5rem;
  margin: 0 50px;
  padding-right: 15px;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  #sustainability .link-sustainability {
    font-size: 2.1rem;
    padding-right: 20px;
  }
}
#sustainability .link-sustainability::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}
@media (min-width: 768px) {
  #sustainability .link-sustainability::after {
    width: 6px;
    height: 6px;
  }
}
#sustainability .row {
  margin-right: 0;
  margin-left: 0;
}
#sustainability .col-lg-6, #sustainability .col-lg-4 {
  padding: 0;
}
#sustainability .d-sp {
  width: 0;
  height: 0;
  display: block;
}
@media (min-width: 768px) {
  #sustainability .d-sp {
    display: none;
  }
}

/********** 採用情報 **********/
#recruit #header #global-menu_outer .global-menu > *:nth-of-type(5) {
  background-color: #0056a8;
}

/********** ニュースリリース **********/
#news ul.tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #06406f;
}
#news ul.tab li {
  width: 50%;
  text-align: center;
  border-top: 1px solid #06406f;
  border-left: 1px solid #06406f;
  border-right: 1px solid #06406f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #06406f;
  padding: 10px;
}
@media (min-width: 768px) {
  #news ul.tab li {
    width: auto;
  }
}
#news ul.tab li:first-child {
  background: #06406f;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  #news ul.tab li:first-child {
    width: 28%;
    margin-right: 30px;
  }
}
#news .news {
  padding-bottom: 60px;
}
#news .news h1 {
  margin-bottom: 25px;
}
#news .news h2 {
  margin-bottom: 1px;
}
#news .news .leftArea {
  width: 724px;
}
#news .news .rightArea {
  float: right;
  width: 350px;
}
#news .news .leftArea dl {
  background-color: #F8FCE2;
}
#news .news .rightArea dl {
  background-color: #F1F8FE;
}
#news .news dl {
  clear: both;
  border-bottom: #3E7C10 1px dashed;
  padding: 6px 15px 8px 15px;
}
#news .news dl a {
  color: #083681;
  text-decoration: underline;
}
#news .news dl dt {
  color: #666;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 0 2px 0;
}
#news .news dl dd {
  line-height: 1.2;
}
#news .tabArea h2 {
  position: absolute;
  left: 0px;
  top: 0px;
}
#news .tabArea .img01 {
  position: absolute;
  left: 270px;
  top: 1px;
}
#news .tabArea .btn01 {
  position: absolute;
  left: 536px;
  top: 4px;
}
#news .tabArea .btn02 {
  position: absolute;
  left: 608px;
  top: 4px;
}
#news .newsContent {
  background-color: #F8FCE2;
}
#news .newsContent h3 {
  color: #33660D;
  font-weight: bold;
  font-size: 115%;
  padding: 10px 0 0 10px;
  margin: 0;
}
#news .news .news_title {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 120%;
}
#news .news .txt01 {
  margin-bottom: 15px;
}
#news .news .txt02 {
  margin-bottom: 20px;
  padding: 0 10px;
}
#news .news .txt03 {
  margin-bottom: 5px;
}
#news .news .txtCe {
  text-align: center;
}
#news .news .txtRi {
  text-align: right;
}
#news .news .img01 {
  margin-bottom: 10px;
  text-align: center;
}
#news .year_select {
  font-size: 18px;
  padding: 0 40px 0 10px;
  border: 1px solid #999;
  background-color: #efebe1;
  background-image: url("../img/news/arrow01.png");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 20px 100%;
}
#news .year_content {
  display: none;
}

/********** イベント・インフォメーション **********/
#society .societyContent p {
  line-height: 1.5;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #society .societyContent p {
    line-height: 1.75;
  }
}
#society .societyContent a {
  text-decoration: underline;
  color: #083681;
}

.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .btn {
    width: 50%;
  }
}
.btn li a {
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px #eaeaea solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fefefe;
  background: -webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 50%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), color-stop(50%, #f8f8f8), to(#f1f1f1));
  background: linear-gradient(to bottom, #fefefe 0%, #f8f8f8 50%, #f1f1f1 100%);
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  color: #0A68CE;
  padding: 20px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .btn li a {
    font-size: 1.6rem;
  }
}
.btn li a span {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.btn li a {
  position: relative;
}
.btn li a:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 10px;
  height: 8px;
  border: 8px solid transparent;
  border-left: 8px solid #0A68CE;
}

/********** サイトマップ **********/
#sitemap .sitemap_list01 li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
#sitemap .sitemap_list01 li:last-child {
  margin-bottom: 0;
}
#sitemap .sitemap_list01 li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid #8fc31f;
}
#sitemap .sitemap_list02 li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
#sitemap .sitemap_list02 li:last-child {
  margin-bottom: 0;
}
#sitemap .sitemap_list02 li::before, #sitemap .sitemap_list02 li::after {
  position: absolute;
  content: "";
}
#sitemap .sitemap_list02 li::before {
  width: 12px;
  height: 12px;
  top: 11px;
  left: 0;
  border-radius: 50%;
  background: #8fc31f;
}
#sitemap .sitemap_list02 li::after {
  width: 3px;
  height: 3px;
  top: 14px;
  left: 5px;
  border: 3px solid transparent;
  border-left: 3px solid #fff;
}

/********** 専門医からのメッセージ・ムービー **********/
#movie .iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  border: 2px solid #ccc;
}
#movie .iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#movie .tab li .on {
  display: none;
}
#movie .tab li .off {
  display: block;
}
#movie .tab li.selected .on, #movie .tab li:hover .on {
  display: block;
}
#movie .tab li.selected .off, #movie .tab li:hover .off {
  display: none;
}

/********** 新型コロナウイルス 抗原検査関連情報 **********/
.video_box {
  width: 100%;
}
.video_item {
  width: 100%;
  max-width: 1030px;
}

/********** 検索 **********/
#search form.search_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #dfdfdf solid;
  font-size: 1.6rem;
  width: 70%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #search form.search_box {
    width: 30%;
  }
}
#search form.search_box input[name=word], #search form.search_box input[name=query] {
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #ffffff;
}
#search form.search_box button {
  background-color: #999999;
  color: #ffffff;
  width: 2em;
  text-align: center;
  cursor: pointer;
}
#search .pageing a {
  color: #06406f;
  text-decoration: underline;
}
#search .serarchResult dt {
  border-bottom: dashed 1px #666666;
  padding: 10px 5px;
  margin-bottom: 10px;
}
#search .serarchResult a {
  color: #06406f;
  text-decoration: underline;
}

/********** print設定 **********/
@media print {
  #header {
    position: static;
  }
  .drawer-menu {
    display: none;
  }
  .drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
    display: none;
  }
  main {
    margin-top: 0;
  }
  main .sp_link {
    display: none !important;
  }
  footer .footer_banner01, footer .footer_banner02, footer .footer_banner03 {
    display: none !important;
  }
}


/* /privacy/ add 2024-03
--------------------------------------------------------------------------- */
.c-list__title01 {
  font-weight: bold;
}
.c-list__title02 {
  font-weight: bold;
  margin: 0 0 0.5em -3.5em;
  padding-left: 35px;
  border-left: 5px solid #06406f;
  border-bottom: 1px dashed #06406f;
}
.c-list-disc > li {
  position: relative;
  padding: 0 0 0 1em;
}
.c-list-disc > li::before {
  content: '';
  position: absolute;
  top: 1em;
  left: 0.25em;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #333;
}
.c-list-number01 > li {
  position: relative;
  list-style-type: upper-roman;
  margin: 0 0 2em 3em;
  padding-left: 1em;
}
.c-list-number02 {
  margin-top: 1em;
}
.c-list-number02 > li {
  position: relative;
  list-style-type: decimal;
  margin: 0 0 1em 1em;
}
.c-list-number03 > li {
  position: relative;
  counter-increment: cnt;
  padding: 0 0 0 1.5em;
  margin: 0 0 1em 0;
}
.c-list-number03 > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "(" counter(cnt) ") ";
}
.c-list-number04 > li {
  position: relative;
  list-style-type: lower-roman;
  margin: 0 0 1em 1em;
}
.c-list-detail {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.c-list-detail > dt {
  width: 100%;
  @media (min-width: 768px) {
    width: 20%;
  }
}
.c-list-detail > dd {
  width: 100%;
  @media (min-width: 768px) {
    width: 80%;
  }
}
.c-list-contact {
  display: flex;
  flex-wrap: wrap;
}
.c-list-contact > dt {
  width: 100%;
  @media (min-width: 768px) {
    width: 15%;
  }
}
.c-list-contact > dd {
  width: 100%;
  @media (min-width: 768px) {
    width: 85%;
  }
}
.c-link__blue01__ul {
  text-decoration: underline;
  color: #06406f;
}


/* sustainability/health/ add 2024-03
--------------------------------------------------------------------------- */
.c-container-flex01 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.p-health__logo {
  width: 100%;
  max-width: 500px;
  height: 100%;
  text-align: center;
  margin-top: 50px;
  @media (min-width: 768px) {
    margin-left: 180px;
    margin-top: -70px;
  }
}
.p-health__logo figcaption {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  @media (min-width: 768px) {
    font-size: 28px;
  }
}
.p-health__logo img {
  width: 80%;
}