@charset "UTF-8";
body {
  font-size: 1rem;
}
body.open {
  overflow: hidden;
}

a {
  color: #06c;
  text-decoration: none;
}
a:hover {
  color: #bb1919;
  text-decoration: underline;
}

#main {
  padding-top: 100px;
  position: relative;
  z-index: 0;
}

@media only screen and (max-width: 1200px) {
  #main {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .disp_sp {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .disp_pc {
    display: none !important;
  }
}
@media print {
  body {
    background: none !important;
    width: 100%;
  }
  #c_policy_wrap,
  #regist_area,
  #navigation,
  #header,
  #bc,
  .pagetop,
  #column_right,
  div.footlink,
  #sp_head,
  .page,
  .pdf_link,
  .bucknum,
  footer .small,
  #foot_sitemap,
  #headnav,
  #contents #contentsinner #column_left .index_area .series_link,
  footer,
  .jb_square #contents #contentsinner #column_left section article .number1,
  #fadeTopBtn,
  .drawer-overlay,
  #slide_menu,
  #content01,
  #content02,
  nav.drawer-nav,
  #bol_link {
    display: none !important;
  }
  #contents {
    width: 960px;
  }
  #contentsinner {
    margin: 0;
  }
  #jb_square::before,
  #di::before {
    content: url("/med/img/print_header.png") !important;
    display: block;
    /* background: url(../img/print_header.png) no-repeat 0 0; */
  }
  #column_left,
  #column_one {
    float: none !important;
    text-align: left;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
  }
  #column_left,
  #column_one {
    margin-top: 10px;
  }
  .jb_square #contents #contentsinner #column_left section {
    border: none;
  }
  .pageBreak {
    page-break-before: always;
  }
}
.profile-toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.profile-toggle input[type=checkbox] {
  display: none;
}
.profile-toggle input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
}
.profile-toggle input[type=checkbox] + label::after {
  content: "▼";
  font-size: 8px;
  position: absolute;
  line-height: 1;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.profile-toggle input[type=checkbox] + label + .detail {
  height: 0;
  display: block;
  overflow: hidden;
  visibility: hidden;
}
.profile-toggle input[type=checkbox]:checked + label::after {
  transform: translateY(-50%) rotate(180deg);
}
.profile-toggle input[type=checkbox]:checked + label + .detail {
  height: auto;
  visibility: visible;
}

.btn_back {
  max-width: 200px;
  width: 100%;
  display: block;
  background: #bf0d0d;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 1rem;
  text-align: center;
  line-height: 50px;
  border-radius: 4px;
  margin: 35px auto 0;
  transition: 0.3s;
  text-decoration: none;
}

.btn_back:hover {
  opacity: 0.8;
}

ul.info_tab {
  display: flex;
  overflow: hidden;
  width: 100%;
}
ul.info_tab li {
  width: 24.9%;
  line-height: 1.2rem;
  text-align: center;
}
ul.info_tab li:not(:last-child) {
  margin-right: 1px;
}
ul.info_tab li a {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  background: #eee;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  transition: 0.2s;
  line-height: 1.3;
  font-size: 0.875rem;
}
ul.info_tab li a br {
  display: none;
}
ul.info_tab li a:hover {
  background: #bb1919;
  color: #fff;
}
ul.info_tab li.select a {
  background: #bb1919 !important;
  color: #fff;
}

.news_hide {
  display: none;
}

.more_list {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  width: 130px;
  color: #bb1919;
  margin: 0 auto;
  text-align: center;
  font-size: 0.875rem;
  padding: 0.5rem 0;
}

.list_layout_01 {
  margin-top: 1px;
  clear: both;
  background: #fff;
  border: 3px solid #f6f6f6;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 50px;
}
.list_layout_01 .block {
  display: flex;
  width: 100%;
  align-items: flex-start;
  font-size: 0.875rem;
}
.list_layout_01 .block.is-hidden {
  display: none;
}
.list_layout_01 .block:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.list_layout_01 .block .icon {
  /* 160px */
  width: 140px;
  margin-right: 20px;
  box-sizing: border-box;
  display: block;
  padding: 4px 0;
  color: #bf0d0d;
  border: 1px solid #bf0d0d;
  text-align: center;
  width: 140px;
  border-radius: 4px;
  background: none;
  line-height: 1rem;
  font-size: 0.75rem;
}
.list_layout_01 .block .date {
  /* 165px */
  width: 140px;
  padding-right: 35px;
  margin-right: 20px;
  box-sizing: border-box;
  font-size: 1rem;
  position: relative;
  line-height: 1.3;
  font-feature-settings: "palt";
}
.list_layout_01 .block .date.new::after {
  /* 35px */
  content: "NEW";
  line-height: 1;
  font-size: 0.625rem;
  background: #f4e5e5;
  color: #bb1919;
  padding: 3px;
  border-radius: 4px;
  margin-left: 5px;
  width: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: 1px;
  position: absolute;
  right: 0;
  top: 2px;
}
.list_layout_01 .block .link {
  width: calc(100% - 325px);
}
.list_layout_01 .block .link a {
  font-size: 1rem;
  line-height: 1.3;
}

@media only screen and (max-width: 980px) {
  .list_layout_01 .block {
    flex-wrap: wrap;
    align-items: center;
  }
  .list_layout_01 .block .icon {
    width: 140px;
    margin-right: 10px;
  }
  .list_layout_01 .block .date {
    width: calc(100% - 180px);
    font-size: 0.875rem;
  }
  .list_layout_01 .block .date br {
    display: none;
  }
  .list_layout_01 .block .date.new::after {
    vertical-align: 1px;
    position: relative;
    right: auto;
    top: auto;
  }
  .list_layout_01 .block .link {
    width: 100%;
    margin-top: 8px;
  }
  .list_layout_01 .block .link a {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 640px) {
  ul.info_tab li a {
    font-size: 0.75rem;
  }
  ul.info_tab li a br {
    display: block;
  }
  .list_layout_01 .block {
    display: block;
    font-size: 0.75rem;
  }
  .list_layout_01 .block .icon {
    width: 110px;
    margin-right: 0;
    font-size: 0.75rem;
  }
  .list_layout_01 .block .date {
    width: 100%;
    font-size: 0.75rem;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .list_layout_01 .block .link {
    margin-top: 2px;
    width: 100%;
    font-size: 0.75rem;
  }
}
.list_layout_02 {
  margin-top: 1px;
  clear: both;
  background: #fff;
  border: 3px solid #f6f6f6;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 50px;
}
.list_layout_02 .block {
  display: flex;
  width: 100%;
  align-items: flex-start;
  font-size: 0.875rem;
}
.list_layout_02 .block.is-hidden {
  display: none;
}
.list_layout_02 .block:not(:last-child) {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.list_layout_02 .block .date {
  /* 165px */
  width: 140px;
  padding-right: 35px;
  margin-right: 20px;
  box-sizing: border-box;
  font-size: 1rem;
  position: relative;
  line-height: 1.3;
  font-feature-settings: "palt";
}
.list_layout_02 .block .date.new::after {
  /* 35px */
  content: "NEW";
  line-height: 1;
  font-size: 0.625rem;
  background: #f4e5e5;
  color: #bb1919;
  padding: 3px;
  border-radius: 4px;
  margin-left: 5px;
  width: 30px;
  display: inline-block;
  text-align: center;
  vertical-align: 1px;
  position: absolute;
  right: 0;
  top: 2px;
}
.list_layout_02 .block .link {
  width: calc(100% - 165px);
}
.list_layout_02 .block .link a {
  font-size: 1rem;
  line-height: 1.3;
}

@media only screen and (max-width: 980px) {
  .list_layout_02 .block {
    display: block;
  }
  .list_layout_02 .block .date {
    font-size: 0.875rem;
    width: 100%;
    padding-bottom: 5px;
  }
  .list_layout_02 .block .date br {
    display: none;
  }
  .list_layout_02 .block .date.new::after {
    vertical-align: 1px;
    position: relative;
    right: auto;
    top: auto;
  }
  .list_layout_02 .block .link a {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 640px) {
  .list_layout_02 .block {
    display: block;
    font-size: 0.75rem;
  }
  .list_layout_02 .block .icon {
    width: 110px;
    margin-right: 0;
    font-size: 0.625rem;
  }
  .list_layout_02 .block .date {
    width: auto;
    font-size: 0.75rem;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .list_layout_02 .block .date br {
    display: none;
  }
  .list_layout_02 .block .date.new::after {
    position: relative;
    top: 1px;
  }
  .list_layout_02 .block .link {
    margin-top: 2px;
    width: 100%;
    font-size: 0.75rem;
  }
}
.vng .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #003149, #003149 3px, transparent 3px, transparent 5px) !important;
}
.vng .main_contents .anchor ul li a {
  background: rgba(0, 49, 73, 0.1) !important;
  border: 1px solid #003149 !important;
}
.vng .main_contents .anchor ul li a::before {
  background: #003149 !important;
}
.vng .main_contents .anchor ul li a::after {
  background: #003149 !important;
}
.vng .main_contents .frame h3.base::after {
  background: #003149 !important;
}
.vng .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #003149 !important;
}
.vng .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #003149 !important;
  border-bottom-color: #003149 !important;
}

.aco .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #e6e619, #e6e619 3px, transparent 3px, transparent 5px) !important;
}
.aco .main_contents .anchor ul li a {
  background: rgba(230, 230, 25, 0.1) !important;
  border: 1px solid #e6e619 !important;
}
.aco .main_contents .anchor ul li a::before {
  background: #e6e619 !important;
}
.aco .main_contents .anchor ul li a::after {
  background: #e6e619 !important;
}
.aco .main_contents .frame h3.base::after {
  background: #e6e619 !important;
}
.aco .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #e6e619 !important;
}
.aco .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #e6e619 !important;
  border-bottom-color: #e6e619 !important;
}

.nat .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #f00, #f00 3px, transparent 3px, transparent 5px) !important;
}
.nat .main_contents .anchor ul li a {
  background: rgba(255, 0, 0, 0.1) !important;
  border: 1px solid #f00 !important;
}
.nat .main_contents .anchor ul li a::before {
  background: #f00 !important;
}
.nat .main_contents .anchor ul li a::after {
  background: #f00 !important;
}
.nat .main_contents .frame h3.base::after {
  background: #f00 !important;
}
.nat .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #f00 !important;
}
.nat .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #f00 !important;
  border-bottom-color: #f00 !important;
}

.alb .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #81f051, #81f051 3px, transparent 3px, transparent 5px) !important;
}
.alb .main_contents .anchor ul li a {
  background: rgba(129, 240, 81, 0.1) !important;
  border: 1px solid #81f051 !important;
}
.alb .main_contents .anchor ul li a::before {
  background: #81f051 !important;
}
.alb .main_contents .anchor ul li a::after {
  background: #81f051 !important;
}
.alb .main_contents .frame h3.base::after {
  background: #81f051 !important;
}
.alb .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #81f051 !important;
}
.alb .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #81f051 !important;
  border-bottom-color: #81f051 !important;
}

.cof .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #60a314, #60a314 3px, transparent 3px, transparent 5px) !important;
}
.cof .main_contents .anchor ul li a {
  background: rgba(96, 163, 20, 0.1) !important;
  border: 1px solid #60a314 !important;
}
.cof .main_contents .anchor ul li a::before {
  background: #60a314 !important;
}
.cof .main_contents .anchor ul li a::after {
  background: #60a314 !important;
}
.cof .main_contents .frame h3.base::after {
  background: #60a314 !important;
}
.cof .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #60a314 !important;
}
.cof .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #60a314 !important;
  border-bottom-color: #60a314 !important;
}

.nov .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #467ddb, #467ddb 3px, transparent 3px, transparent 5px) !important;
}
.nov .main_contents .anchor ul li a {
  background: rgba(70, 125, 219, 0.1) !important;
  border: 1px solid #467ddb !important;
}
.nov .main_contents .anchor ul li a::before {
  background: #467ddb !important;
}
.nov .main_contents .anchor ul li a::after {
  background: #467ddb !important;
}
.nov .main_contents .frame h3.base::after {
  background: #467ddb !important;
}
.nov .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #467ddb !important;
}
.nov .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #467ddb !important;
  border-bottom-color: #467ddb !important;
}

.byc .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #c4ff03, #c4ff03 3px, transparent 3px, transparent 5px) !important;
}
.byc .main_contents .anchor ul li a {
  background: rgba(196, 255, 3, 0.1) !important;
  border: 1px solid #c4ff03 !important;
}
.byc .main_contents .anchor ul li a::before {
  background: #c4ff03 !important;
}
.byc .main_contents .anchor ul li a::after {
  background: #c4ff03 !important;
}
.byc .main_contents .frame h3.base::after {
  background: #c4ff03 !important;
}
.byc .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #c4ff03 !important;
}
.byc .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #c4ff03 !important;
  border-bottom-color: #c4ff03 !important;
}

.hap .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #f5cbf4, #f5cbf4 3px, transparent 3px, transparent 5px) !important;
}
.hap .main_contents .anchor ul li a {
  background: rgba(245, 203, 244, 0.1) !important;
  border: 1px solid #f5cbf4 !important;
}
.hap .main_contents .anchor ul li a::before {
  background: #f5cbf4 !important;
}
.hap .main_contents .anchor ul li a::after {
  background: #f5cbf4 !important;
}
.hap .main_contents .frame h3.base::after {
  background: #f5cbf4 !important;
}
.hap .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #f5cbf4 !important;
}
.hap .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #f5cbf4 !important;
  border-bottom-color: #f5cbf4 !important;
}

.fib .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #42f5b6, #42f5b6 3px, transparent 3px, transparent 5px) !important;
}
.fib .main_contents .anchor ul li a {
  background: rgba(66, 245, 182, 0.1) !important;
  border: 1px solid #42f5b6 !important;
}
.fib .main_contents .anchor ul li a::before {
  background: #42f5b6 !important;
}
.fib .main_contents .anchor ul li a::after {
  background: #42f5b6 !important;
}
.fib .main_contents .frame h3.base::after {
  background: #42f5b6 !important;
}
.fib .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #42f5b6 !important;
}
.fib .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #42f5b6 !important;
  border-bottom-color: #42f5b6 !important;
}

.bol .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #281cad, #281cad 3px, transparent 3px, transparent 5px) !important;
}
.bol .main_contents .anchor ul li a {
  background: rgba(40, 28, 173, 0.1) !important;
  border: 1px solid #281cad !important;
}
.bol .main_contents .anchor ul li a::before {
  background: #281cad !important;
}
.bol .main_contents .anchor ul li a::after {
  background: #281cad !important;
}
.bol .main_contents .frame h3.base::after {
  background: #281cad !important;
}
.bol .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #281cad !important;
}
.bol .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #281cad !important;
  border-bottom-color: #281cad !important;
}

.crs .main_contents .contents_title:after {
  background-image: repeating-linear-gradient(-45deg, #f59d38, #f59d38 3px, transparent 3px, transparent 5px) !important;
}
.crs .main_contents .anchor ul li a {
  background: rgba(245, 157, 56, 0.1) !important;
  border: 1px solid #f59d38 !important;
}
.crs .main_contents .anchor ul li a::before {
  background: #f59d38 !important;
}
.crs .main_contents .anchor ul li a::after {
  background: #f59d38 !important;
}
.crs .main_contents .frame h3.base::after {
  background: #f59d38 !important;
}
.crs .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  background: #f59d38 !important;
}
.crs .main_contents .frame.banner_column3 ul.cursor li a:before {
  border-right-color: #f59d38 !important;
  border-bottom-color: #f59d38 !important;
}

@media only screen and (min-width: 1367px) {
  #header .wrapper .navigation .nav_lower nav .globalnav {
    width: 100%;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav a.head {
    padding: 0 5px !important;
  }
}
@media only screen and (min-width: 1201px) {
  #header {
    height: 100px;
    background: #fff;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    z-index: 1000;
  }
  #header .wrapper {
    padding: 0 3%;
    display: flex;
    align-items: center;
  }
  #header .wrapper .logo {
    width: 250px;
  }
  #header .wrapper .navigation {
    transition: 0.3s;
    width: calc(100% - 250px);
  }
  #header .wrapper .navigation .nav_upper {
    height: 45px;
    padding-top: 5px;
    position: relative;
  }
  #header .wrapper .navigation .nav_upper .search {
    width: 450px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
  #header .wrapper .navigation .nav_upper .search {
    width: 400px;
  }
}
@media only screen and (min-width: 1201px) {
  #header .wrapper .navigation .nav_upper .search form {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
  }
  #header .wrapper .navigation .nav_upper .search form input {
    width: calc(100% - 80px);
    box-sizing: border-box;
    border: none;
    font-size: 0.75rem;
    box-sizing: border-box;
    padding: 10px;
  }
  #header .wrapper .navigation .nav_upper .search form button {
    text-align: center;
    width: 70px;
    box-sizing: border-box;
    border: none;
    background: none;
    font-size: 0.75rem;
    cursor: pointer;
  }
  #header .wrapper .navigation .nav_upper .search form button:hover {
    color: #bb1919;
  }
  #header .wrapper .navigation .nav_upper .search form button img {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
    margin-right: 4px;
  }
  #header .wrapper .navigation .nav_upper .tab {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    opacity: 0;
  }
  #header .wrapper .navigation .nav_upper .tab a {
    display: flex;
    height: 32px;
    padding: 0 20px;
    align-items: center;
    background: #fff;
    color: #bb1919;
    font-size: 0.9rem;
    border-radius: 0 0 4px 4px;
    margin-left: 10px;
    text-decoration: none;
    border: 1px solid #bb1919;
    border-top: none;
  }
  #header .wrapper .navigation .nav_upper .tab a.regist {
    background: #bb1919;
    color: #fff;
  }
  #header .wrapper .navigation .nav_upper .tab a.regist::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/pen_white.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-right: 3px;
  }
  #header .wrapper .navigation .nav_upper .tab a.login::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/login_red.svg") no-repeat;
    background-size: cover;
    width: 16px;
    height: 19px;
    margin-right: 3px;
  }
  #header .wrapper .navigation .nav_upper .tab a.user::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/user_red.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-right: 6px;
  }
  #header .wrapper .navigation .nav_upper .tab a.user:hover {
    cursor: default;
  }
  #header .wrapper .navigation .nav_upper .tab a.bol::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/bol_link_white.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 22px;
    margin-right: 3px;
  }
  #header .wrapper .navigation .nav_upper .tab a br {
    display: none;
  }
  #header .wrapper .navigation .nav_lower {
    padding-bottom: 5px;
  }
  #header .wrapper .navigation .nav_lower nav {
    display: flex;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav a.head {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    color: #333;
    font-size: 0.875rem;
    text-decoration: none;
    border-left: 1px solid #eee;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_01 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_01_black.svg") no-repeat center;
    background-size: contain;
    width: 32px;
    height: 33px;
    margin-right: 5px;
    vertical-align: middle;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_01:hover a.head {
    color: #bb1919;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_01:hover a.head::before {
    background: url("/med/img/icn/nav_01_red.svg") no-repeat center;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_02 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_02_black.svg") no-repeat center;
    background-size: contain;
    width: 23px;
    height: 33px;
    margin-right: 5px;
    vertical-align: middle;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_02:hover a.head {
    color: #bb1919;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_02:hover a.head::before {
    background: url("/med/img/icn/nav_02_red.svg") no-repeat center;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_03 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_03_black.svg") no-repeat center;
    background-size: contain;
    width: 43px;
    height: 26px;
    margin-right: 5px;
    vertical-align: middle;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_03:hover a.head {
    color: #bb1919;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_03:hover a.head::before {
    background: url("/med/img/icn/nav_03_red.svg") no-repeat center;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_04 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_04_black.svg") no-repeat center;
    background-size: contain;
    width: 38px;
    height: 29px;
    margin-right: 5px;
    vertical-align: middle;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_04:hover a.head {
    color: #bb1919;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav.link_04:hover a.head::before {
    background: url("/med/img/icn/nav_04_red.svg") no-repeat center;
  }
  #header .wrapper .navigation .nav_lower nav .globalnav:last-child {
    border-right: 1px solid #eee;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu {
    position: absolute;
    top: 100px;
    left: calc(3% + 250px);
    visibility: hidden;
    opacity: 0;
    max-width: 870px;
    width: 100%;
    background: #fff;
    z-index: 10;
    box-sizing: border-box;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner {
    border-top: 3px solid #101b22;
    position: relative;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block {
    width: 200px;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block a.region_link {
    text-decoration: none;
    color: #333;
    background: #bb1919;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block input[name=tab_item] {
    display: none;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .menu {
    background: #f8f8f8 url("/med/img/icn/cursor_right_black.svg") no-repeat;
    background-size: 10px 14px;
    background-position: 95% 50%;
    font-size: 0.875rem;
    width: 200px;
    height: 65px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    box-sizing: border-box;
    cursor: pointer;
    border-bottom: 1px solid #878d92;
    border-right: 1px solid #878d92;
    transition: 0.3s;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents {
    background: #fff;
    position: absolute;
    top: 0;
    left: 200px;
    width: calc(100% - 200px);
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    padding: 20px 20px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li {
    width: 48%;
    margin-bottom: 10px;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a {
    font-size: 0.875rem;
    color: #333;
    line-height: 1.5;
    display: flex;
    text-decoration: underline;
    height: 30px;
    align-items: center;
    position: relative;
    padding-left: 45px;
    font-feature-settings: "palt";
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    width: 35px;
    height: 35px;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a:hover {
    text-decoration: none;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.rhip::before {
    background: url("/med/img/icn/disease/rhip.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.tetanus::before {
    background: url("/med/img/icn/disease/tetanus.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.vwd::before {
    background: url("/med/img/icn/disease/vwd.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.hemophilia::before {
    background: url("/med/img/icn/disease/hemophilia.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.aom::before {
    background: url("/med/img/icn/disease/aom.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.kd::before {
    background: url("/med/img/icn/disease/kd.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.vg::before {
    background: url("/med/img/icn/disease/vg.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.pmdm::before {
    background: url("/med/img/icn/disease/pmdm.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.cidp::before {
    background: url("/med/img/icn/disease/cidp.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.mg::before {
    background: url("/med/img/icn/disease/mg.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.aph::before {
    background: url("/med/img/icn/disease/aph.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.gamma::before {
    background: url("/med/img/icn/disease/gamma.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.alb::before {
    background: url("/med/img/icn/disease/alb.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.hbv::before {
    background: url("/med/img/icn/disease/hbv.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.itp::before {
    background: url("/med/img/icn/disease/itp.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.autoimmune::before {
    background: url("/med/img/icn/disease/autoimmune.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.dic::before {
    background: url("/med/img/icn/disease/dic.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.gbs::before {
    background: url("/med/img/icn/disease/gbs.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.infection::before {
    background: url("/med/img/icn/disease/infection.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.kidney::before {
    background: url("/med/img/icn/disease/kidney.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents ul li a.cad::before {
    background: url("/med/img/icn/disease/cad.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block .contents .top {
    display: flex;
    width: 500px;
    height: 40px;
    background: #bb1919;
    color: #fff;
    font-size: 0.875rem;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 5px;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block:hover {
    width: 100%;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block:hover .menu {
    background: #878d92 url("/med/img/icn/cursor_right_white.svg") no-repeat;
    background-size: 10px 14px;
    background-position: 95% 50%;
    color: #fff;
  }
  #header .wrapper .navigation .nav_lower nav .megamenu .inner .block:hover .contents {
    visibility: visible;
    opacity: 1;
  }
  #header .wrapper .navigation .nav_lower nav .link_01:hover .megamenu {
    visibility: visible;
    opacity: 1;
  }
  #header .wrapper .navigation .nav_lower nav .link_01:hover + .bg {
    position: absolute;
    display: block;
    width: 100%;
    height: 100vh;
    background: #252b36;
    z-index: 1;
    left: 0;
    opacity: 0.8;
    top: 100px;
    transition: 0.3s;
  }
  #header .wrapper .navigation .nav_lower nav .search {
    display: none;
  }
  #header.fixed {
    position: fixed;
    height: 60px;
    top: 0;
  }
  #header.fixed .wrapper {
    padding: 0;
    display: block;
  }
  #header.fixed .wrapper .logo {
    display: none;
  }
  #header.fixed .wrapper .navigation {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #header.fixed .wrapper .navigation .nav_upper {
    height: 35px;
    padding-top: 0;
    order: 1;
    width: 460px;
  }
  #header.fixed .wrapper .navigation .nav_upper .search {
    display: none;
  }
  #header.fixed .wrapper .navigation .nav_upper .tab {
    position: relative;
    top: 0;
    right: 0;
    justify-content: flex-end;
    padding-right: 30px;
  }
  #header.fixed .wrapper .navigation .nav_upper .tab a {
    display: flex;
    height: 35px;
    padding: 0 20px;
    font-size: 0.9rem;
    margin-left: 0;
    margin-right: 10px;
  }
  #header.fixed .wrapper .navigation .nav_lower {
    padding-bottom: 0;
    width: calc(100% - 360px);
  }
  #header.fixed .wrapper .navigation .nav_lower nav {
    display: flex;
    width: 100%;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .globalnav {
    width: 100%;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .globalnav a.head {
    height: 60px;
    padding: 0 10px;
    font-size: 0.8rem;
    white-space: nowrap;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .globalnav.link_01 {
    width: 20%;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .globalnav.link_02 {
    width: 20%;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .globalnav.link_03 {
    width: 30%;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .globalnav.link_04 {
    width: 30%;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .megamenu {
    top: 60px;
    left: 0;
    max-width: 870px;
  }
  #header.fixed .wrapper .navigation .nav_lower nav .link_01:hover + .bg {
    top: 60px;
  }
  .nav_toggle {
    display: none;
  }
  #region .globalnav.link_01 a.head,
  #disease .globalnav.link_01 a.head {
    color: #bb1919 !important;
  }
  #region .globalnav.link_01 a.head::before,
  #disease .globalnav.link_01 a.head::before {
    background: url("/med/img/icn/nav_01_red.svg") no-repeat center !important;
  }
  #disease.no_current .globalnav.link_01 a.head {
    color: #333 !important;
  }
  #disease.no_current .globalnav.link_01 a.head::before {
    background: url("/med/img/icn/nav_01_black.svg") no-repeat center !important;
  }
  #di .globalnav.link_02 a.head {
    color: #bb1919 !important;
  }
  #di .globalnav.link_02 a.head::before {
    background: url("/med/img/icn/nav_02_red.svg") no-repeat center !important;
  }
  #seminar .globalnav.link_03 a.head {
    color: #bb1919 !important;
  }
  #seminar .globalnav.link_03 a.head::before {
    background: url("/med/img/icn/nav_03_red.svg") no-repeat center !important;
  }
  #consultation .globalnav.link_04 a.head {
    color: #bb1919 !important;
  }
  #consultation .globalnav.link_04 a.head::before {
    background: url("/med/img/icn/nav_04_red.svg") no-repeat center !important;
  }
}
@media only screen and (max-width: 1200px) {
  #header {
    height: 70px;
    z-index: 10;
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    transition: 0.3s;
  }
  #header .wrapper {
    height: 70px;
    padding: 0 3%;
    display: flex;
    align-items: center;
    background: #fff;
    position: relative;
  }
  #header .wrapper .logo {
    width: 200px;
    position: relative;
    z-index: 1;
  }
  #header .wrapper .logo img {
    width: 150px;
    vertical-align: bottom;
  }
  #header .wrapper .navigation {
    width: 100%;
    margin-right: 40px;
  }
  #header .wrapper .navigation .nav_upper {
    display: flex;
    justify-content: flex-end;
  }
  #header .wrapper .navigation .nav_upper .search {
    display: none;
  }
  #header .wrapper .navigation .nav_upper .tab {
    display: flex;
    justify-content: space-between;
    top: 10px;
    opacity: 0;
  }
  #header .wrapper .navigation .nav_upper .tab a {
    line-height: 1.2;
    font-size: 0.85rem;
    background: #fff;
    color: #bb1919;
    margin-right: 10px;
    padding: 12px;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #bb1919;
  }
  #header .wrapper .navigation .nav_upper .tab a.regist {
    display: flex;
    align-items: center;
    background: #bb1919;
    color: #fff;
  }
  #header .wrapper .navigation .nav_upper .tab a.regist::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/pen_white.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  #header .wrapper .navigation .nav_upper .tab a.login {
    display: flex;
    align-items: center;
  }
  #header .wrapper .navigation .nav_upper .tab a.login::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/login_red.svg") no-repeat;
    background-size: cover;
    width: 16px;
    height: 19px;
    margin-right: 4px;
  }
  #header .wrapper .navigation .nav_upper .tab a.user {
    display: flex;
    align-items: center;
  }
  #header .wrapper .navigation .nav_upper .tab a.user::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/user_red.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-right: 6px;
  }
  #header .wrapper .navigation .nav_upper .tab a.user:hover {
    cursor: default;
  }
  #header .wrapper .navigation .nav_upper .tab a.bol {
    display: flex;
    align-items: center;
  }
  #header .wrapper .navigation .nav_upper .tab a.bol::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/bol_link_red.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 22px;
    margin-right: 5px;
  }
  #header .wrapper .navigation .nav_upper .tab a br.disp_sp {
    display: none;
  }
  #header .wrapper .navigation #globalmenu {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    transition: 0.3s;
  }
  #header .wrapper .navigation #globalmenu nav {
    position: fixed;
    top: 0;
    right: -300px;
    overflow-y: scroll;
    height: 100vh;
    background: #fff;
    transition: 0.5s;
    z-index: 1000;
    width: 300px;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav {
    font-size: 1rem;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav a.head {
    display: flex;
    height: 80px;
    padding: 0 15px;
    align-items: center;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    background: #f8f8f8;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav.link_01 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_01_black.svg") no-repeat center;
    background-size: contain;
    width: 32px;
    height: 33px;
    margin: 0 18px 0 4px;
    vertical-align: middle;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav.link_02 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_02_black.svg") no-repeat center;
    background-size: contain;
    width: 23px;
    height: 33px;
    margin: 0 21px 0 9px;
    vertical-align: middle;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav.link_03 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_03_black.svg") no-repeat center;
    background-size: contain;
    width: 43px;
    height: 26px;
    margin-right: 10px;
    vertical-align: middle;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav.link_04 a.head::before {
    content: "";
    display: inline-block;
    background: url("/med/img/icn/nav_04_black.svg") no-repeat center;
    background-size: contain;
    width: 38px;
    height: 29px;
    margin-right: 14px;
    vertical-align: middle;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block input[name=tab_item] {
    display: none;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block label {
    display: flex;
    height: 50px;
    align-items: center;
    padding-left: 50px;
    background: #e0e3e6;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    position: relative;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block label::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    position: absolute;
    background: #61666f;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block label::after {
    content: "";
    display: block;
    height: 15px;
    width: 3px;
    position: absolute;
    background: #61666f;
    left: 31px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents {
    visibility: hidden;
    opacity: 0;
    height: 0;
    display: flex;
    flex-direction: column-reverse;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul {
    padding: 5px 15px 15px;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li {
    margin-top: 10px;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a {
    font-size: 0.875rem;
    color: #333;
    line-height: 1.5;
    display: flex;
    text-decoration: underline;
    height: 35px;
    align-items: center;
    position: relative;
    padding-left: 45px;
    font-feature-settings: "palt";
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a::before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    width: 35px;
    height: 35px;
    background: url("/med/img/icn/disease/icn.png") no-repeat;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a:hover {
    text-decoration: none;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.rhip::before {
    background: url("/med/img/icn/disease/rhip.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.tetanus::before {
    background: url("/med/img/icn/disease/tetanus.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.vwd::before {
    background: url("/med/img/icn/disease/vwd.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.hemophilia::before {
    background: url("/med/img/icn/disease/hemophilia.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.aom::before {
    background: url("/med/img/icn/disease/aom.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.kd::before {
    background: url("/med/img/icn/disease/kd.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.vg::before {
    background: url("/med/img/icn/disease/vg.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.pmdm::before {
    background: url("/med/img/icn/disease/pmdm.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.cidp::before {
    background: url("/med/img/icn/disease/cidp.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.mg::before {
    background: url("/med/img/icn/disease/mg.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.aph::before {
    background: url("/med/img/icn/disease/aph.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.gamma::before {
    background: url("/med/img/icn/disease/gamma.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.alb::before {
    background: url("/med/img/icn/disease/alb.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.hbv::before {
    background: url("/med/img/icn/disease/hbv.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.itp::before {
    background: url("/med/img/icn/disease/itp.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.autoimmune::before {
    background: url("/med/img/icn/disease/autoimmune.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.dic::before {
    background: url("/med/img/icn/disease/dic.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.gbs::before {
    background: url("/med/img/icn/disease/gbs.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.infection::before {
    background: url("/med/img/icn/disease/infection.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.kidney::before {
    background: url("/med/img/icn/disease/kidney.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents ul li a.cad::before {
    background: url("/med/img/icn/disease/cad.png") no-repeat;
    background-size: cover;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents .top {
    display: flex;
    height: 40px;
    background: #999;
    color: #fff;
    font-size: 0.9375rem;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    text-decoration: none;
    margin: 20px 15px 0;
    box-sizing: border-box;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block .contents .top::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 14px;
    margin-right: 10px;
    background: url("/med/img/icn/cursor_right_white.svg") no-repeat;
    background-size: 10px 14px;
    background-position: 5% 50%;
    color: #fff;
    vertical-align: middle;
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block input:checked + label::before {
    transform: translateY(-50%) rotate(45deg);
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block input:checked + label::after {
    transform: translateY(-50%) rotate(45deg);
  }
  #header .wrapper .navigation #globalmenu nav .globalnav .megamenu .inner .block input:checked + label + .contents {
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  #header .wrapper .navigation #globalmenu nav .search {
    padding: 25px 15px 100px 15px;
  }
  #header .wrapper .navigation #globalmenu nav .search form {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #header .wrapper .navigation #globalmenu nav .search form input {
    width: 195px;
    font-size: 1rem;
    padding: 10px 5px;
  }
  #header .wrapper .navigation #globalmenu nav .search form button {
    margin-left: 10px;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1;
    color: #333;
  }
  #header .wrapper .navigation #globalmenu nav .search form button img {
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto 3px;
  }
  #header .wrapper .navigation #globalmenu.open {
    background: rgba(37, 43, 54, 0.8);
    z-index: 4000;
  }
  #header .wrapper .navigation #globalmenu.open nav {
    right: 0px;
  }
  #header .nav_frame {
    display: none;
  }
  #header.open .nav_frame {
    display: block;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
  }
  .nav_toggle {
    position: fixed;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 5000;
    transition: 0.5s;
    background: #bb1919;
  }
  .nav_toggle .line {
    position: absolute;
    left: 10px;
    width: 30px;
    height: 4px;
    background-color: #fff;
    transition: 0.5s;
  }
  .nav_toggle .line.line1 {
    top: 12px;
  }
  .nav_toggle .line.line2 {
    top: 23px;
  }
  .nav_toggle .line.line3 {
    top: 34px;
  }
  .nav_toggle.open {
    right: 310px;
  }
  .nav_toggle.open .line.line1 {
    transform: rotate(45deg);
    top: 23px;
  }
  .nav_toggle.open .line.line2 {
    width: 0px;
  }
  .nav_toggle.open .line.line3 {
    transform: rotate(-45deg);
    top: 23px;
  }
}
@media only screen and (max-width: 640px) {
  #header .wrapper .logo {
    width: 120px;
  }
  #header .wrapper .logo img {
    width: 110px;
  }
  #header .wrapper .navigation {
    margin-right: calc(33px + 5%);
  }
  #header .wrapper .navigation .nav_upper {
    position: relative;
    z-index: 2000;
    display: flex;
    justify-content: flex-end;
  }
  #header .wrapper .navigation .nav_upper .search {
    display: none;
  }
  #header .wrapper .navigation .nav_upper .tab {
    display: flex;
    justify-content: space-between;
  }
  #header .wrapper .navigation .nav_upper .tab a {
    line-height: 1.2;
    font-size: 0.75rem;
    background: #fff;
    color: #bb1919;
    margin-right: 3px;
    padding: 12px 6px;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #bb1919;
  }
  #header .wrapper .navigation .nav_upper .tab a.regist {
    display: flex;
    align-items: center;
  }
  #header .wrapper .navigation .nav_upper .tab a.regist::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/pen_white.svg") no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-right: 4px;
  }
  #header .wrapper .navigation .nav_upper .tab a.login {
    display: flex;
    align-items: center;
    margin-right: 5px;
  }
  #header .wrapper .navigation .nav_upper .tab a.login::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/login_red.svg") no-repeat;
    background-size: cover;
    width: 14px;
    height: 16px;
    margin-right: 3px;
  }
  #header .wrapper .navigation .nav_upper .tab a.user {
    display: flex;
    align-items: center;
    margin-right: 8px;
  }
  #header .wrapper .navigation .nav_upper .tab a.user::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/user_red.svg") no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  #header .wrapper .navigation .nav_upper .tab a.bol {
    display: flex;
    align-items: center;
  }
  #header .wrapper .navigation .nav_upper .tab a.bol::before {
    content: "";
    display: block;
    margin: 0 auto;
    background: url("/med/img/icn/bol_link_red.svg") no-repeat;
    background-size: cover;
    width: 20px;
    height: 22px;
    margin-right: 5px;
  }
  #header .wrapper .navigation .nav_upper .tab a br.disp_sp {
    display: block;
  }
}
@media only screen and (min-width: 1201px) {
  .region_head_sp {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .region_head_pc {
    display: none !important;
  }
}
#regist_area {
  margin-top: 100px;
  background: #8da7b5;
  text-align: center;
  color: #fff;
  padding: 35px 2% 0;
}
#regist_area h3 {
  font-size: 1.875rem;
  font-weight: bold;
}
#regist_area p {
  font-size: 1.125rem;
  line-height: 1.5;
  padding: 20px 0;
}
#regist_area .block {
  display: flex;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: flex-end;
}
#regist_area .block .detail {
  width: 46%;
}
#regist_area .block .detail ul li {
  text-align: left;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  font-feature-settings: "palt";
  margin-bottom: 15px;
  padding-left: 30px;
  background: url("/med/img/footer/mm_check.png") no-repeat;
  background-size: 24px 20px;
}
#regist_area .block .detail ul li span {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 100;
}
#regist_area .block .detail a {
  background: #bb1919 url("/med/img/icn/cursor_right_white.svg") no-repeat;
  background-size: 10px 14px;
  background-position: 98% 50%;
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.25rem;
  border-radius: 5px;
  margin: 20px auto;
  z-index: 0;
  text-decoration: none;
}
#regist_area .block .img {
  width: 50%;
}
#regist_area .block .img img {
  max-width: 100%;
  width: auto;
  vertical-align: bottom;
}

@media only screen and (max-width: 980px) {
  #regist_area {
    padding: 35px 3% 0;
  }
  #regist_area h3 {
    font-size: 1.5rem;
  }
  #regist_area p {
    font-size: 0.875rem;
    padding: 15px 0;
  }
  #regist_area .block .detail ul li {
    font-size: 0.875rem;
    margin-bottom: 10px;
  }
  #regist_area .block .detail ul li span {
    font-size: 0.75rem;
  }
  #regist_area .block .detail a {
    height: 50px;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 640px) {
  #regist_area {
    margin-top: 50px;
    padding-bottom: 5px;
  }
  #regist_area h3 {
    font-size: 1.25rem;
  }
  #regist_area p {
    font-size: 0.875rem;
    padding: 15px 0;
  }
  #regist_area .block {
    display: block;
    width: 94%;
  }
  #regist_area .block .detail {
    width: 100%;
  }
  #regist_area .block .detail ul li {
    margin-bottom: 10px;
  }
  #regist_area .block .detail a {
    height: 50px;
    font-size: 1rem;
    border-radius: 5px;
    margin: 20px auto;
    position: relative;
    text-decoration: none;
  }
  #regist_area .block .img {
    display: none;
  }
}
#foot_sitemap {
  width: 100%;
  margin: 0 auto;
  clear: both;
  padding: 25px 2%;
  background: #eee;
  box-sizing: border-box;
  order: 3;
  font-feature-settings: "palt";
  display: flex;
  justify-content: center;
}
#foot_sitemap .foot_inner {
  max-width: 1200px;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#foot_sitemap div {
  width: 31%;
}
#foot_sitemap div span {
  display: block;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 8px;
  line-height: 100%;
  font-size: 1rem;
  letter-spacing: 1px;
}
#foot_sitemap div span.sub {
  border-bottom: none;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 0.85rem;
  margin-top: -20px;
  margin-left: 10px;
}
#foot_sitemap div:first-child {
  margin-left: 0;
}
#foot_sitemap div ul {
  margin-bottom: 30px;
}
#foot_sitemap div ul li {
  font-size: 0.8rem;
  display: block;
  padding: 5px 0 0;
}
#foot_sitemap div ul li a {
  color: #333;
  line-height: 150%;
  padding: 5px 0 5px 12px;
  display: inline-block;
  line-height: 1.5;
  font-size: 0.8rem;
  text-decoration: none;
  background: url(../img/footer_cursor.png) left center no-repeat;
  background-position: 2px 10px;
}
#foot_sitemap div ul li a img {
  vertical-align: -2px;
  padding-left: 3px;
  width: auto !important;
}
#foot_sitemap div ul li a:hover {
  text-decoration: underline;
}
#foot_sitemap div ul:last-child {
  margin-bottom: 0;
}
#foot_sitemap div ul.sub {
  margin-left: 10px;
}
#foot_sitemap div ul.sub a {
  font-size: 0.75rem;
  display: block;
  background: none;
  padding: 4px 0;
}
#foot_sitemap div ul.sub a:before {
  content: "";
}

@media only screen and (max-width: 640px) {
  #foot_sitemap {
    padding: 20px;
  }
  #foot_sitemap .foot_inner {
    display: block;
  }
  #foot_sitemap .foot_inner div {
    width: 100%;
  }
  #foot_sitemap .foot_inner div span.sub {
    margin-top: -15px;
  }
  #foot_sitemap .foot_inner div:nth-child(3) {
    margin-left: 0;
    clear: both;
  }
  #foot_sitemap .foot_inner div li {
    font-size: 0.8rem;
  }
  #foot_sitemap .foot_inner div ul {
    margin-bottom: 20px;
  }
  #foot_sitemap .foot_inner div:nth-child(3) ul:last-child {
    margin-bottom: 0;
  }
  #foot_sitemap .foot_inner div ul:last-child {
    margin-bottom: 20px;
  }
}
footer {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  clear: both;
  padding-top: 30px;
  order: 4;
}
footer small {
  font-size: 0.7rem;
  text-align: right;
  display: block;
  float: right;
}
footer div.footlogo {
  text-align: center;
  margin-bottom: 30px;
}
footer div.footlogo img {
  width: 175px;
}
footer ul {
  float: left;
  font-size: 0.85rem;
  margin-bottom: 2%;
}
footer ul li {
  display: inline-block;
  font-size: 0.85rem;
  margin-bottom: 2%;
  margin-right: 10px;
}
footer ul li a {
  background: url(../img/footer_cursor.png) left center no-repeat;
  padding: 3px 0 3px 10px;
  font-size: 0.7rem;
  color: #333 !important;
}
footer ul li a img {
  padding-left: 3px;
  width: auto !important;
}
footer ul li a:hover {
  color: #bf0d0d !important;
}
@media only screen and (max-width: 767px) {
  footer {
    padding-bottom: 60px;
  }
  footer small {
    font-size: 0.6rem;
    text-align: center;
    float: none;
  }
  footer ul {
    text-align: center;
    float: none;
    margin-bottom: 2%;
  }
  footer ul li {
    margin: 0 10px;
  }
}

.pagetop {
  background: url("../img/pagetop.png") no-repeat;
  background-size: 110px 64px;
  width: 110px;
  height: 64px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.pagetop:hover {
  opacity: 0.8 !important;
}
.pagetop.active {
  opacity: 1;
  visibility: visible;
}

.pagetop_index {
  background: url("../img/pagetop.png") no-repeat;
  background-size: 110px 64px;
  width: 110px;
  height: 64px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.pagetop_index:hover {
  opacity: 0.8 !important;
}

@media only screen and (max-width: 767px) {
  .pagetop,
  .pagetop_index {
    background-size: 80px 47px;
    width: 80px;
    height: 47px;
    right: 10px;
    bottom: 10px;
  }
}
#breadclumb {
  background: #61666f;
  height: auto;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.2;
  padding: 5px 2%;
}
#breadclumb .wrapper {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#breadclumb .wrapper span {
  display: flex;
  align-items: center;
  padding: 3px 0;
}
#breadclumb .wrapper span a {
  color: #fff;
  text-decoration: underline;
}
#breadclumb .wrapper span a:hover {
  text-decoration: none;
}
#breadclumb .wrapper span:not(:last-child):after {
  content: ">";
  margin: 0 8px;
}

@media only screen and (max-width: 640px) {
  #breadclumb {
    display: none;
  }
}
#contents_wrapper {
  margin-top: 30px;
}
#contents_wrapper #contents_inner {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
}
#contents_wrapper #contents_inner .main_contents {
  width: 71.66667%;
}
#contents_wrapper #contents_inner .main_contents .contents_title {
  position: relative;
  font-feature-settings: "palt";
  z-index: 0;
  padding-bottom: 10px;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 0;
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .contents_title:after {
  position: relative;
  width: 100%;
  height: 5px;
  content: "";
  background-image: repeating-linear-gradient(-45deg, #ccc, #ccc 3px, transparent 3px, transparent 5px);
  background-size: 7px 7px;
  backface-visibility: hidden;
  margin: 5px 0;
}
#contents_wrapper #contents_inner .main_contents .contents_title h1 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
}
#contents_wrapper #contents_inner .main_contents .contents_title h1 a {
  color: #333;
  text-decoration: none;
}
#contents_wrapper #contents_inner .main_contents .contents_title .link {
  font-size: 0.875rem;
  line-height: 1.3;
  white-space: nowrap;
  padding-left: 15px;
  padding-bottom: 5px;
}
#contents_wrapper #contents_inner .main_contents .contents_title .link:before {
  content: "";
  background: url("/med/img/icn/relate_black.svg");
  display: inline-block;
  width: 25px;
  height: 20px;
  vertical-align: -3px;
}
#contents_wrapper #contents_inner .main_contents .anchor {
  margin-bottom: 10px;
}
#contents_wrapper #contents_inner .main_contents .anchor ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contents_wrapper #contents_inner .main_contents .anchor ul li {
  width: 24%;
  padding: 3px 0;
}
#contents_wrapper #contents_inner .main_contents .anchor ul li a {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  height: 36px;
  background: #fff;
  border-radius: 36px;
  align-items: center;
  font-size: 0.8rem;
  border: 1px solid #666;
  padding-left: 15px;
  color: #333;
  text-decoration: none;
  position: relative;
  font-feature-settings: "palt";
}
#contents_wrapper #contents_inner .main_contents .anchor ul li a::before {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #333;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 12px;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .anchor ul li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #333;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  right: 7.5px;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .anchor ul li a:hover::before {
  transform: translateY(calc(-50% + 3px)) rotate(45deg);
}
#contents_wrapper #contents_inner .main_contents .anchor ul li a:hover::after {
  transform: translateY(calc(-50% + 3px)) rotate(-45deg);
}
#contents_wrapper #contents_inner .main_contents .contents_frame {
  background: #fff;
  border: 1px solid #eeeeee;
  padding: 20px;
}
#contents_wrapper #contents_inner .main_contents .frame:not(:last-child) {
  margin-bottom: 35px;
}
#contents_wrapper #contents_inner .main_contents .frame h3.base {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  padding-bottom: 9px;
  margin-bottom: 20px;
}
#contents_wrapper #contents_inner .main_contents .frame h3.base::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: #eeeeee;
  bottom: 0;
  left: 0;
}
#contents_wrapper #contents_inner .main_contents .frame h3.base::after {
  position: absolute;
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: #999;
  bottom: 0;
  left: 0;
}
#contents_wrapper #contents_inner .main_contents .frame.di_qa h4 {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 15px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_qa ul {
  padding-bottom: 10px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_qa ul li {
  margin-bottom: 15px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_qa ul li a {
  font-size: 1rem;
  line-height: 1.3;
  background: url("/med/img/icn/q_red.svg") no-repeat left top;
  width: 100%;
  height: 20px;
  padding-left: 28px;
  display: inline-block;
  box-sizing: border-box;
}
#contents_wrapper #contents_inner .main_contents .frame.di_qa a.btn {
  max-width: 450px;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  background: #bb1919;
  color: #fff;
  border-radius: 5px;
  font-size: 1rem;
  text-decoration: none;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.di_qa a.btn:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block:last-child {
  border-bottom: 1px solid #ccc;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  height: 0;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents h4.product_title {
  font-size: 0.9375rem;
  font-weight: bold;
  padding: 5px 20px 20px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .product_list {
  padding: 0 20px 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .product_list li {
  font-size: 0.9375rem;
  position: relative;
  margin-bottom: 10px;
  padding-left: 18px;
  line-height: 1.5;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .product_list li::before {
  position: absolute;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  left: 0;
  top: 5px;
  border-radius: 11px;
  background: #ccc;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .product_list li::after {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  left: 3px;
  top: 8px;
  border-radius: 11px;
  background: #fff;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list {
  padding: 10px 20px 20px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 1.3;
  font-feature-settings: "palt";
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li:not(:last-child) {
  margin-bottom: 15px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li span {
  display: block;
  width: 165px;
  position: relative;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li span.new::after {
  content: "NEW";
  position: absolute;
  right: 15px;
  border-radius: 4px;
  top: 1px;
  font-size: 0.625rem;
  width: 40px;
  line-height: 16px;
  background-color: #f7e5e5;
  color: #bb1919;
  text-align: center;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a {
  width: calc(100% - 165px);
  display: block;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a.pdf {
  width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 0.8rem;
  background: #cf666a;
  border-bottom: 3px solid #ab494a;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
  line-height: 1;
  text-decoration: none;
  padding: 3px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a.pdf::after {
  content: "";
  display: inline-block;
  background: url("/med/img/icn_pdf.svg") no-repeat;
  background-size: 15px 17px;
  width: 15px;
  height: 17px;
  margin-left: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a.word {
  width: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 0.8rem;
  background: #6689c9;
  border-bottom: 3px solid #395f90;
  color: #fff;
  border-radius: 4px;
  padding: 0;
  line-height: 1;
  text-decoration: none;
  padding: 3px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a.word::after {
  content: "";
  display: inline-block;
  background: url("/med/img/icn_word.svg") no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin-left: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li p {
  width: calc(100% - 350px);
  display: block;
  padding-right: 10px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents a.download {
  display: flex;
  width: 210px;
  height: 36px;
  background: #bb1919;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.9375rem;
  margin: 0 auto;
  border-radius: 36px;
  text-decoration: none;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents a.download:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents a.download::before {
  content: "";
  background: url("/med/img/icn/download_white.svg");
  display: inline-block;
  width: 26px;
  height: 20px;
  margin-right: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .download_frame {
  padding-bottom: 15px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block label {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 20px;
  font-size: 1.125rem;
  font-weight: bold;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block label::before {
  content: "";
  position: absolute;
  display: block;
  width: 17px;
  height: 3px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: #999;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block label::after {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 17px;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background: #999;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block label .pdf {
  display: inline-block;
  width: 17px;
  height: 20px;
  background: url("/med/img/icn/pdf.svg") no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-left: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block label .word {
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url("/med/img/icn/word.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-left: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block a.link {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 20px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block a.link::before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 3px;
  right: 17px;
  top: calc(50% - 4px);
  transform: rotate(45deg);
  background: #999;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block a.link::after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 3px;
  right: 17px;
  top: calc(50% + 4px);
  transform: rotate(-45deg);
  background: #999;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block input {
  display: none;
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block input:checked + label::before {
  width: 0;
  transform: translateY(-50%);
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block input:checked + label::after {
  transform: translateY(-50%) rotate(90deg);
}
#contents_wrapper #contents_inner .main_contents .frame.di_info .info_block input:checked + label + .info_contents {
  opacity: 1;
  visibility: visible;
  height: auto;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.5%;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li {
  width: 31%;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li.full {
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li.full a {
  max-width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li a {
  display: block;
  border: 3px solid #eee;
  transition: 0.3s;
  max-width: 247px;
  position: relative;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li a img {
  vertical-align: bottom;
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li a:hover {
  border: 3px solid #bb1919;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li:nth-child(3n) {
  margin-right: 0;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li.large {
  width: 48% !important;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li.large a {
  max-width: 600px;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul.cursor li a:before {
  position: absolute;
  content: "";
  bottom: 3px;
  right: 3px;
  border-top: 5px solid transparent;
  border-right: 5px solid #ccc;
  border-bottom: 5px solid #ccc;
  border-left: 5px solid transparent;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .large_banner {
  margin: 0 8px 10px;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .large_banner a {
  display: block;
  border: 3px solid #eee;
  transition: 0.3s;
  max-width: 797px;
  position: relative;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .large_banner a img {
  vertical-align: bottom;
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .large_banner a:hover {
  border: 3px solid #bb1919;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .banner_full {
  margin: 0 1% 1rem 1%;
  max-width: 794px !important;
  box-sizing: border-box;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .banner_full a {
  display: block;
  border: 3px solid #eee;
  transition: 0.3s;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  position: relative;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .banner_full a img {
  vertical-align: bottom;
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .banner_full a:hover {
  border: 3px solid #bb1919;
}
#contents_wrapper #contents_inner .main_contents .frame.banner_column3 .banner_full a:before {
  position: absolute;
  content: "";
  bottom: 3px;
  right: 3px;
  border-top: 5px solid transparent;
  border-right: 5px solid #002f48;
  border-bottom: 5px solid #002f48;
  border-left: 5px solid transparent;
}
@media only screen and (max-width: 980px) {
  #contents_wrapper #contents_inner .main_contents .frame.banner_column3 .banner_full {
    margin: 0 auto 1rem;
    max-width: 480px !important;
  }
}
#contents_wrapper #contents_inner .main_contents h2.sec_title {
  display: flex;
  align-items: center;
  font-weight: bold;
  flex-grow: 1;
  white-space: nowrap;
  font-size: 1.5rem;
  margin-bottom: 0;
  position: relative;
  padding: 5px 0 20px;
}
#contents_wrapper #contents_inner .sidebar_contents {
  width: 25%;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup {
  z-index: 1;
  transition: 0.5s;
  top: 0;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
  transition: 0.5s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup ul li a {
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup ul li a img {
  max-width: 100%;
  width: auto;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup ul li a:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup.sticky {
  position: sticky;
  top: 70px;
}
@media only screen and (max-width: 980px) {
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup {
    /*display: none;*/
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup ul li {
    text-align: center;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup ul li a img {
    max-width: 100%;
    width: auto;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_popup.sticky {
    position: relative;
    top: 0;
  }
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 {
  border: 1px solid #61666f;
  background: #fff;
  margin-bottom: 25px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 h3 {
  background-color: #5a5f67;
  background-image: repeating-linear-gradient(-45deg, #61666f, #61666f 2.5px, transparent 0, transparent 5px);
  color: #fff;
  font-size: 1.0625rem;
  line-height: 1;
  font-weight: bold;
  display: flex;
  height: 30px;
  align-items: center;
  padding-left: 10px;
  letter-spacing: 2px;
  border-bottom: 4px solid #374050;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul {
  padding: 5px 10px 0;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a {
  color: #333;
  display: flex;
  height: 34px;
  align-items: center;
  font-size: 0.875rem;
  position: relative;
  text-decoration: none;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 9px;
  height: 2px;
  right: 5px;
  top: calc(50% - 3px);
  transform: rotate(45deg);
  background: #ccc;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a::after {
  content: "";
  position: absolute;
  display: block;
  width: 9px;
  height: 2px;
  right: 5px;
  top: calc(50% + 3px);
  transform: rotate(-45deg);
  background: #ccc;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a:hover::before {
  background: #bb1919;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a:hover::after {
  background: #bb1919;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li:not(:last-child) {
  border-bottom: 1px dotted #ccc;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 {
  margin-bottom: 25px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 h3 {
  font-size: 1.125rem;
  font-weight: bold;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul {
  padding: 15px 0 0;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li {
  margin-bottom: 15px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a {
  color: #333;
  display: flex;
  min-height: 35px;
  margin-bottom: 5px;
  align-items: center;
  font-size: 0.9375rem;
  position: relative;
  text-decoration: none;
  padding-left: 40px;
  line-height: 1.3;
  font-feature-settings: "palt";
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  width: 35px;
  height: 35px;
  background: url("/med/img/icn/disease/icn.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a:hover {
  color: #bb1919;
  text-decoration: underline;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.rhip::before {
  background: url("/med/img/icn/disease/rhip.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.tetanus::before {
  background: url("/med/img/icn/disease/tetanus.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.vwd::before {
  background: url("/med/img/icn/disease/vwd.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.hemophilia::before {
  background: url("/med/img/icn/disease/hemophilia.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.aom::before {
  background: url("/med/img/icn/disease/aom.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.kd::before {
  background: url("/med/img/icn/disease/kd.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.vg::before {
  background: url("/med/img/icn/disease/vg.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.pmdm::before {
  background: url("/med/img/icn/disease/pmdm.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.cidp::before {
  background: url("/med/img/icn/disease/cidp.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.mg::before {
  background: url("/med/img/icn/disease/mg.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.aph::before {
  background: url("/med/img/icn/disease/aph.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.gamma::before {
  background: url("/med/img/icn/disease/gamma.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.alb::before {
  background: url("/med/img/icn/disease/alb.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.hbv::before {
  background: url("/med/img/icn/disease/hbv.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.itp::before {
  background: url("/med/img/icn/disease/itp.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.autoimmune::before {
  background: url("/med/img/icn/disease/autoimmune.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.dic::before {
  background: url("/med/img/icn/disease/dic.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.gbs::before {
  background: url("/med/img/icn/disease/gbs.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.infection::before {
  background: url("/med/img/icn/disease/infection.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.kidney::before {
  background: url("/med/img/icn/disease/kidney.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a.cad::before {
  background: url("/med/img/icn/disease/cad.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 {
  border: 1px solid #eee;
  background: #fff;
  margin-bottom: 25px;
  padding: 15px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 h3 {
  font-size: 1.125rem;
  font-weight: bold;
  border-bottom: 3px solid #eee;
  line-height: 1;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li {
  margin-top: 5px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a {
  border: 1px solid #61666f;
  color: #333;
  display: flex;
  height: 50px;
  align-items: center;
  font-size: 0.9375rem;
  letter-spacing: 1px;
  border-radius: 3px;
  position: relative;
  text-decoration: none;
  padding-left: 45px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 11px;
  height: 3px;
  right: 10px;
  top: calc(50% - 3px);
  transform: rotate(45deg);
  background: #ccc;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a::after {
  content: "";
  position: absolute;
  display: block;
  width: 11px;
  height: 3px;
  right: 10px;
  top: calc(50% + 3px);
  transform: rotate(-45deg);
  background: #ccc;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a:hover::before {
  background: #bb1919;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a:hover::after {
  background: #bb1919;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.info {
  background: url("/med/img/icn/nav_02_black.svg") no-repeat;
  background-position: 12px center;
  background-size: 21px 30px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.download {
  background: url("/med/img/icn/download_black.svg") no-repeat;
  background-position: 10px center;
  background-size: 26px 20px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.search {
  background: url("/med/img/icn/glass_black.svg") no-repeat;
  background-position: 10px center;
  background-size: 23px 23px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.qa {
  background: url("/med/img/icn/qa_black.svg") no-repeat;
  background-position: 10px center;
  background-size: 24px 21px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 {
  margin-bottom: 25px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 h3 {
  font-size: 1.125rem;
  font-weight: bold;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul {
  padding: 15px 0 0;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li {
  margin-bottom: 10px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li a {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
  position: relative;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li a::before {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #666;
  top: calc(50% - 2px);
  transform: translateY(-50%) rotate(45deg);
  left: 10px;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #666;
  top: calc(50% + 2px);
  transform: translateY(-50%) rotate(-45deg);
  left: 10px;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.aco a {
  border-color: #e6e619;
  background: rgba(230, 230, 25, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.aco a::before {
  background-color: #e6e619;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.aco a::after {
  background-color: #e6e619;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.aco a img {
  height: 24px;
  width: 121px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nat a {
  border-color: #f00;
  background: rgba(255, 0, 0, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nat a::before {
  background-color: #f00;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nat a::after {
  background-color: #f00;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nat a img {
  height: 24px;
  width: 99px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.vng a {
  border-color: #003149;
  background: rgba(0, 49, 73, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.vng a::before {
  background-color: #003149;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.vng a::after {
  background-color: #003149;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.vng a img {
  height: 22px;
  width: 179px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.pgl a img {
  height: 24px;
  width: 143px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.alb a {
  border-color: #81f051;
  background: rgba(129, 240, 81, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.alb a::before {
  background-color: #81f051;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.alb a::after {
  background-color: #81f051;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.alb a img {
  height: 24px;
  width: 105px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nov a {
  border-color: #467ddb;
  background: rgba(70, 125, 219, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nov a::before {
  background-color: #467ddb;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nov a::after {
  background-color: #467ddb;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.nov a img {
  height: 24px;
  width: 96px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.cof a {
  border-color: #60a314;
  background: rgba(96, 163, 20, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.cof a::before {
  background-color: #60a314;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.cof a::after {
  background-color: #60a314;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.cof a img {
  height: 24px;
  width: 113px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.byc a {
  border-color: #c4ff03;
  background: rgba(196, 255, 3, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.byc a::before {
  background-color: #c4ff03;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.byc a::after {
  background-color: #c4ff03;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.byc a img {
  height: 24px;
  width: 109px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.fib a {
  border-color: #42f5b6;
  background: rgba(66, 245, 182, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.fib a::before {
  background-color: #42f5b6;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.fib a::after {
  background-color: #42f5b6;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.fib a img {
  height: 24px;
  width: 180px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.adg a img {
  height: 20px;
  width: 181px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.hbg a img {
  height: 24px;
  width: 131px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.hap a {
  border-color: #f5cbf4;
  background: rgba(245, 203, 244, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.hap a::before {
  background-color: #f5cbf4;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.hap a::after {
  background-color: #f5cbf4;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.hap a img {
  height: 24px;
  width: 143px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.bol a {
  border-color: #281cad;
  background: rgba(40, 28, 173, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.bol a::before {
  background-color: #281cad;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.bol a::after {
  background-color: #281cad;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.bol a img {
  height: 24px;
  width: 85px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.crs a {
  border-color: #f59d38;
  background: rgba(245, 157, 56, 0.1);
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.crs a::before {
  background-color: #f59d38;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.crs a::after {
  background-color: #f59d38;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.crs a img {
  height: 24px;
  width: 194px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.tbl a img {
  height: 24px;
  width: 126px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li.hbs a img {
  height: 18px;
  width: 204px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 {
  margin-bottom: 25px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 h3 {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 ul {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 ul li + li {
  margin-top: 10px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 ul li a {
  display: block;
  border: 1px solid #ccc;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 ul li a:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 ul li a img {
  vertical-align: bottom;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_06 {
  margin-bottom: 25px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_06 ul {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_06 ul li + li {
  margin-top: 10px;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_06 ul li a {
  display: block;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_06 ul li a:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .sidebar_contents .bar_navi_06 ul li a img {
  vertical-align: bottom;
}
#contents_wrapper #contents_inner.fullwidth {
  max-width: 100%;
  width: 100%;
}
#contents_wrapper #contents_inner.fullwidth .main_contents {
  width: 100%;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .contents_title {
  width: 96%;
  margin: 0 auto;
}
#contents_wrapper #contents_inner.onecolumn_width {
  max-width: 900px !important;
  display: block;
  width: 96%;
}
#contents_wrapper #contents_inner.onecolumn_width .main_contents {
  width: 100%;
}
#contents_wrapper #contents_inner.onecolumn_width .main_contents .contents_title {
  margin: 0 auto;
}
#contents_wrapper #contents_inner ul.di_notice_box {
  margin-bottom: 20px;
}
#contents_wrapper #contents_inner ul.di_notice_box li {
  border-bottom: 1px dotted #ccc;
}
#contents_wrapper #contents_inner ul.di_notice_box li:last-child {
  border-bottom: none;
}
#contents_wrapper #contents_inner ul.di_notice_box li a {
  color: #333;
  display: inline-block;
  align-items: center;
  font-size: 0.875rem;
  position: relative;
  text-decoration: none;
  padding: 3px 0 3px 15px;
}
#contents_wrapper #contents_inner ul.di_notice_box li a::before, #contents_wrapper #contents_inner ul.di_notice_box li a::after {
  content: "";
  position: absolute;
  display: block;
  width: 9px;
  height: 2px;
  left: 0;
  transition: 0.3s;
  background: #ccc;
}
#contents_wrapper #contents_inner ul.di_notice_box li a::before {
  top: calc(50% - 3px);
  transform: rotate(45deg);
}
#contents_wrapper #contents_inner ul.di_notice_box li a::after {
  top: calc(50% + 3px);
  transform: rotate(-45deg);
}
#contents_wrapper #contents_inner ul.di_notice_box li a:hover::before, #contents_wrapper #contents_inner ul.di_notice_box li a:hover::after {
  background: #888;
}

@media only screen and (max-width: 980px) {
  #contents_wrapper #contents_inner {
    display: block;
    width: 94%;
  }
  #contents_wrapper #contents_inner .main_contents {
    width: 100%;
  }
  #contents_wrapper #contents_inner .main_contents .contents_title .link {
    font-size: 0.75rem;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul {
    display: flex;
    justify-content: space-between;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul li a {
    height: 36px;
    border-radius: 36px;
    font-size: 0.75rem;
    padding-left: 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame:not(:last-child) {
    margin-bottom: 30px;
  }
  #contents_wrapper #contents_inner .main_contents .frame h3.base {
    font-size: 1.125rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa h4 {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa ul li {
    margin-bottom: 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa ul li a {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa a.btn {
    max-width: 400px;
    height: 50px;
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block:last-child {
    border-bottom: 1px solid #ccc;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents h4.product_title {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .product_list li {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li {
    display: block;
    font-size: 0.875rem;
    overflow: hidden;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li span {
    width: 100%;
    margin-bottom: 5px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li span.new::after {
    content: "NEW";
    top: auto;
    right: auto;
    display: inline-block;
    position: relative;
    margin-left: 5px;
    vertical-align: 1px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li span br {
    display: none;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a {
    width: 100%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a.pdf {
    float: left;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a.word {
    float: left;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li a:hover {
    opacity: 0.8;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li p {
    width: 100%;
    display: block;
    padding-right: 0;
    margin-bottom: 8px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents a.download {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block label {
    font-size: 1rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block a.link {
    font-size: 1rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul {
    max-width: 514px;
    gap: 0.6rem 2%;
    margin: 0 auto;
  }
  #contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li {
    width: 49%;
    max-width: 251px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li.full {
    max-width: 100%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li a {
    display: block;
    border: 2px solid #eee;
    margin: 0 auto;
  }
  #contents_wrapper #contents_inner .main_contents .frame.banner_column3 ul li a:hover {
    border: 2px solid #bb1919;
  }
  #contents_wrapper #contents_inner .sidebar_contents {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 {
    border: 1px solid #61666f;
    background: #fff;
    margin-bottom: 25px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 h3 {
    background-color: #5a5f67;
    background-image: repeating-linear-gradient(-45deg, #61666f, #61666f 2.5px, transparent 0, transparent 5px);
    color: #fff;
    font-size: 1.0625rem;
    line-height: 1;
    font-weight: bold;
    display: flex;
    height: 30px;
    align-items: center;
    padding-left: 10px;
    letter-spacing: 2px;
    border-bottom: 4px solid #374050;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul {
    padding: 5px 10px 0;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a {
    color: #333;
    display: flex;
    height: 34px;
    align-items: center;
    font-size: 0.875rem;
    position: relative;
    text-decoration: none;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a::before {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 2px;
    right: 5px;
    top: calc(50% - 3px);
    transform: rotate(45deg);
    background: #ccc;
    transition: 0.3s;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a::after {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 2px;
    right: 5px;
    top: calc(50% + 3px);
    transform: rotate(-45deg);
    background: #ccc;
    transition: 0.3s;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 {
    margin-bottom: 25px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 h3 {
    font-size: 1.125rem;
    font-weight: bold;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul {
    padding: 15px 0 0;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li {
    margin-bottom: 15px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a {
    color: #333;
    display: flex;
    height: 34px;
    align-items: center;
    font-size: 0.9375rem;
    position: relative;
    text-decoration: none;
    padding-left: 40px;
    line-height: 1.3;
    font-feature-settings: "palt";
    background: url("/med/img/icn/disease/icn.png") no-repeat;
    background-position: center left;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 {
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 25px;
    padding: 15px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 h3 {
    font-size: 1.125rem;
    font-weight: bold;
    border-bottom: 3px solid #eee;
    line-height: 1;
    padding-bottom: 8px;
    margin-bottom: 10px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li {
    margin-top: 5px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a {
    border: 1px solid #61666f;
    color: #333;
    display: flex;
    height: 50px;
    align-items: center;
    font-size: 0.9375rem;
    letter-spacing: 1px;
    border-radius: 3px;
    position: relative;
    text-decoration: none;
    padding-left: 45px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a::before {
    content: "";
    position: absolute;
    display: block;
    width: 11px;
    height: 3px;
    right: 10px;
    top: calc(50% - 3px);
    transform: rotate(45deg);
    background: #61666f;
    transition: 0.3s;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a::after {
    content: "";
    position: absolute;
    display: block;
    width: 11px;
    height: 3px;
    right: 10px;
    top: calc(50% + 3px);
    transform: rotate(-45deg);
    background: #61666f;
    transition: 0.3s;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.info {
    background: url("/med/img/icn/nav_02_black.svg") no-repeat;
    background-position: 12px center;
    background-size: 21px 30px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.download {
    background: url("/med/img/icn/download_black.svg") no-repeat;
    background-position: 10px center;
    background-size: 26px 20px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.search {
    background: url("/med/img/icn/glass_black.svg") no-repeat;
    background-position: 10px center;
    background-size: 23px 23px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a.qa {
    background: url("/med/img/icn/qa_black.svg") no-repeat;
    background-position: 10px center;
    background-size: 24px 21px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li {
    margin-bottom: 10px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 ul li a {
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  #contents_wrapper {
    margin-top: 20px;
  }
  #contents_wrapper #contents_inner .main_contents .contents_title {
    flex-wrap: wrap;
  }
  #contents_wrapper #contents_inner .main_contents .contents_title h1 {
    width: 100%;
    font-size: 1.1rem;
  }
  #contents_wrapper #contents_inner .main_contents .contents_title .link {
    width: 100%;
    padding-left: 0;
    margin: 5px 0 0;
  }
  #contents_wrapper #contents_inner .main_contents .contents_title .link:before {
    content: "";
    background: url("/med/img/icn/relate_black.svg") no-repeat;
    width: 20px;
    height: 16px;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul li {
    width: 49%;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul li a {
    font-size: 0.75rem;
    padding-left: 10px;
    height: 35px;
  }
  #contents_wrapper #contents_inner .main_contents .contents_frame {
    padding: 15px;
  }
  #contents_wrapper #contents_inner .main_contents .frame:not(:last-child) {
    margin-bottom: 30px;
  }
  #contents_wrapper #contents_inner .main_contents .frame h3.base {
    font-size: 0.875rem;
    padding-bottom: 9px;
    margin-bottom: 15px;
  }
  #contents_wrapper #contents_inner .main_contents .frame h3.base::before {
    height: 3px;
  }
  #contents_wrapper #contents_inner .main_contents .frame h3.base::after {
    height: 3px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa h4 {
    font-size: 0.875rem;
    padding-bottom: 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa ul li {
    margin-bottom: 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa ul li a {
    font-size: 0.75rem;
    background: url("/med/img/icn/q_red.svg") no-repeat left top;
    width: 100%;
    padding-left: 28px;
    padding-top: 3px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_qa a.btn {
    height: 40px;
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents h4.product_title {
    font-size: 0.875rem;
    padding: 5px 10px 10px;
    line-height: 1.3;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .product_list {
    padding: 0 10px 5px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents .product_list li {
    font-size: 0.75rem;
    padding-left: 18px;
    line-height: 1.5;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list {
    padding: 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents ul.list li {
    font-size: 0.75rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block .info_contents a.download {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block label {
    padding: 15px 10px;
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block a.link {
    padding: 10px;
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block a.link::before {
    top: calc(50% - 5px);
  }
  #contents_wrapper #contents_inner .main_contents .frame.di_info .info_block a.link::after {
    top: calc(50% + 2px);
  }
  #contents_wrapper #contents_inner .main_contents h2.sec_title {
    font-size: 1.25;
    position: relative;
    padding: 5px 0 15px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 h3 {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_01 ul li a {
    font-size: 0.75rem;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 h3 {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_02 ul li a {
    font-size: 0.75rem;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 {
    padding: 10px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 h3 {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_03 ul li a {
    font-size: 0.75rem;
    padding-left: 40px;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_04 h3 {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .sidebar_contents .bar_navi_05 h3 {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 1200px) {
  #contents_wrapper #contents_inner .main_contents .anchor ul li {
    width: 49%;
  }
}
#contents_wrapper #contents_inner .main_contents .anchor ul.col5 li {
  width: 19.5%;
}

@media only screen and (max-width: 1200px) {
  #contents_wrapper #contents_inner .main_contents .anchor ul.col5 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul.col5 li {
    padding: 5px;
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .anchor ul.col5 {
    justify-content: space-between;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul.col5 li {
    padding: 3px 0;
    width: 49%;
  }
}
#contents_wrapper #contents_inner .main_contents .anchor ul.col3 li {
  width: 32%;
}

@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .anchor ul.col3 {
    justify-content: space-between;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul.col3 li {
    padding: 3px 0 0;
    width: 49%;
  }
}
#contents_wrapper #contents_inner .main_contents .anchor ul.col2 {
  justify-content: flex-start;
}

#contents_wrapper #contents_inner .main_contents .anchor ul.col2 li {
  width: 32%;
  margin: 0 2% 0 0;
}

@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .anchor ul.col2 {
    justify-content: space-between;
  }
  #contents_wrapper #contents_inner .main_contents .anchor ul.col2 li {
    padding: 3px 0 0;
    width: 49%;
    margin: 0;
  }
}
.foot_bannerarea {
  padding: 60px 2% 0;
}
.foot_bannerarea img {
  vertical-align: bottom;
}
.foot_bannerarea ul.large {
  display: flex;
  justify-content: center;
}
.foot_bannerarea ul.large li {
  margin: 0 10px;
}
.foot_bannerarea ul.large li a {
  transition: 0.3s;
}
.foot_bannerarea ul.large li a:hover {
  opacity: 0.8;
}
.foot_bannerarea ul.small {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 40px auto 0;
  gap: 20px;
}
.foot_bannerarea ul.small li a {
  transition: 0.3s;
}
.foot_bannerarea ul.small li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 980px) {
  .foot_bannerarea ul.large {
    flex-wrap: wrap;
  }
  .foot_bannerarea ul.large li {
    max-width: 360px;
    width: calc(50% - 10px);
    box-sizing: border-box;
    margin: 0 5px 10px;
  }
  .foot_bannerarea ul.large li a img {
    max-width: 100%;
    width: auto;
  }
  .foot_bannerarea ul.small {
    max-width: 500px;
    margin: 30px auto 0;
    gap: 10px 2%;
  }
  .foot_bannerarea ul.small li {
    width: 49%;
    text-align: center;
    box-sizing: border-box;
  }
  .foot_bannerarea ul.small li a img {
    max-width: 100%;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .foot_bannerarea ul.large {
    display: block;
  }
  .foot_bannerarea ul.large li {
    max-width: 260px;
    width: 100%;
    margin: 0 auto 10px;
  }
  .foot_bannerarea ul.large li a {
    display: block;
    margin: 0 auto;
  }
  .foot_bannerarea ul.large li a img {
    max-width: 100%;
    width: auto;
  }
  .foot_bannerarea ul.small {
    margin: 20px auto 0;
  }
}

.common_literature {
  margin: 20px 0 0;
}
.common_literature p {
  padding: 0 0 0 0.875rem !important;
  font-size: 0.875rem !important;
  text-indent: -0.875rem !important;
  margin: 0 0 5px !important;
  line-height: 1.5 !important;
}
.common_literature ul {
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.common_literature ul li {
  list-style-type: disc;
  position: relative;
  margin: 3px 0;
  margin-left: 30px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .common_literature p {
    padding: 0 0 0 0.75rem !important;
    font-size: 0.75rem !important;
    text-indent: -0.75rem !important;
  }
  .common_literature ul li {
    font-size: 0.75rem;
  }
}

#sp_seminar {
  margin-bottom: 10px;
  display: none;
}
#sp_seminar ul li {
  text-align: center;
  margin-bottom: 10px;
}
#sp_seminar ul li a {
  background-color: #c00;
  transition: 0.3s;
}
#sp_seminar ul li a img {
  vertical-align: bottom;
}
#sp_seminar ul li a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 980px) {
  #sp_seminar {
    display: block;
  }
}

#contents_wrapper #contents_inner.contents_leftnavi {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner.contents_leftnavi .sidebar_contents {
    display: none;
  }
}

#contents_wrapper #contents_inner .main_contents .frame.disease_pickup h3.disease_pickup {
  background: url("/med/img/icn/pickup_red.svg") no-repeat;
  background-size: 40px 24px;
  background-position: left top;
  color: #bb1919;
  font-size: 1.375rem;
  font-weight: bold;
  padding: 2px 0 3px 50px;
  line-height: 1;
  margin-bottom: 18px;
  letter-spacing: 1px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .full {
  display: block;
  margin-bottom: 25px;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .full img {
  max-width: 100%;
  width: auto;
  vertical-align: bottom;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .full:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block {
  display: flex;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .banner {
  max-width: 300px;
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .banner a {
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .banner a:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .banner a img {
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link {
  font-size: 1rem;
  line-height: 1.5;
  width: calc(100% - 300px);
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li {
  width: 100% !important;
  margin-bottom: 8px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a {
  position: relative;
  padding-left: 15px;
  margin-left: 20px;
  display: inline-block;
  border: none !important;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a::before {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #06c;
  top: 9px;
  transform: rotate(45deg);
  left: 0;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #06c;
  top: 13px;
  transform: rotate(-45deg);
  left: 0;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a.nocursor {
  padding-left: 0;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a.nocursor::before {
  display: none;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a.nocursor::after {
  display: none;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .title {
  margin-left: 20px;
  font-weight: bold;
  font-size: 1.2rem;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .title span {
  font-size: 0.9rem;
  display: block;
  padding-bottom: 3px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .title.color_blue {
  color: #2f6eba;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .txt {
  margin-left: 20px;
  font-size: 0.9rem;
  margin-bottom: 10px;
  line-height: 1.6;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .txt .small {
  font-size: 0.8rem;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #eee;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 + ul {
  margin-top: 1.5rem;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head {
  display: flex;
  justify-content: space-between;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .img {
  width: 25%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .img img {
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .txt {
  width: 73%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .txt h4 {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .txt h4 {
    font-size: 1rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .txt p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .txt p {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .link {
  margin-top: 30px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 .block {
  width: 48%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 .block div {
  margin-top: 10px;
  padding-left: 60px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 .block div p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 .block div p {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 .block:nth-child(1) div {
  background: url("/med/jb_square/hbv/img/img02.png") no-repeat;
  background-size: 50px auto;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 .block:nth-child(2) div {
  background: url("/med/jb_square/hbv/img/img03.png") no-repeat;
  background-size: 50px auto;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 ul {
  margin-top: 10px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 ul li {
  margin-bottom: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 ul li a {
  font-size: 1rem;
  color: #06c;
  line-height: 1.6;
  letter-spacing: 0.05em;
  position: relative;
  padding-left: 15px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 ul li a {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 ul li a::before {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #06c;
  top: 8px;
  transform: translateY(-50%) rotate(45deg);
  left: 0;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 ul li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #06c;
  top: 12px;
  transform: translateY(-50%) rotate(-45deg);
  left: 0;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 ul li a:hover {
  color: #bb1919;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_contents span.title {
  font-size: 1.5rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  background: #fcf7f7;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 10px;
  line-height: 1.4;
  border-top: 2px solid #bb1919;
  border-bottom: 2px solid #bb1919;
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_contents span.title {
    font-size: 1.25rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_contents span.series {
  font-size: 0.8rem;
  background: #bb1919;
  color: #fff;
  display: flex;
  line-height: 1;
  height: 23px;
  padding-top: 2px;
  align-items: center;
  justify-content: center;
  width: 90px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_contents span.series::before {
  content: "";
  background: url("/med/img/icn/check_white.svg") no-repeat;
  background-size: 16px 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 3px;
  vertical-align: middle;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  position: relative;
  padding: 8px 65px 8px 0;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title:before {
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: repeating-linear-gradient(-45deg, #ccc, #ccc 3px, transparent 3px, transparent 5px);
  background-size: 7px 7px;
  backface-visibility: hidden;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span {
  position: relative;
  padding: 10px 10px 10px 0;
  background: #fff;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span.book {
  padding: 10px 10px 10px 50px;
  background: #fff url("/med/img/icn/nav_01_black.svg") no-repeat;
  background-size: 38px 39px;
  width: 38px;
  height: 39px;
  background-position: left top;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span.patient {
  padding: 10px 10px 10px 50px;
  background: #fff url("/med/img/icn/patient_black.svg") no-repeat;
  background-size: 33px 38px;
  width: 33px;
  height: 38px;
  background-position: 5px top;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span.med {
  padding: 10px 10px 10px 50px;
  background: #fff url("/med/img/icn/med_black.svg") no-repeat;
  background-size: 30px 38px;
  width: 30px;
  height: 38px;
  background-position: 10px top;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .bannerlink {
  margin-top: 20px;
  text-align: center;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .bannerlink a {
  transition: 0.3s;
  border: 1px solid #ccc;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .bannerlink a:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .bannerlink a img {
  max-width: 100%;
  width: auto;
  vertical-align: bottom;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .bannerlink a.new {
  position: relative;
  display: inline-block;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .bannerlink a.new:after {
  content: "NEW";
  position: absolute;
  top: -10px;
  left: -3px;
  background: #bb1919;
  color: #fff;
  line-height: 1;
  font-size: 0.5625rem;
  padding: 4px 10px;
  border-radius: 3px;
  letter-spacing: 0.1rem;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents p.read {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents p.read {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt {
  margin-top: 20px;
  border-top: 1px dotted #ccc;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block {
  border-bottom: 1px dotted #ccc;
  padding: 20px 5px;
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block .small {
  position: absolute;
  bottom: 20px;
  right: 0;
  font-size: 0.75rem;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.is-hidden {
  display: none !important;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block p {
  padding-top: 5px;
  padding-bottom: 5px;
  letter-spacing: 0;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block p + a {
  padding-top: 5px;
  display: inline-block;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .img {
  width: 35%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .img img {
  width: 100%;
  vertical-align: bottom;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt {
  width: 62%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt ul li {
  margin-bottom: 8px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt ul li a {
  position: relative;
  padding-left: 15px;
  margin-left: 0;
  display: inline-block;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt ul li a::before {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #06c;
  top: 9px;
  transform: rotate(45deg);
  left: 0;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt ul li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 2px;
  background: #06c;
  top: 13px;
  transform: rotate(-45deg);
  left: 0;
  position: absolute;
  transition: 0.3s;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt ul li a.nocursor {
  padding-left: 0;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt ul li a.nocursor::before {
  display: none;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt ul li a.nocursor::after {
  display: none;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt p {
  margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .img {
    width: 100%;
    max-width: 300px;
    margin-bottom: 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block.image .txt {
    width: 100%;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block .img {
  max-width: 165px;
  width: 20%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block .img img {
  width: 100%;
  vertical-align: bottom;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block .txt {
  min-width: calc(100% - 185px);
  width: 77%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block.photo .img {
  max-width: 106px;
  width: 15%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block.photo .txt {
  min-width: calc(100% - 126px);
  width: 82%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block {
  width: 47%;
  border-top: 1px dotted #ccc;
  padding: 20px 0;
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  display: flex;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block .img {
  max-width: 25%;
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block .img img {
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block .txt {
  position: relative;
  width: 75%;
  padding-left: 15px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block .txt p {
  padding-bottom: 20px;
  margin-top: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block .txt .small {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block.is-hidden {
  display: none !important;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book a.more {
  width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bb1919;
  color: #fff;
  font-size: 1rem;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.05em;
  border-radius: 40px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book a.more {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.nobr {
  margin-top: 0;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.nobr .block {
  border: none;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.single .block {
  width: 100%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.single .img {
  max-width: 12.5%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.single .txt {
  position: relative;
  width: 87.5%;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents.banner_column3 ul {
  margin-top: 20px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents a {
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents a .new {
  display: inline-block;
  font-size: 0.625rem;
  background: #bb1919;
  color: #fff;
  vertical-align: 2px;
  margin-left: 5px;
  padding: 3px 5px;
  line-height: 1;
  border-radius: 3px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents a.pdf::after {
  background: url("/med/img/icn/pdf.svg") no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  vertical-align: -4px;
  margin-left: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents .seri {
  display: block;
  font-size: 0.75rem;
  width: 50px;
  text-align: center;
  background: #bb1919;
  color: #fff;
  vertical-align: 1px;
  padding: 5px;
  line-height: 1;
  border-radius: 3px;
  margin-bottom: 5px;
}
#contents_wrapper #contents_inner .main_contents .frame.disease_contents span.more_list {
  width: 200px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bb1919;
  color: #fff;
  font-size: 1rem;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.05em;
  border-radius: 40px;
  margin: 20px auto 0;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents span.more_list {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup h3.disease_pickup {
    background: url("/med/img/icn/pickup_red.svg") no-repeat;
    background-size: 32px 20px;
    font-size: 1.125rem;
    padding: 1px 0 3px 40px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block {
    display: block;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .banner {
    margin: 0 auto 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link {
    font-size: 0.875rem;
    width: 100%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul {
    margin: 0 auto 0 0;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a {
    padding-left: 15px;
    margin-left: 0;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a::before {
    top: 6px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link ul li a::after {
    top: 10px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .title {
    margin-left: 0;
    padding-left: 0;
    font-size: 1.1rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .title span {
    font-size: 0.8rem;
    display: block;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block .link .txt {
    margin-left: 0;
    padding-left: 0;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_banner_01 .block:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .img {
    width: 27%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .txt {
    width: 70%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .head .txt p {
    padding-top: 5px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .link {
    margin-top: 20px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 {
    margin-top: 0;
    display: block;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 .col2 .block {
    margin-top: 20px;
    width: 100%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_pickup .contents_pickuparea_01 h5 {
    font-size: 0.875rem;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_contents span.title {
    box-sizing: border-box;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title {
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-weight: bold;
    position: relative;
    padding: 10px 10px 10px 0;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span {
    position: relative;
    padding: 10px 10px 10px 0;
    background: #fff;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span.book {
    padding: 10px 10px 10px 33px;
    background-size: 28px 29px;
    width: 28px;
    height: 29px;
    background-position: left 1px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span.patient {
    padding: 10px 10px 10px 33px;
    background-size: 24px 28px;
    width: 24px;
    height: 28px;
    background-position: 5px 3px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents h3.disease_title span.med {
    padding: 10px 10px 10px 33px;
    background-size: 30px 28px;
    width: 22px;
    height: 28px;
    background-position: 2px 2px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents p.read {
    font-size: 1rem;
    color: #333;
    line-height: 1.6;
    letter-spacing: 0.05em;
    padding-top: 15px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents p.read {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt {
    margin-top: 15px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block {
    padding: 15px 5px;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt .block .small {
    position: relative;
    bottom: auto;
    display: block;
    margin-top: 5px;
    text-align: right;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block .img {
    width: 25%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block .txt {
    width: 72%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block.photo .img {
    width: 20%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_txt.thumb .block.photo .txt {
    width: 77%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book {
    margin-top: 15px;
    display: block;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book .block {
    width: 100%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.nobr {
    margin-top: 0;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.nobr .block {
    border: none;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.single .img {
    max-width: 25%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents .list_book.single .txt {
    width: 75%;
  }
  #contents_wrapper #contents_inner .main_contents .frame.disease_contents.banner_column3 ul {
    margin-top: 5px;
  }
}
/* COVID layout */
.covid_frame .block {
  margin-top: 20px;
}
.covid_frame .block .inner {
  display: flex;
  justify-content: space-between;
}
.covid_frame .block .inner .img {
  width: 200px;
}
.covid_frame .block .inner .img img {
  width: 100%;
}
.covid_frame .block .inner p {
  width: calc(100% - 200px);
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  padding-top: 35px;
}
.covid_frame .block .inner p span.num {
  position: absolute;
  top: 0;
  left: 20px;
  display: block;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  background: #fff;
  width: 60px;
  text-align: center;
  border: 1px solid #333;
  padding: 2px 0 1px;
  border-radius: 5px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .inner p span.num {
    font-size: 0.75rem;
  }
}
.covid_frame .block .inner p span.date {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 0.875rem;
  color: #bb1919;
  line-height: 1.4;
  letter-spacing: 0.05em;
  background: #fff;
  width: 100px;
  text-align: center;
  border: 1px solid #bb1919;
  padding: 2px 0 1px;
  border-radius: 5px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .inner p span.date {
    font-size: 0.75rem;
  }
}
.covid_frame .block .inner p .name {
  display: block;
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  padding: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .inner p .name {
    font-size: 0.875rem;
  }
}
.covid_frame .block .inner p a.profile {
  display: inline-block;
  margin-top: 10px;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  background: #fff;
  width: 150px;
  text-align: center;
  border: 1px solid #333;
  padding: 5px 0 3px;
  border-radius: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .inner p a.profile {
    font-size: 0.75rem;
  }
}
.covid_frame .block .inner p a.profile:before {
  content: "";
  background: url("/med/img/icn/cursor_right_black.svg") no-repeat;
  width: 7px;
  height: 11px;
  vertical-align: 0px;
  display: inline-block;
  margin-right: 5px;
}
.covid_frame .block input {
  display: none;
}
.covid_frame .block label.link {
  cursor: pointer;
  max-width: 300px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.05em;
  background: #bb1919;
  font-weight: bold;
  padding: 10px;
  border-radius: 40px;
  box-sizing: border-box;
  margin: 20px auto 0;
  text-decoration: none;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block label.link {
    font-size: 0.875rem;
  }
}
.covid_frame .block label.link::before {
  content: "一覧を見る";
}
.covid_frame .block .series {
  display: none;
}
.covid_frame .block .series div {
  border-top: 1px dotted #ccc;
  padding: 20px 5px;
  margin-top: 20px;
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .series div {
    font-size: 0.875rem;
  }
}
.covid_frame .block .series div .small {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.75rem;
}
.covid_frame .block .series div p {
  padding-right: 80px;
}
.covid_frame .block .series div span.num {
  display: inline-block;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  background: #fff;
  width: 60px;
  text-align: center;
  border: 1px solid #333;
  padding: 2px 0 1px;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 8px;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .series div span.num {
    font-size: 0.75rem;
  }
}
.covid_frame .block .series div a {
  display: inline-block;
  padding-right: 80px;
}
.covid_frame .block .series div a.pdf {
  position: absolute;
  top: 20px;
  right: 0;
  background: #bb1919;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .series div a.pdf {
    font-size: 0.75rem;
  }
}
.covid_frame .block .series div a.pdf::after {
  background: url("/med/img/icn/pdf.svg") no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  vertical-align: -4px;
}
.covid_frame .block:first-child {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
.covid_frame .block input:checked + .series {
  display: block;
}
.covid_frame .block input:checked + .series + label.link::before {
  content: "閉じる";
}
@media only screen and (max-width: 767px) {
  .covid_frame .block .inner {
    display: block;
    justify-content: space-between;
  }
  .covid_frame .block .inner .img {
    margin: 0 auto;
  }
  .covid_frame .block .inner p {
    margin-top: 10px;
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
  .covid_frame .block .inner p span.num {
    left: 0;
  }
  .covid_frame .block .inner p .name {
    padding: 5px 0 0;
  }
  .covid_frame .block .inner p a.profile {
    width: 100%;
  }
  .covid_frame .block a.link {
    max-width: 100%;
    padding: 8px;
    margin: 10px auto 0;
  }
  .covid_frame .block .series div {
    padding: 20px 0;
  }
  .covid_frame .block .series div p {
    padding-right: 0;
    margin: 8px 0;
  }
  .covid_frame .block .series div span.num {
    display: block;
    margin-bottom: 10px;
  }
  .covid_frame .block .series div a {
    padding-right: 0;
  }
  .covid_frame .block .series div a.pdf {
    position: relative;
    top: 0;
    padding: 5px 10px;
  }
  .covid_frame .block:first-child {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
  }
}

#contents_wrapper #contents_inner.fullwidth .main_contents .region_head {
  width: 96%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div {
  width: 48%;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div h2 {
  border-bottom: 1px solid #e9e9e9;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  padding: 13px 0 13px 42px;
  margin-bottom: 20px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li {
  width: 48%;
  margin-bottom: 20px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #333;
  line-height: 1.5;
  display: flex;
  text-decoration: underline;
  height: 50px;
  align-items: center;
  position: relative;
  padding-left: 60px;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  width: 50px;
  height: 50px;
  background: url("/med/img/icn/disease/icn.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a:hover {
  text-decoration: none;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.rhip::before {
  background: url("/med/img/icn/disease/rhip.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.tetanus::before {
  background: url("/med/img/icn/disease/tetanus.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.vwd::before {
  background: url("/med/img/icn/disease/vwd.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.hemophilia::before {
  background: url("/med/img/icn/disease/hemophilia.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.aom::before {
  background: url("/med/img/icn/disease/aom.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.kd::before {
  background: url("/med/img/icn/disease/kd.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.vg::before {
  background: url("/med/img/icn/disease/vg.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.pmdm::before {
  background: url("/med/img/icn/disease/pmdm.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.cidp::before {
  background: url("/med/img/icn/disease/cidp.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.mg::before {
  background: url("/med/img/icn/disease/mg.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.aph::before {
  background: url("/med/img/icn/disease/aph.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.gamma::before {
  background: url("/med/img/icn/disease/gamma.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.alb::before {
  background: url("/med/img/icn/disease/alb.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.hbv::before {
  background: url("/med/img/icn/disease/hbv.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.itp::before {
  background: url("/med/img/icn/disease/itp.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.autoimmune::before {
  background: url("/med/img/icn/disease/autoimmune.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.dic::before {
  background: url("/med/img/icn/disease/dic.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.gbs::before {
  background: url("/med/img/icn/disease/gbs.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.infection::before {
  background: url("/med/img/icn/disease/infection.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.kidney::before {
  background: url("/med/img/icn/disease/kidney.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li a.cad::before {
  background: url("/med/img/icn/disease/cad.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease h2 {
  background: url("/med/img/icn/disease_black.svg") no-repeat;
  background-size: 36px 30px;
  background-position: left 7px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul {
  display: flex;
  flex-wrap: wrap;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li {
  width: 49%;
  margin-bottom: 10px;
  margin-right: 2%;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li:nth-child(2n) {
  margin-right: 0;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li a {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.aco a {
  border-color: #e6e619;
  background: rgba(230, 230, 25, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.aco a::before {
  background-color: #e6e619;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.aco a::after {
  background-color: #e6e619;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.aco a img {
  height: 20px;
  width: 100px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nat a {
  border-color: #f00;
  background: rgba(255, 0, 0, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nat a::before {
  background-color: #f00;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nat a::after {
  background-color: #f00;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nat a img {
  height: 20px;
  width: 83px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.vng a {
  border-color: #003149;
  background: rgba(0, 49, 73, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.vng a::before {
  background-color: #003149;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.vng a::after {
  background-color: #003149;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.vng a img {
  height: 20px;
  width: 164px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.tbl a img {
  height: 20px;
  width: 104px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.byc a {
  border-color: #c4ff03;
  background: rgba(196, 255, 3, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.byc a::before {
  background-color: #c4ff03;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.byc a::after {
  background-color: #c4ff03;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.byc a img {
  height: 20px;
  width: 91px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.alb a {
  border-color: #81f051;
  background: rgba(129, 240, 81, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.alb a::before {
  background-color: #81f051;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.alb a::after {
  background-color: #81f051;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.alb a img {
  height: 20px;
  width: 87px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.hap a {
  border-color: #f5cbf4;
  background: rgba(245, 203, 244, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.hap a::before {
  background-color: #f5cbf4;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.hap a::after {
  background-color: #f5cbf4;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.hap a img {
  height: 20px;
  width: 119px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.crs a {
  border-color: #f59d38;
  background: rgba(245, 157, 56, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.crs a::before {
  background-color: #f59d38;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.crs a::after {
  background-color: #f59d38;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.crs a img {
  height: 20px;
  width: 165px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.hbs a img {
  height: 18px;
  width: 204px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.pgl a img {
  height: 20px;
  width: 119px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.cof a {
  border-color: #60a314;
  background: rgba(96, 163, 20, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.cof a::before {
  background-color: #60a314;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.cof a::after {
  background-color: #60a314;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.cof a img {
  height: 20px;
  width: 94px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nov a {
  border-color: #467ddb;
  background: rgba(70, 125, 219, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nov a::before {
  background-color: #467ddb;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nov a::after {
  background-color: #467ddb;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.nov a img {
  height: 20px;
  width: 80px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.fib a {
  border-color: #42f5b6;
  background: rgba(66, 245, 182, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.fib a::before {
  background-color: #42f5b6;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.fib a::after {
  background-color: #42f5b6;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.fib a img {
  height: 20px;
  width: 150px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.bol a {
  border-color: #281cad;
  background: rgba(40, 28, 173, 0.1);
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.bol a::before {
  background-color: #281cad;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.bol a::after {
  background-color: #281cad;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.bol a img {
  height: 20px;
  width: 71px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.hbg a img {
  height: 20px;
  width: 109px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.adg a img {
  height: 20px;
  width: 181px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.glb a img {
  height: 20px;
  width: 120px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.chr a img {
  height: 20px;
  width: 122px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li.cnc a img {
  height: 20px;
  width: 154px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di h2 {
  background: url("/med/img/icn/med_black.svg") no-repeat;
  background-size: 26px 33px;
  background-position: 5px 5px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup {
  margin-top: 40px;
  background: #fff;
  padding: 50px 2%;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup h2 {
  text-align: center;
  margin-bottom: 50px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li {
  width: 23.5%;
  box-shadow: 0px 0px 15px -5px #999;
  margin-bottom: 30px;
  margin-right: 2%;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li:nth-child(4n) {
  margin-right: 0;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li a {
  text-decoration: none;
  transition: 0.3s;
  font-feature-settings: "palt";
  color: #333;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li a img {
  transition: 0.3s;
  vertical-align: bottom;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li a img:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li a:hover {
  color: #bb1919;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li h4 {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: bold;
  padding: 15px 10px 15px 40px;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li h4 {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li h4.disease {
  background: url("/med/img/icn/disease_black.svg") no-repeat;
  background-size: 26px 22px;
  background-position: 10px 13px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li h4.seminar {
  background: url("/med/img/icn/seminar_black.svg") no-repeat;
  background-size: 24px 27px;
  background-position: 10px 10px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li h4.di {
  background: url("/med/img/icn/med_black.svg") no-repeat;
  background-size: 22px 25px;
  background-position: 12px 11px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li h4.region {
  background: url("/med/img/icn/region_black.svg") no-repeat;
  background-size: 24px 25px;
  background-position: 10px 9px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li h4.other {
  background: url("/med/img/icn/other_black.svg") no-repeat;
  background-size: 22px 25px;
  background-position: 12px 11px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div {
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding: 5px 5px 9px;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div {
    font-size: 0.75rem;
  }
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div a {
  display: inline-block;
  padding: 5px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span {
  display: inline-block;
  padding-left: 15px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.aco {
  background: url("/med/img/region/med_icn_aco.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.nat {
  background: url("/med/img/region/med_icn_nat.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.vng {
  background: url("/med/img/region/med_icn_vng.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.crs {
  background: url("/med/img/region/med_icn_crs.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.cof {
  background: url("/med/img/region/med_icn_cof.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.alb {
  background: url("/med/img/region/med_icn_alb.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.hap {
  background: url("/med/img/region/med_icn_hap.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.bol {
  background: url("/med/img/region/med_icn_bol.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.mg {
  background: url("/med/img/region/med_icn.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.fib {
  background: url("/med/img/region/med_icn_fib.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li div span.byc {
  background: url("/med/img/region/med_icn_byc.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li img {
  width: 100%;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup .banner {
  margin: 0 auto 30px;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup .banner a img {
  display: block;
  margin: 0 auto;
  transition: 0.3s;
  max-width: 100%;
  width: auto;
}
#contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup .banner a img:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1200px) {
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li {
    width: 49%;
    margin-bottom: 10px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li:nth-child(3n) {
    margin-right: 2%;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 980px) {
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li:nth-child(3n) {
    margin-right: 0;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li:nth-child(2n) {
    margin-right: 0;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul {
    max-width: 600px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li {
    width: 48%;
    margin-right: 2%;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head {
    display: block;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div {
    width: 100%;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div h2 {
    font-size: 1rem;
    padding: 12px 0 12px 35px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease {
    margin-bottom: 30px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease ul li {
    width: 100%;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.disease h2 {
    background-size: 30px 25px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul {
    justify-content: space-between;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li {
    width: 49%;
    margin-bottom: 5px;
    margin-right: 0 !important;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di h2 {
    background-size: 22px 29px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup {
    margin-top: 20px;
    background: #fff;
    padding: 30px 4%;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup h2 {
    margin-bottom: 30px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li {
    width: 48.5%;
    margin-bottom: 15px;
    box-shadow: 0px 0px 10px -5px #333;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li a.hbs a img {
    height: 18px;
    width: 204px;
  }
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_pickup ul li a div {
    padding: 5px 10px 10px;
  }
}
@media only screen and (max-width: 480px) {
  #contents_wrapper #contents_inner.fullwidth .main_contents .region_head div.di ul li {
    width: 100%;
  }
}

.prescribe_notes {
  padding: 10px;
  background: #fff;
  border: 5px #eeeeee solid;
  font-size: 0.875rem;
  margin-bottom: 10px;
  line-height: 1.5;
  clear: both;
}
.prescribe_notes p {
  text-indent: -0.875rem;
  padding-left: 0.875rem;
}
.prescribe_notes p a {
  padding-left: 45px;
  padding-right: 3px;
  display: inline-block;
  background: url("/med/img/icn/relate_red.svg") no-repeat;
  background-position: 5px top;
  background-size: 22px 18px;
}
.prescribe_notes p a i {
  display: none;
}

.prescribe {
  clear: both;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 15px;
}
.prescribe li {
  overflow: hidden;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 100%;
}
.prescribe li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.prescribe li div.img {
  width: 100px;
  padding-right: 20px;
  text-align: center;
}
.prescribe li div.img a img:first-child {
  margin-bottom: 8px;
}
.prescribe li div.img a img:nth-child(2) {
  height: 30px;
  width: auto;
}
.prescribe li div.img a:hover {
  opacity: 0.7;
}
.prescribe li div.img img {
  max-width: 80px;
}
.prescribe li div.txt {
  width: calc(100% - 100px);
  line-height: 1.5;
  padding-bottom: 0.6rem;
}
.prescribe li div.txt span {
  position: absolute;
  right: 1rem;
  bottom: 0.4rem;
  font-size: 0.75rem;
  line-height: 1.4;
}
.prescribe li div.txt a {
  font-size: 1rem;
  font-feature-settings: "palt";
}
.prescribe li div.txt a:hover img {
  opacity: 0.7;
}
.prescribe li div.txt p {
  margin-top: 10px;
  font-size: 1rem;
}
.prescribe li div.txt img {
  margin-top: 10px;
  height: 30px;
  width: auto;
}

@media only screen and (max-width: 640px) {
  .prescribe li div.img {
    padding-right: 20px;
    vertical-align: top;
    width: 80px;
    text-align: center;
  }
  .prescribe li div.img img {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .prescribe li div.txt {
    display: block;
    width: calc(100% - 80px);
    padding-bottom: 3.2rem;
  }
  .prescribe li div.txt p {
    font-size: 1rem;
  }
  .prescribe li div.txt a {
    font-size: 1rem;
  }
}
table.code {
  font-size: 0.75rem;
  margin-bottom: 25px;
  width: 100%;
  line-height: 1.8;
}
table.code tr th {
  border-collapse: collapse;
  border: 1px solid #ccc;
  padding: 3px;
  vertical-align: middle;
  background: #f4ecec;
  text-align: left;
  width: 168px;
}
table.code tr td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  padding: 3px;
  vertical-align: middle;
  text-align: center;
  width: 168px;
}
table.code tr td:first-child {
  text-align: left;
  width: 35%;
}
table.code tr.head th {
  background: #d27d7d;
  color: #fff;
  height: 40px;
  text-align: center;
}
table.code tr.package .head th {
  font-size: 0.625rem;
  line-height: 1.3;
  word-wrap: break-word;
}
table.code tr.package.individual tr td:first-child {
  width: 20.4%;
}
table.code tr td {
  background: #fff;
}

h3.title {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 10px;
}

.download_link {
  text-align: center;
  padding-bottom: 20px;
}

.download_link.right {
  text-align: right;
}

.download_link a {
  color: #bb1919 !important;
  display: inline;
  border-bottom: 2px solid #bb1919;
  text-decoration: none;
  padding: 5px 5px 5px 30px;
  transition: 0.3s;
  background: url("/med/img/icn/download_red.svg") no-repeat;
  background-size: 25px 20px;
  font-size: 0.875rem;
}

.download_link a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 767px) {
  h3.title {
    font-size: 0.875rem;
  }
}
ul.photo_tab {
  display: flex;
  border-bottom: 3px solid #bb1919;
  position: relative;
  margin-bottom: 10px;
}

ul.photo_tab li {
  width: 24.9%;
  line-height: 1.2rem;
  text-align: center;
  font-size: 0.875rem;
}

.photo_tab li:not(:last-child) {
  margin-right: 1px;
}

.photo_tab {
  overflow: hidden;
}

.photo_tab li a {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  background: #eee;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px 4px 0 0;
  transition: 0.2s;
}

.photo_tab li.download a {
  height: auto;
  display: inline-block;
  border-bottom: 2px solid #bb1919;
  text-decoration: none;
  color: #bb1919 !important;
  text-decoration: none;
  padding: 5px 5px 5px 30px;
  margin-top: 12px;
  transition: 0.3s;
  background: url("/med/img/icn/download_red.svg") no-repeat;
  background-size: 25px 20px;
  font-size: 0.8rem;
}

.photo_tab li.download a:hover {
  color: #bb1919;
  background: url("/med/img/icn/download_red.svg") no-repeat;
  background-size: 25px 20px;
  opacity: 0.8;
}

.photo_tab li a br {
  display: none;
}

.photo_tab li.select a {
  background: #bb1919 !important;
  color: #fff;
}

ul.photo_tab li a:hover {
  background: #bb1919;
  color: #fff;
}

.photo_hide {
  display: none;
}

.photo_txt {
  padding: 10px 0;
  font-size: 0.875rem;
  line-height: 1.8;
}

@media only screen and (max-width: 767px) {
  ul.photo_tab li {
    width: 33%;
  }
  .photo_tab li a {
    font-size: 0.6875rem;
    line-height: 1.2;
    height: 60px;
    padding: 5px 0;
    box-sizing: border-box;
  }
  .photo_tab li a br {
    display: block;
  }
  .photo_txt {
    padding: 10px 0;
    font-size: 0.875rem;
  }
  .photo_list .info {
    display: block;
    padding: 16px;
    font-size: 0.875rem;
  }
  .photo_list .info .link {
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  .photo_tab li a {
    font-size: 0.8rem;
  }
}
ul.photo_tab {
  display: flex;
  border-bottom: 3px solid #bb1919;
  position: relative;
  margin-bottom: 10px;
}

.news_hide,
.photo_hide {
  display: none;
}

@media only screen and (max-width: 767px) {
  ul.photo_tab li {
    width: 33%;
  }
  .photo_tab li a {
    font-size: 0.75rem;
    line-height: 1.2;
    height: 60px;
    padding: 5px 0;
    box-sizing: border-box;
  }
  .photo_txt {
    padding: 10px 0;
    font-size: 0.75rem;
  }
  .photo_list .info {
    display: block;
    padding: 16px;
    font-size: 0.75rem;
  }
  .photo_list .info .link {
    width: 100% !important;
  }
}
@media only screen and (max-width: 480px) {
  .photo_tab li a {
    font-size: 0.75rem;
  }
}
.photo_list {
  clear: both;
  background: #fff;
  position: relative;
}

#column_one .photo_list {
  padding: 30px;
  border: 1px solid #ddd;
  margin-bottom: 50px;
}

.photo_list.table {
  width: 100%;
}

.photo_list.table th,
.photo_list.table td {
  padding: 1px;
  font-size: 0.7rem !important;
}

.photo_list .photo_box {
  border: 1px solid #ccc;
  padding: 20px;
}

.photo_list .photo {
  width: 100%;
  padding-top: 5px;
  position: relative;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.photo_list a.otherlink {
  position: absolute;
  right: 15px;
  top: 30px;
  font-size: 0.625rem;
  background: url("../img/cursor2.png") no-repeat left 3px;
  line-height: 1;
  padding-left: 12px;
  z-index: 1;
}

.photo_list .photo div ul {
  padding: 5px 0;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.photo_list .photo div strong {
  display: block;
  font-size: 1rem;
  line-height: 1.4;
}

.photo_list .photo div li {
  border: 1px solid #eee;
  padding: 0 !important;
  margin: 8px 0 0 !important;
  line-height: 1.4;
}

.photo_list .photo div li img {
  max-width: 100%;
  width: auto;
  display: block;
  text-align: center;
  margin: 0 auto 5px;
}

.photo_list .photo div li a {
  padding: 5px;
  text-align: center;
  color: #333;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
}

.photo_list .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #ccc;
  padding: 16px 20px;
}

.photo_list .info .day {
  width: 140px;
  padding: 4px 0;
}

.photo_list .info .link {
  width: calc(100% - 140px);
  padding: 4px 0;
}

.photo_list .photo div li a:hover {
  text-decoration: none;
}

.photo_list .list01 div li {
  float: left;
  font-size: 0.85rem;
  width: 16%;
  margin-right: 0.8% !important;
  box-sizing: border-box;
  text-align: center;
}

.photo_list .list01 div li:nth-child(6n) {
  margin-right: 0 !important;
}

.photo_list .list01 div li:nth-child(6n+1) {
  clear: both;
}

.photo_list .list02 div ul {
  width: 100%;
}

.photo_list .list02 div li {
  float: left;
  font-size: 0.85rem;
  width: 24.3%;
  margin-right: 0.933% !important;
  box-sizing: border-box;
  text-align: center;
}

.photo_list .list02 div li:nth-child(4n) {
  margin-right: 0 !important;
}

.photo_list .list02 div li:nth-child(4n+1) {
  clear: both;
}

.photo_wrap {
  margin-top: 1px;
  clear: both;
  background: #fff;
  border: 3px solid #eee;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .photo_list.table {
    overflow: auto;
  }
}
@media only screen and (max-width: 767px) {
  #column_one .photo_list {
    padding: 15px;
    border: 1px solid #ddd;
  }
  .photo_list.table {
    overflow: auto;
    white-space: nowrap;
  }
  .photo_list .info {
    display: block;
    padding: 16px;
    font-size: 0.9rem;
  }
  .photo_list .info .link {
    width: 100% !important;
  }
  .photo_list .photo div strong {
    font-size: 0.875rem;
  }
  .photo_list .photo div li a {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 640px) {
  .photo_list .photo div {
    display: block;
  }
  .photo_list .list01 div li,
  .photo_list .list02 div li {
    max-width: 100%;
    width: 49%;
    padding: 10px 0 2px 0;
  }
  .photo_list .list01 div li:nth-child(2n),
  .photo_list .list02 div li:nth-child(2n) {
    margin-left: 2%;
  }
  .photo_list .list01 div li:nth-child(6n+1) {
    clear: inherit;
  }
  .photo_list .list02 div li:nth-child(4n+1) {
    clear: inherit;
  }
  .photo_list .list01 div li:nth-child(2n+1),
  .photo_list .list02 div li:nth-child(2n+1) {
    clear: both;
  }
  .photo_list .photo div li a {
    padding: 4px;
  }
  .photo_list a.otherlink {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    top: 0;
    right: 0;
  }
}
#contents_wrapper.contents_wrapper_top {
  margin-top: 0;
}
#contents_wrapper #contents_top #pickup {
  background: #fff;
  padding: 30px 2%;
}
#contents_wrapper #contents_top #pickup .head {
  border-bottom: 2px solid #bb1919;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
#contents_wrapper #contents_top #pickup .head .title {
  width: 172px;
}
#contents_wrapper #contents_top #pickup .head .title img {
  vertical-align: bottom;
  padding-left: 10px;
}
#contents_wrapper #contents_top #pickup .head .tab {
  width: calc(100% - 192px);
}
#contents_wrapper #contents_top #pickup .head .tab ul {
  display: flex;
  justify-content: space-between;
}
#contents_wrapper #contents_top #pickup .head .tab ul li {
  width: 12.3%;
  display: block;
}
#contents_wrapper #contents_top #pickup .head .tab ul li span {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px 0;
  text-decoration: none;
  border-radius: 5px 5px 0 0;
  font-size: 0.875rem;
  color: #888;
  line-height: 1.4;
  letter-spacing: 0.05em;
  background: #f6f6f6;
  box-sizing: border-box;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_top #pickup .head .tab ul li span {
    font-size: 0.75rem;
  }
}
#contents_wrapper #contents_top #pickup .head .tab ul li span.active, #contents_wrapper #contents_top #pickup .head .tab ul li span:hover {
  background: #bb1919;
  color: #fff;
  border-top: 1px solid #bb1919;
  border-left: 1px solid #bb1919;
  border-right: 1px solid #bb1919;
}
#contents_wrapper #contents_top #pickup .head .tab ul li.active span {
  background: #bb1919;
  color: #fff;
  border-top: 1px solid #bb1919;
  border-left: 1px solid #bb1919;
  border-right: 1px solid #bb1919;
}
@media only screen and (max-width: 980px) {
  #contents_wrapper #contents_top #pickup .head {
    display: block;
  }
  #contents_wrapper #contents_top #pickup .head .title {
    width: 100%;
    text-align: center;
  }
  #contents_wrapper #contents_top #pickup .head .title img {
    padding-left: 0;
    padding-bottom: 15px;
  }
  #contents_wrapper #contents_top #pickup .head .tab {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #contents_wrapper #contents_top #pickup .head {
    border-bottom: none;
  }
  #contents_wrapper #contents_top #pickup .head .tab {
    width: 100%;
  }
  #contents_wrapper #contents_top #pickup .head .tab ul {
    flex-wrap: wrap;
  }
  #contents_wrapper #contents_top #pickup .head .tab ul li {
    width: 24%;
    margin-top: 5px;
  }
  #contents_wrapper #contents_top #pickup .head .tab ul li span {
    padding: 5px;
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.875rem;
    color: #bbbbbb;
    line-height: 1.4;
    letter-spacing: 0.05em;
    background: #f6f6f6;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
  }
}
@media only screen and (max-width: 640px) and (max-width: 767px) {
  #contents_wrapper #contents_top #pickup .head .tab ul li span {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 640px) {
  #contents_wrapper #contents_top #pickup .head .tab ul li span.active, #contents_wrapper #contents_top #pickup .head .tab ul li span:hover {
    border: 1px solid #bb1919;
  }
}
#contents_wrapper #contents_top #pickup .region_frame .region_block {
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup {
  margin-top: 40px;
  margin-bottom: 40px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup h2 {
  text-align: center;
  margin-bottom: 50px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul {
  display: flex;
  flex-wrap: wrap;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li {
  width: 23.5%;
  box-shadow: 0px 0px 15px -5px #999;
  margin-bottom: 30px;
  margin-right: 2%;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li:nth-child(4n) {
  margin-right: 0;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li a {
  text-decoration: none;
  transition: 0.3s;
  font-feature-settings: "palt";
  color: #333;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li a img {
  transition: 0.3s;
  vertical-align: bottom;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li a img:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li a:hover {
  color: #bb1919;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li h4 {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: bold;
  padding: 15px 10px 15px 40px;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li h4 {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li h4.disease {
  background: url("/med/img/icn/disease_black.svg") no-repeat;
  background-size: 26px 22px;
  background-position: 10px 13px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li h4.seminar {
  background: url("/med/img/icn/seminar_black.svg") no-repeat;
  background-size: 24px 27px;
  background-position: 10px 10px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li h4.di {
  background: url("/med/img/icn/med_black.svg") no-repeat;
  background-size: 22px 25px;
  background-position: 12px 11px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li h4.region {
  background: url("/med/img/icn/region_black.svg") no-repeat;
  background-size: 24px 25px;
  background-position: 10px 9px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li h4.other {
  background: url("/med/img/icn/other_black.svg") no-repeat;
  background-size: 22px 25px;
  background-position: 12px 11px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div {
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding: 5px 5px 9px;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div {
    font-size: 0.75rem;
  }
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div a {
  display: inline-block;
  padding: 5px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span {
  display: inline-block;
  padding-left: 15px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.aco {
  background: url("/med/img/region/med_icn_aco.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.nat {
  background: url("/med/img/region/med_icn_nat.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.vng {
  background: url("/med/img/region/med_icn_vng.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.crs {
  background: url("/med/img/region/med_icn_crs.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.cof {
  background: url("/med/img/region/med_icn_cof.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.alb {
  background: url("/med/img/region/med_icn_alb.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.hap {
  background: url("/med/img/region/med_icn_hap.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.bol {
  background: url("/med/img/region/med_icn_bol.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.mg {
  background: url("/med/img/region/med_icn.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.fib {
  background: url("/med/img/region/med_icn_fib.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li div span.byc {
  background: url("/med/img/region/med_icn_byc.png") no-repeat;
  background-size: 13px 13px;
  background-position: 0px 2px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li img {
  width: 100%;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup .banner {
  margin: 0 auto 30px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup .banner a img {
  display: block;
  margin: 0 auto;
  transition: 0.3s;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .pickup .banner a img:hover {
  opacity: 0.8;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link {
  margin-bottom: 30px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  position: relative;
  padding: 8px 65px 8px 0;
  margin-bottom: 20px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link h2:before {
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: repeating-linear-gradient(-45deg, #ccc, #ccc 3px, transparent 3px, transparent 5px);
  background-size: 7px 7px;
  backface-visibility: hidden;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link h2 span {
  position: relative;
  padding: 10px 10px 10px 0;
  background: #fff;
  padding: 10px 10px 10px 50px;
  background: #fff url("/med/img/icn/disease_black.svg") no-repeat;
  background-size: 36px 30px;
  background-position: left 7px;
  width: 30px;
  height: 36px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul {
  display: flex;
  flex-wrap: wrap;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li {
  width: 32%;
  margin-bottom: 20px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li:nth-child(3n) {
  margin-right: 0;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #333;
  line-height: 1.5;
  display: flex;
  text-decoration: underline;
  height: 50px;
  align-items: center;
  position: relative;
  padding-left: 60px;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a {
    font-size: 0.875rem;
  }
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a::before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  width: 50px;
  height: 50px;
  background: url("/med/img/icn/disease/icn.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a:hover {
  text-decoration: none;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.rhip::before {
  background: url("/med/img/icn/disease/rhip.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.tetanus::before {
  background: url("/med/img/icn/disease/tetanus.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.vwd::before {
  background: url("/med/img/icn/disease/vwd.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.hemophilia::before {
  background: url("/med/img/icn/disease/hemophilia.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.aom::before {
  background: url("/med/img/icn/disease/aom.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.kd::before {
  background: url("/med/img/icn/disease/kd.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.vg::before {
  background: url("/med/img/icn/disease/vg.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.pmdm::before {
  background: url("/med/img/icn/disease/pmdm.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.cidp::before {
  background: url("/med/img/icn/disease/cidp.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.mg::before {
  background: url("/med/img/icn/disease/mg.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.aph::before {
  background: url("/med/img/icn/disease/aph.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.gamma::before {
  background: url("/med/img/icn/disease/gamma.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.alb::before {
  background: url("/med/img/icn/disease/alb.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.hbv::before {
  background: url("/med/img/icn/disease/hbv.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.itp::before {
  background: url("/med/img/icn/disease/itp.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.autoimmune::before {
  background: url("/med/img/icn/disease/autoimmune.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.dic::before {
  background: url("/med/img/icn/disease/dic.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.gbs::before {
  background: url("/med/img/icn/disease/gbs.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.infection::before {
  background: url("/med/img/icn/disease/infection.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.kidney::before {
  background: url("/med/img/icn/disease/kidney.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li a.cad::before {
  background: url("/med/img/icn/disease/cad.png") no-repeat;
  background-size: cover;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  position: relative;
  padding: 8px 65px 8px 0;
  margin-bottom: 20px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link h2:before {
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  width: 100%;
  height: 5px;
  content: "";
  background-image: repeating-linear-gradient(-45deg, #ccc, #ccc 3px, transparent 3px, transparent 5px);
  background-size: 7px 7px;
  backface-visibility: hidden;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link h2 span {
  position: relative;
  padding: 10px 10px 10px 0;
  background: #fff;
  padding: 10px 10px 10px 50px;
  background: #fff url("/med/img/icn/med_black.svg") no-repeat;
  background-size: 26px 33px;
  background-position: 8px 3px;
  width: 26px;
  height: 33px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul {
  display: flex;
  flex-wrap: wrap;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li {
  width: 32%;
  margin-bottom: 10px;
  margin-right: 2%;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li:nth-child(3n) {
  margin-right: 0;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li a {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.aco a {
  border-color: #e6e619;
  background: rgba(230, 230, 25, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.aco a::before {
  background-color: #e6e619;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.aco a::after {
  background-color: #e6e619;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.aco a img {
  height: 20px;
  width: 100px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nat a {
  border-color: #f00;
  background: rgba(255, 0, 0, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nat a::before {
  background-color: #f00;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nat a::after {
  background-color: #f00;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nat a img {
  height: 20px;
  width: 83px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.vng a {
  border-color: #003149;
  background: rgba(0, 49, 73, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.vng a::before {
  background-color: #003149;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.vng a::after {
  background-color: #003149;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.vng a img {
  height: 20px;
  width: 164px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.tbl a img {
  height: 20px;
  width: 104px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.byc a {
  border-color: #c4ff03;
  background: rgba(196, 255, 3, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.byc a::before {
  background-color: #c4ff03;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.byc a::after {
  background-color: #c4ff03;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.byc a img {
  height: 20px;
  width: 91px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.alb a {
  border-color: #81f051;
  background: rgba(129, 240, 81, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.alb a::before {
  background-color: #81f051;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.alb a::after {
  background-color: #81f051;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.alb a img {
  height: 20px;
  width: 87px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.hap a {
  border-color: #f5cbf4;
  background: rgba(245, 203, 244, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.hap a::before {
  background-color: #f5cbf4;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.hap a::after {
  background-color: #f5cbf4;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.hap a img {
  height: 20px;
  width: 119px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.crs a {
  border-color: #f59d38;
  background: rgba(245, 157, 56, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.crs a::before {
  background-color: #f59d38;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.crs a::after {
  background-color: #f59d38;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.crs a img {
  height: 20px;
  width: 165px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.hbs a img {
  height: 18px;
  width: 204px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.pgl a img {
  height: 20px;
  width: 119px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.cof a {
  border-color: #60a314;
  background: rgba(96, 163, 20, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.cof a::before {
  background-color: #60a314;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.cof a::after {
  background-color: #60a314;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.cof a img {
  height: 20px;
  width: 94px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nov a {
  border-color: #467ddb;
  background: rgba(70, 125, 219, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nov a::before {
  background-color: #467ddb;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nov a::after {
  background-color: #467ddb;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.nov a img {
  height: 20px;
  width: 80px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.fib a {
  border-color: #42f5b6;
  background: rgba(66, 245, 182, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.fib a::before {
  background-color: #42f5b6;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.fib a::after {
  background-color: #42f5b6;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.fib a img {
  height: 20px;
  width: 150px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.bol a {
  border-color: #281cad;
  background: rgba(40, 28, 173, 0.1);
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.bol a::before {
  background-color: #281cad;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.bol a::after {
  background-color: #281cad;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.bol a img {
  height: 20px;
  width: 71px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.hbg a img {
  height: 20px;
  width: 109px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.adg a img {
  height: 20px;
  width: 181px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.glb a img {
  height: 20px;
  width: 120px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.chr a img {
  height: 20px;
  width: 122px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li.cnc a img {
  height: 20px;
  width: 154px;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block.tab_panel {
  display: none;
}
#contents_wrapper #contents_top #pickup .region_frame .region_block.tab_panel.active {
  display: block;
}
@media only screen and (max-width: 980px) {
  #contents_wrapper #contents_top #pickup .region_frame .region_block .pickup {
    margin-top: 30px;
  }
  #contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul {
    max-width: 600px;
    margin: 0 auto;
  }
  #contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
  }
  #contents_wrapper #contents_top #pickup .region_frame .region_block .pickup ul li:nth-child(2n) {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li {
    width: 49%;
    margin-right: 0;
  }
  #contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul {
    justify-content: space-between;
  }
  #contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li {
    width: 49%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  #contents_wrapper #contents_top #pickup .region_frame .region_block .disease_link ul li {
    width: 100%;
  }
  #contents_wrapper #contents_top #pickup .region_frame .region_block .di_link ul li {
    width: 100%;
  }
}
#contents_wrapper #contents_top #news {
  padding: 35px 4%;
  background: #f4f4f4;
}
#contents_wrapper #contents_top #news .news_frame {
  max-width: 800px;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#contents_wrapper #contents_top #news .news_frame h2 {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
  font-weight: bold;
  margin-bottom: 15px;
}
#contents_wrapper #contents_top #news .news_frame a.moreinfo {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.85rem;
  letter-spacing: 0.05rem;
  color: #333;
  text-decoration: none;
}
#contents_wrapper #contents_top #news .news_frame a.moreinfo::after {
  content: "▶";
  font-size: 6px;
  vertical-align: 1px;
  color: #d98c88;
  margin-left: 3px;
}
#contents_wrapper #contents_top #news .news_frame dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.95rem;
}
#contents_wrapper #contents_top #news .news_frame dl dt {
  width: 21%;
  padding: 15px 5px;
  box-sizing: border-box;
  border-top: 1px solid #eee;
}
#contents_wrapper #contents_top #news .news_frame dl dt:first-child {
  border-top: none;
}
#contents_wrapper #contents_top #news .news_frame dl dt:first-child + dd {
  border-top: none;
}
#contents_wrapper #contents_top #news .news_frame dl dd {
  width: 79%;
  padding: 15px 5px;
  box-sizing: border-box;
  border-top: 1px solid #eee;
}
#contents_wrapper #contents_top #news .news_frame dl dd a {
  color: #214176;
}
@media only screen and (max-width: 767px) {
  #contents_wrapper #contents_top #news {
    padding: 15px 4%;
  }
  #contents_wrapper #contents_top #news .news_frame h2 {
    font-size: 1.2rem;
  }
  #contents_wrapper #contents_top #news .news_frame dl {
    display: block;
    font-size: 0.9rem;
  }
  #contents_wrapper #contents_top #news .news_frame dl dt {
    width: 100%;
    padding: 15px 0 5px;
    border-top: 1px solid #eee;
  }
  #contents_wrapper #contents_top #news .news_frame dl dd {
    width: 100%;
    padding: 0 0 15px;
    border-top: none;
  }
}

.bol_order {
  position: fixed;
  bottom: 95px;
  right: 30px;
}

@media only screen and (max-width: 767px) {
  .bol_order {
    bottom: 5px;
    left: 10px;
    max-width: 158px;
    width: 100%;
  }
  .bol_order img {
    height: 47px;
    width: 158px;
  }
}
/* 
スクロール位置の調整の為、トップのみ独自のpagetopを使用
（.pagetop_index）
 */
#med_top .pagetop {
  display: none;
}

#slide_wrap {
  overflow: hidden;
}
#slide_wrap .title {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #slide_wrap .title {
    margin-top: -15px;
    width: 256px;
  }
}
#slider,
#thumbnail_slider {
  margin: 0 auto 10px;
}

.slide-item img {
  width: 100%;
}

#slider {
  margin-top: 15px;
}
#slider .slide-item {
  padding: 20px 0;
  transition: 0.3s;
  opacity: 0.5;
  display: block;
}
#slider .slide-item img {
  box-shadow: 0px 0px 20px 0px #aaa;
}
#slider .slick-current .slide-item {
  opacity: 1;
}
#thumbnail_slider {
  max-width: 1100px;
  width: 100%;
}
#thumbnail_slider .thumbnail-item {
  opacity: 0.5;
}
#thumbnail_slider .thumbnail-item img {
  width: 98%;
  max-width: 250px;
  margin: 0 auto;
  cursor: pointer;
  border: 2px solid #f6f6f6;
  box-sizing: border-box;
}
#thumbnail_slider .slick-current .thumbnail-item {
  opacity: 1;
}
#thumbnail_slider .slick-current .thumbnail-item img {
  border: 2px solid #bb1919;
}
#thumbnail_slider .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
}

.slide-item {
  position: relative;
  opacity: 0.5 !important;
  transition: 0.4s !important;
  transform: scale(0.85);
}

.slide-item .anchorlink {
  position: absolute;
  top: 48%;
  left: 4%;
  width: 92%;
  margin: 0 auto;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.slide-item .anchorlink a {
  display: block;
  width: 49%;
  margin-bottom: 8px;
}

.slide-item .anchorlink a img {
  max-width: 100%;
  width: 100%;
  box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
  .slide-item .anchorlink a {
    margin-bottom: 3px;
  }
}
.slick-slide.slick-current .slide-item,
.slick-slide.is-active-next .slide-item {
  opacity: 1 !important;
  transform: scale(1);
}

#slider {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#slider.slick-initialized {
  opacity: 1;
}

.slide-item .anchorlink_mg_01 {
  position: absolute;
  top: 28%;
  left: 4%;
  width: 92%;
  margin: 0 auto;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.slide-item .anchorlink_mg_01 a {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 5px;
}

.slide-item .anchorlink_mg_01 a::after {
  content: "▶";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 0.8rem;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .slide-item .anchorlink_mg_01 a::after {
    font-size: 8px;
    right: 10px;
    transform: translateY(-60%);
  }
}
.slide-item .anchorlink_mg_01 a img {
  max-width: 100%;
  width: 100%;
  box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
  .slide-item .anchorlink_mg_01 {
    top: 30%;
  }
  .slide-item .anchorlink_mg_01 a {
    margin-bottom: 0;
  }
}
.slide-item .anchorlink_cad_01 {
  position: absolute;
  bottom: 10%;
  left: 4%;
  width: 92%;
  margin: 0 auto;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
.slide-item .anchorlink_cad_01 a {
  width: 31%;
}
.slide-item .anchorlink_cad_01 a img {
  max-width: 100%;
  width: 100%;
  box-shadow: none !important;
}
@media only screen and (max-width: 767px) {
  .slide-item .anchorlink_cad_01 {
    left: 3%;
    width: 94%;
    bottom: 12%;
  }
  .slide-item .anchorlink_cad_01 a {
    width: 32%;
  }
}

#important {
  background: #fff;
  padding: 25px;
  border: 1px solid #ddd;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  #important {
    padding: 15px;
  }
}
#important h2 {
  font-size: 1.25rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  border-bottom: 1px solid #bb1919;
  padding-bottom: 8px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  #important h2 {
    font-size: 1rem;
  }
}
#important p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  #important p {
    font-size: 0.875rem;
  }
}
#important p strong.red {
  color: #bb1919;
}
#important p + p {
  margin-top: 15px;
}
#important p.break {
  padding-top: 35px;
}
#important ul.list {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  list-style: disc;
  margin-left: 20px;
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  #important ul.list {
    font-size: 0.875rem;
  }
}
#important ul.list li {
  margin-top: 5px;
}
#important ul.list + h2 {
  margin-top: 40px;
}
#important ol.flow {
  display: flex;
}
#important ol.flow li {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
  height: 80px;
  background: url("/med/img/flow_frame.png") no-repeat right center;
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding-top: 5px;
  box-sizing: border-box;
  font-weight: bold;
}
#important ol.flow li span {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  #important ol.flow li span {
    font-size: 0.75rem;
  }
}
#important .step_block {
  margin-top: 40px;
}
#important .step_block h3 {
  font-size: 1.25rem;
  color: #bb1919;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  #important .step_block h3 {
    font-size: 1rem;
  }
}
#important .step_block .btn {
  display: flex;
  max-width: 500px;
  height: 60px;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 0 auto;
  background: #bb1919;
  border-radius: 5px;
  position: relative;
  padding: 10px 25px;
  box-sizing: border-box;
  margin-top: 20px;
  text-decoration: none;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  #important .step_block .btn {
    font-size: 0.875rem;
  }
}
#important .step_block .btn::before {
  position: absolute;
  content: "";
  display: block;
  background: url("/med/img/icn/cursor_right_white.svg") no-repeat;
  background-size: 12px 17px;
  width: 12px;
  height: 17px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#important .step_block .btn:hover {
  opacity: 0.8;
}
#important .step_block p .indent {
  display: inline-block;
  text-indent: -1rem;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  #important h2 {
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  #important p + p {
    margin-top: 10px;
  }
  #important ul.list {
    margin-left: 17px;
  }
  #important ul.list + h2 {
    margin-top: 30px;
  }
  #important ol.flow {
    flex-wrap: wrap;
    gap: 10px 0.4%;
  }
  #important ol.flow li {
    width: 49.8%;
    background-size: auto auto;
    padding-top: 0;
  }
  #important .step_block {
    margin-top: 30px;
  }
  #important .step_block p .indent {
    text-indent: -0.875rem;
    padding-left: 0.875rem;
  }
}

.column_contents__mainframe {
  background: #fff;
  padding: 20px;
  border: 1px solid #eee;
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .column_contents__mainframe {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .column_contents__mainframe {
    padding: 12px;
  }
}
.column_contents__mainframe article h3 {
  font-weight: bold;
  font-size: 1.125rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .column_contents__mainframe article h3 {
    font-size: 1rem;
  }
}
.column_contents__mainframe article h3 + * {
  margin-top: 15px;
}
.column_contents__mainframe article h4 {
  font-weight: bold;
}
.column_contents__mainframe article h4 + * {
  margin-top: 5px;
}
.column_contents__mainframe article p small {
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
  display: block;
  text-align: right;
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .column_contents__mainframe article p small {
    font-size: 0.75rem;
  }
}
.column_contents__mainframe article p + * {
  margin-top: 20px;
}
.column_contents__mainframe article sup {
  font-size: 11px;
  line-height: 1;
}
.column_contents__mainframe article figure {
  text-align: center;
}
.column_contents__mainframe article figure img {
  max-width: 100%;
  width: auto;
}
.column_contents__mainframe article figure + * {
  margin-top: 20px;
}
.column_contents__mainframe article + article {
  margin-top: 40px;
}
.column_contents__mainframe article.literature ol {
  margin-left: 2.5rem;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .column_contents__mainframe article.literature ol {
    font-size: 0.75rem;
  }
}
.column_contents__mainframe article.literature ol li {
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
  margin-top: 8px;
}
.column_contents__mainframe article.literature ol li:before {
  content: counter(cnt) ")";
  display: inline-block;
  margin-left: -2rem;
  width: 3rem;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
}

.borderlist {
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  font-size: 75% !important;
  padding: 1em 0 !important;
  margin-bottom: 2em !important;
}

/*
 ■疾患コラム系のcss調整■
 /med/jb_square/より内部においてはコンテンツ部分の横幅とマージンの指定を解除
 ※疾患コラム系のコンテンツ部分は #contents > #contentsinner > #column_left の中に入り、
 　#column_rightは削除、右サイドナビがある場合はコンテンツ部分の外側に.sidebar_contentsを設置
 右サイドナビが無い（1カラム）の場合は、"#contents_inner"の同階層に"onecolumn_width"のクラスを付与
*/
#disease #contents {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  width: 100% !important;
}

#disease #contentsinner {
  margin: 0 !important;
}

#disease #column_left {
  width: 100% !important;
  padding-bottom: 0 !important;
  margin-right: 0 !important;
}

/* 疾患コラム系のcss調整 ここまで */
/* 
	プリントアウト用css 
*/
@media print {
  body {
    background: #fff;
    width: 100%;
  }
  #navigation,
  #header,
  #bc,
  #column_right,
  div.footlink,
  #sp_head,
  .page,
  .pdf_link,
  .bucknum,
  footer .small,
  #foot_sitemap,
  #headnav,
  #contents #contentsinner #column_left .index_area .series_link,
  footer,
  .jb_square #contents #contentsinner #column_left section article .number1,
  #fadeTopBtn,
  .drawer-overlay,
  #slide_menu,
  #content01,
  #content02,
  nav.drawer-nav,
  #bol_link,
  .sidebar_contents,
  .anchor {
    display: none !important;
  }
  #contents {
    width: 960px;
  }
  #main {
    padding: 0 !important;
    margin: 0 !important;
  }
  #breadclumb {
    display: none !important;
  }
  #contents_wrapper {
    margin-top: 0;
  }
  #contents_wrapper #contents_inner {
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
  #contents_wrapper #contents_inner .main_contents {
    width: 960px;
  }
  #contents_wrapper #contents_inner .main_contents .contents_title {
    display: none;
  }
  #contentsinner {
    margin: 0;
  }
  #jb_square::before,
  #di::before,
  #disease::before {
    content: url("/med/img/print_header.png") !important;
    display: block;
    /* background: url(../img/print_header.png) no-repeat 0 0; */
  }
  #column_left,
  #column_one {
    float: none !important;
    text-align: left;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
  }
  #column_left,
  #column_one {
    margin-top: 10px;
  }
  .jb_square #contents #contentsinner #column_left section {
    border: none;
  }
  .pageBreak {
    page-break-before: always;
  }
}
/*
 221216 shanon ポップアップ用cssの調整
*/
#smpWidgetArea {
  right: 1% !important;
}

.ss-popup-area {
  min-width: 300px !important;
  width: 300px !important;
  border-radius: 4px 4px 0 0 !important;
}
@media only screen and (max-width: 767px) {
  .ss-popup-area {
    min-width: 200px !important;
    width: 200px !important;
  }
}

.ss-popup-html-area .smp-widget-content {
  padding: 0 !important;
}

.smp-widget-area img {
  vertical-align: bottom !important;
}

.ss-popup-html-area .smp-widget-image {
  margin-bottom: 0 !important;
  cursor: pointer !important;
  transition: 0.3s;
}
.ss-popup-html-area .smp-widget-image:hover {
  opacity: 0.8;
}

.ss-popup-html-area .smp-widget-button {
  margin-top: 0 !important;
  width: calc(100% - 10px) !important;
  margin: 5px !important;
  box-sizing: border-box !important;
  height: 40px !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  transition: 0.3s;
}
.ss-popup-html-area .smp-widget-button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .ss-popup-html-area .smp-widget-button {
    display: none;
    font-size: 0.75rem !important;
    height: 30px !important;
    border-radius: 3px !important;
  }
}

.ss-popup-html-area .smp-widget-title-text {
  font-size: 1rem !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  padding: 10px !important;
}
@media only screen and (max-width: 767px) {
  .ss-popup-html-area .smp-widget-title-text {
    font-size: 0.75rem !important;
  }
}

.smp-widget-close-button {
  top: 5px !important;
  right: 5px !important;
  font-size: 16px !important;
  border-radius: 3px !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 1 !important;
}

@media only screen and (max-width: 767px) {
  .ss-popup-html-area .smp-widget-body-text {
    font-size: 0.75rem !important;
  }
}
/*
 header上部お知らせ掲載用css
*/
.shanon_login_info {
  background: #ffefc8;
  font-size: 0.8rem;
  padding: 10px;
  position: relative;
  z-index: 10;
  text-align: center;
}
.shanon_login_info .inner {
  margin: 0 auto;
  display: inline-block;
}
.shanon_login_info .inner p {
  line-height: 1.5;
  position: relative;
  padding-left: 22px;
  text-align: left;
}
.shanon_login_info .inner p::before {
  background: url("/med/img/icon_info_rd.png");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  content: "";
  font-weight: bold;
  text-align: center;
  color: #fff;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 1px;
}
.shanon_login_info .inner p + p {
  margin-top: 5px;
}

@media only screen and (max-width: 1200px) {
  #header {
    position: relative;
  }
  #header.fixed .nav_toggle {
    position: fixed;
  }
  #bc {
    padding-top: 0;
  }
  #main {
    padding-top: 0;
  }
  .nav_toggle {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
/*
 230926 講演会30分前に表示させるポップアップ
*/
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(210px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.seminar_popup {
  background: #bb1919;
  width: 180px;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  position: fixed;
  right: 30px;
  bottom: 100px;
  color: #fff !important;
  font-size: 0.85rem;
  line-height: 1.4;
  text-align: center;
  transition: 0.3s;
  white-space: nowrap;
  opacity: 0;
  animation: fadeIn ease 1s;
  animation-fill-mode: forwards;
}
.seminar_popup span {
  transform: scale(0.7);
  display: inline-block;
}
@keyframes live_blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.seminar_popup::before {
  content: "";
  background: url("/med/img/icn_live.png") no-repeat center;
  animation: live_blink 2s infinite;
  background-size: contain;
  display: block;
  margin: 0 auto 8px;
  width: 100px;
  height: 28px;
}
.seminar_popup:hover {
  opacity: 0.8 !important;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .seminar_popup {
    width: 130px;
    padding: 10px 5px;
    right: 10px;
    bottom: 65px;
    font-size: 0.75rem;
  }
  .seminar_popup::before {
    content: "";
    background: url("/med/img/icn_live.png") no-repeat center;
    background-size: contain;
    display: block;
    margin: 0 auto 5px;
    width: 70px;
    height: 20px;
  }
}
.seminar_popup + .bol_order {
  display: none !important;
}

.seminar_popup_2 {
  background: #bb1919;
  width: 180px;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  position: fixed;
  right: 30px;
  bottom: 100px;
  color: #fff !important;
  font-size: 0.85rem;
  line-height: 1.4;
  text-align: center;
  transition: 0.3s;
  white-space: nowrap;
  opacity: 0;
  animation: fadeIn ease 1s;
  animation-fill-mode: forwards;
}
.seminar_popup_2 span {
  transform: scale(0.7);
  display: inline-block;
}
.seminar_popup_2:hover {
  opacity: 0.8 !important;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .seminar_popup_2 {
    width: 140px;
    padding: 10px 5px;
    right: 10px;
    bottom: 65px;
    font-size: 0.75rem;
  }
}
.seminar_popup_2 + .bol_order {
  display: none !important;
}

.ss_btnArea p {
  text-align: center;
}
/*
	bodyに「class="live_hide"」を指定しているページは
	ポップアップを非表示
*/
body.live_hide .seminar_popup {
  display: none;
}
body.live_hide .seminar_popup_2 {
  display: none;
}

/*
 231004 shanon ボタン押下時の読み込み中テキスト
*/
.loading-text {
  display: none;
  opacity: 0;
  animation: fadeInOut 1s infinite ease-in-out;
  margin-top: 5px;
  font-size: 0.875rem;
  padding-bottom: 15px;
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
/*
  ポップアップのチャットボットを非表示
*/
.widget_hide .ul-widget-main-window {
  display: none !important;
}

.widget_hide #ulAiWidget .ul-widget-main-window {
  display: block !important;
}

#ulAiWidget.widget_hide {
  display: none !important;
}

@media print {
  .ul-widget-main-window {
    display: none !important;
  }
  .shanon_login_info {
    display: none !important;
  }
  .seminar_popup {
    display: none !important;
  }
  .seminar_popup_2 {
    display: none !important;
  }
}
/*
  画像モーダルの生成
	<a class="js-modalWindow modalLink" href="#">
	<img src="#" alt="">
	</a>
	hrefにターゲットとなる画像を設定
*/
.modalLink {
  position: relative;
  display: inline-block;
}
.modalLink::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: block;
  background: #333 url("/med/img/icn_glass.png") no-repeat center;
  background-size: 20px;
}
.modalLink img {
  border: 1px solid #ccc;
  margin: 10px 0;
  vertical-align: bottom;
}

.img-modalOverlay {
  display: none;
  position: fixed;
  inset: 0 auto 0 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  z-index: 1000;
}
.img-modalOverlay .img-modalContent {
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: 90%;
  max-height: 80%;
  cursor: default;
  max-width: 1000px;
  width: 100%;
}

body.is-active {
  overflow: hidden;
}