@charset "UTF-8";
@font-face {
  font-family: "oncology";
  src: url("/oncology/assets/fonts/oncology.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* init */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary, time, mark, audio, video, a, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  background: transparent;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

ul li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: 0;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

sup {
  vertical-align: text-top;
  font-size: 75%;
}

sub {
  vertical-align: text-bottom;
  font-size: 75%;
}

input, textarea, select {
  z-index: auto;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: middle;
}

audio:not([controls]) {
  display: none;
}

time {
  display: inline;
}

[hidden] {
  display: none;
}

input::-ms-clear, input::-ms-reveal, input:focus::-ms-clear, input:focus::-ms-reveal {
  visibility: hidden;
  display: none;
}

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  outline: none;
}

button,
input[type=submit],
input[type=button],
input[type=reset] {
  cursor: pointer;
}

small {
  font-size: 85%;
}

i, em {
  font-weight: normal;
  font-style: normal;
}

b {
  font-weight: bold;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  scroll-padding-top: 120px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #c8c8c8;
}

input::placeholder,
textarea::placeholder {
  color: #c8c8c8;
}

a:link {
  color: #000000;
  text-decoration: none;
}

a:active {
  color: #000000;
  text-decoration: none;
  outline: #666666;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

@media (hover: hover) {
  a:hover {
    text-decoration: none;
  }
}
body, input, button, select, textarea {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  color: #000000;
  line-height: 1;
  font-feature-settings: "palt";
}

input, button, select, textarea {
  color: #000000;
}

#loader {
  background: url(/oncology/assets/img/spinner.gif) no-repeat center #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100dvh;
  z-index: 1000;
  display: none;
}

img {
  max-width: 100%;
  height: auto;
}

.a-ct {
  text-align: center;
}

.a-rt {
  text-align: right;
}

.a-lt {
  text-align: left;
}

.sp-br {
  display: none;
}

@media (max-width: 767px) {
  html {
    scroll-padding-top: 60px;
  }
  body, input, button, select, textarea {
    font-size: 1.6rem;
  }
  .sp-br {
    display: inline;
  }
  .pc-br {
    display: none;
  }
  a {
    word-break: break-all;
  }
}
.page-wrapper {
  overflow: hidden;
  padding-top: 0;
  min-width: 1220px;
}

.site-header {
  width: 100%;
  z-index: 10;
  background: #fff;
  transition: all 0.3s ease;
  line-height: 1.5;
  position: relative;
  left: 0;
  top: 0;
}
.site-header header {
  margin: 0 auto;
  position: relative;
}
.site-header header .primary {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 66px;
  margin-bottom: 6px;
}
.site-header header .primary .site-logo {
  width: 460px;
  padding: 15px 0 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-header header .primary .site-logo a, .site-header header .primary .site-logo .img {
  display: block;
}
.site-header header .primary .site-logo .site {
  width: 290px;
  padding-right: 20px;
}
.site-header header .primary .site-logo .corp {
  width: 160px;
  padding-right: 20px;
}
.site-header header .primary .function {
  display: flex;
  justify-content: flex-start;
  flex-direction: row-reverse;
  width: calc(100% - 480px);
}
.site-header header .primary .function .contact {
  width: 180px;
  height: 50px;
  align-self: stretch;
  background: linear-gradient(270deg, #5DC23E 0%, #098620 100%);
  top: 10px;
  position: relative;
}
.site-header header .primary .function .contact a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background: #098620;
  color: #fff;
  font-weight: 700;
  transition: background-color 0.3s ease;
}
.site-header header .primary .function .contact a::before {
  font-family: "oncology";
  display: inline-block;
  margin-right: 0.25em;
  vertical-align: middle;
  position: relative;
  top: 0.05em;
}
.site-header header .primary .function .contact a::before {
  content: "\e902";
  font-size: 2.2rem;
  font-weight: normal;
}
.site-header header .primary .function .contact a span {
  display: none;
}
@media (hover: hover) {
  .site-header header .primary .function .contact a:hover {
    background: transparent;
  }
}
.site-header header .primary .function .nav-toggle {
  display: none;
}
.site-header header .global-nav {
  width: 100%;
  background: #F5F5F5;
  min-width: 1220px;
}
.site-header header .global-nav ul {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  border-left: 2px #fff solid;
}
.site-header header .global-nav ul li {
  flex: 1;
  border-right: 2px #fff solid;
}
.site-header header .global-nav ul li a {
  display: block;
  position: relative;
  text-align: center;
  font-weight: 700;
  padding: 16px;
  transition: background-color 0.3s ease;
  background: #F5F5F5;
}
.site-header header .global-nav ul li a::before {
  content: "";
  display: block;
  width: 100%;
  height: 7px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (hover: hover) {
  .site-header header .global-nav ul li a:hover {
    background: transparent !important;
  }
}
.site-header header .global-nav ul li a.active {
  background: transparent !important;
}
.site-header header .global-nav ul li a span {
  display: none;
}
.site-header header .global-nav ul li.top, .site-header header .global-nav ul li.news, .site-header header .global-nav ul li.contact {
  background: linear-gradient(270deg, #5DC23E 0%, #098620 100%);
}
.site-header header .global-nav ul li.top a::before, .site-header header .global-nav ul li.news a::before, .site-header header .global-nav ul li.contact a::before {
  background: linear-gradient(270deg, #5DC23E 0%, #098620 100%);
}
@media (hover: hover) {
  .site-header header .global-nav ul li.top a:hover, .site-header header .global-nav ul li.news a:hover, .site-header header .global-nav ul li.contact a:hover {
    color: #fff;
  }
}
.site-header header .global-nav ul li.regimen {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
.site-header header .global-nav ul li.regimen a::before {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
.site-header header .global-nav ul li.column {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
.site-header header .global-nav ul li.column a::before {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
.site-header header .global-nav ul li.sideeffect {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
.site-header header .global-nav ul li.sideeffect a::before {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
.site-header header .global-nav ul li.news, .site-header header .global-nav ul li.contact {
  display: none;
}
.site-header header .global-nav ul li.top a.active {
  color: #fff;
}
.site-header header .search {
  padding: 10px 14px;
  max-width: 650px;
  width: calc(100% - 390px);
  position: absolute;
  right: 180px;
  top: 0;
}
.site-header header .search div {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
.site-header header .search div input {
  width: calc(100% - 50px);
  border: 1px #434746 solid;
  border-right: 0;
  border-radius: 6px 0 0 6px;
  height: 50px;
  padding-left: 60px;
  background: #f5f5f5 url(/oncology/assets/img/icn_text.svg) no-repeat 10px center;
  background-size: 32px;
}
.site-header header .search div input:-internal-autofill-selected {
  background: inherit !important;
}
.site-header header .search div button {
  width: 50px;
  height: 50px;
  border: 0 none;
  background: none #434746;
  color: #fff;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 0 6px 6px 0;
  transition: background-color 0.3s ease;
  position: relative;
}
.site-header header .search div button::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.site-header header .search div button::before {
  content: "\e901";
  width: 100%;
  height: 100%;
  text-align: center;
  text-indent: 0;
  line-height: 52px;
  left: 0;
  top: 0;
  font-size: 2.8rem;
  transform: none;
}
@media (hover: hover) {
  .site-header header .search div button:hover {
    background: #098620;
  }
}
.site-header.compact .global-nav {
  position: fixed;
  left: 0;
  top: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.site-header.compact .global-nav ul {
  margin: 0;
  width: 80vw;
  max-width: none;
  padding-right: 15px;
}
.site-header.compact .global-nav ul li a {
  padding: 14px;
}
.site-header.compact .search {
  position: fixed;
  right: 0;
  top: 0;
  width: 20vw;
  padding: 6px 10px;
}
.site-header.compact .search input {
  height: 40px;
  width: calc(100% - 40px);
  background-size: 24px;
  background-position: 10px center;
  padding-left: 40px;
  background-color: #fff;
}
.site-header.compact .search button {
  width: 40px;
  height: 40px;
}
.site-header.compact .search button::before {
  line-height: 38px;
  font-size: 2.2rem;
}
.site-header * {
  transition: all 0.3s ease;
}

aside.cta {
  padding: 30px;
}
aside.cta .contact-point {
  width: 570px;
  margin: 0 auto;
  padding: 30px 45px;
  background-color: #F1F7F2;
}
aside.cta .contact-point dl {
  line-height: 1.5;
}
aside.cta .contact-point dl dt {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #098620;
  font-size: 2.6rem;
  font-weight: 700;
}
aside.cta .contact-point dl dt b {
  background: #098620;
  color: #fff;
  font-weight: 700;
  padding: 2px 15px 4px;
  border-radius: 0 40px 40px 0;
  font-size: 1.8rem;
}
aside.cta .contact-point dl dd .freecall {
  padding: 10px 0 20px;
}
aside.cta .contact-point dl dd .freecall a {
  display: block;
}
aside.cta .contact-point dl dd .freecall img {
  display: block;
  width: 100%;
  height: auto;
}
aside.cta .contact-point dl dd .note {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0;
  margin-bottom: 2rem;
}
aside.cta .contact-point dl dd .note b {
  font-size: 2rem;
  font-weight: 700;
}
aside.cta .contact-point dl dd .btn {
  background-image: linear-gradient(270deg, #5DC23E 0%, #098620 100%);
  border-radius: 6px;
  overflow: hidden;
}
aside.cta .contact-point dl dd .btn a {
  display: block;
  color: #fff;
  background: transparent;
  padding: 10px 60px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  transition: background-color 0.3s ease;
}
aside.cta .contact-point dl dd .btn a::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
aside.cta .contact-point dl dd .btn a::before {
  content: "\e902";
  font-size: 2.6rem;
  font-weight: normal;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
@media (hover: hover) {
  aside.cta .contact-point dl dd .btn a:hover {
    background: #098620;
  }
}

.site-footer {
  border-top: 3px #098620 solid;
}
.site-footer footer {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 50px 20px 30px;
  flex-direction: row-reverse;
}
.site-footer footer .cp-logo {
  width: 170px;
}
.site-footer footer ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.site-footer footer ul li {
  font-size: 1.5rem;
  padding: 0 2rem;
}
.site-footer footer ul li:not(:first-child) {
  border-left: 1px #CCCCCC solid;
}
.site-footer footer ul li:last-child {
  padding-right: 0;
}
.site-footer footer ul li:hover {
  text-decoration: underline;
}
.site-footer footer ul li img {
  width: 1.2rem;
}
.site-footer footer .copyright {
  width: 100%;
  text-align: right;
  font-size: 1.2rem;
  margin-top: 20px;
}
.site-footer .page-top {
  width: 100%;
  max-width: 1220px;
  height: 40px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  pointer-events: none;
}
.site-footer .page-top a {
  width: 40px;
  height: 100%;
  background: url(/oncology/assets/img/pagetop.svg) no-repeat center;
  background-size: cover;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.3s ease;
  float: right;
  pointer-events: auto;
}
@media (hover: hover) {
  .site-footer .page-top a:hover {
    opacity: 0.5;
  }
}

.breadcrumbs {
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 20px;
}
.breadcrumbs ul {
  display: flex;
  justify-content: flex-start;
}
.breadcrumbs ul li {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.breadcrumbs ul li:not(:last-child)::after {
  content: ">";
  padding-left: 0.5rem;
}
.breadcrumbs ul li a {
  color: #098620;
  text-decoration: none;
}
@media (hover: hover) {
  .breadcrumbs ul li a:hover {
    color: #000000;
    text-decoration: underline;
  }
}

.index-header {
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.index-header.regimen {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
.index-header.column {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
.index-header.sideeffect {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
.index-header.general {
  background: linear-gradient(270deg, #5DC23E 0%, #098620 100%);
  padding: 50px 0;
}
.index-header.general h1 {
  position: relative;
  transform: none;
  left: auto;
  top: auto;
  color: #fff;
}
.index-header h1 {
  font-size: 3.6rem;
  font-weight: 700;
  position: absolute;
  width: 1200px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 20px;
  line-height: 1.4;
}
.index-header h1::before {
  content: "";
  display: block;
  width: 10px;
  height: 3.6rem;
  position: absolute;
  left: 0;
  top: 0.25em;
  background: #fff;
}
.index-header h1 .title-foot {
  display: block;
  font-size: 2rem;
}

.article-header {
  position: relative;
  margin-bottom: 40px;
}
.article-header::before {
  content: "";
  display: block;
  width: 100%;
  left: 20px;
  top: 0;
  height: 7px;
}
.article-header .primary {
  display: flex;
  border-bottom: 1px #ccc solid;
  padding: 20px 0;
  align-items: stretch;
}
.article-header .primary .article {
  width: calc(100% - 500px);
}
.article-header .primary .article .meta {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  line-height: 1.4;
  flex-wrap: wrap;
}
.article-header .primary .article .meta i {
  font-size: 1.6rem;
  min-width: 120px;
  padding: 2px 10px 3px;
  border-radius: 4px;
  margin: 0 5px 5px 0;
  display: block;
  text-align: center;
  font-weight: 700;
  border: 1px #fff solid;
}
.article-header .primary .article .meta i.cancer {
  background: #eee;
  border-color: #ccc;
}
.article-header .primary .article h1 {
  font-size: 3.4rem;
  font-weight: 700;
  padding-right: 0.5em;
  line-height: 1.2;
}
.article-header .primary .article h1 .class {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
  color: #000;
  font-size: 1.8rem;
  border-radius: 20px;
  display: inline-block;
  padding: 2px 12px 4px;
  vertical-align: middle;
  position: relative;
  top: -0.2em;
  margin: 0.5em 0;
}
.article-header .primary .article h1 .class.expert {
  background: linear-gradient(90deg, #eb6fa5 0%, #F9C8DD 100%);
}
.article-header .primary .article .date {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
.article-header .primary .authors {
  width: 340px;
  border: 1px #ccc solid;
  border-width: 0 1px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.article-header .primary .authors .author {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 50px;
}
.article-header .primary .authors .author .photo {
  width: 95px;
}
.article-header .primary .authors .author .prof b {
  font-weight: normal;
  border: 1px #000 solid;
  padding: 2px 4px;
  font-size: 1.4rem;
  line-height: 1.2;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 42px;
}
.article-header .primary .authors .author .prof .division {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 10px 0;
}
.article-header .primary .authors .author .prof .name {
  font-size: 2rem;
  font-weight: 700;
}
.article-header .primary .authors .author .prof .name span {
  font-size: 1.4rem;
  font-weight: normal;
}
.article-header .primary .authors .author:has(.photo) .prof {
  width: calc(100% - 105px);
}
.article-header .primary .authors .author:has(.photo) .prof .division {
  margin: 10px 0;
}
.article-header .primary .authors:has(.author + .author) .author .photo {
  width: 75px;
}
.article-header .primary .authors:has(.author + .author) .author .prof {
  width: calc(100% - 85px);
}
.article-header .primary .authors:has(.author + .author) .author .prof b {
  float: none;
}
.article-header .primary .authors:has(.author + .author) .author .prof .division {
  margin: 0 0 5px;
  padding-right: 50px;
}
.article-header .primary .authors:has(.author + .author) .author + .author {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px #ccc solid;
}
.article-header .primary .authors:has(.author + .author) .author + .author .prof b {
  top: 15px;
}
.article-header .primary .switch {
  width: 160px;
  display: flex;
  padding-left: 10px;
  justify-content: center;
  align-items: center;
}
.article-header .primary .switch a {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
  display: block;
  padding: 15px 30px 15px 15px;
  position: relative;
  border-radius: 0 40px 40px 0;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  font-size: 2rem;
  font-weight: 700;
  transition: all 0.3s ease;
  text-decoration: none;
}
.article-header .primary .switch a::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.article-header .primary .switch a::after {
  content: "\e907";
  right: 15px;
  font-size: 1.4rem;
  width: 1.4rem;
  font-weight: normal;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  .article-header .primary .switch a:hover {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .article-header .primary .switch a:hover::after {
    right: 10px;
  }
}
.article-header .primary .switch a.to-expert {
  background: linear-gradient(90deg, #eb6fa5 0%, #F9C8DD 100%);
}
.article-header .course {
  padding: 20px 0 0;
}
.article-header .course dl {
  display: flex;
  line-height: 1.5;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.article-header .course dl:last-child {
  margin-bottom: 0;
}
.article-header .course dl dt {
  background: #E1F0B3;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 8px 10px 6px;
  width: 10em;
  text-align: center;
  margin-bottom: 1em;
  margin-top: -0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article-header .course dl dd {
  padding-left: 20px;
  font-size: 1.8rem;
  width: calc(100% - 10em);
}
.article-header .course dl dd ul {
  margin-left: 1.5em;
}
.article-header .course dl dd ul:last-child {
  margin-bottom: 0;
}
.article-header .course dl dd ul li {
  list-style: disc;
}
.article-header .anchor-nav {
  padding: 20px 0 0;
}
.article-header .anchor-nav dl {
  background: #eee;
  margin: 0;
}
.article-header .anchor-nav dl dt {
  width: -moz-fit-content;
  width: fit-content;
  background: #80B50C;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 0 0 20px 0;
}
.article-header .anchor-nav dl dd {
  padding: 20px;
  border-bottom: 10px #fff solid;
}
.article-header .anchor-nav dl dd ul {
  display: flex;
  justify-content: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 0;
}
.article-header .anchor-nav dl dd ul li {
  width: calc((100% - 20px) / 3);
  font-size: 2rem;
  font-weight: 500;
}
.article-header .anchor-nav dl dd ul li b {
  font-size: 2.4rem;
  font-weight: 700;
}
.article-header .anchor-nav dl dd ul li a {
  display: block;
  position: relative;
  padding: 15px 40px;
  border: 2px #80B50C solid;
  border-radius: 4px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  height: 100%;
  background: #fff;
  text-align: center;
  text-decoration: none;
}
.article-header .anchor-nav dl dd ul li a::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.article-header .anchor-nav dl dd ul li a::after {
  content: "\e904";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #80B50C;
  transition: all 0.3s ease;
  width: 14px;
}
@media (hover: hover) {
  .article-header .anchor-nav dl dd ul li a:hover {
    background-color: #E1F0B3;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  .article-header .anchor-nav dl dd ul li a:hover::after {
    top: 60%;
  }
}
.article-header .link-pdf {
  padding: 20px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.article-header .link-pdf a, .article-header .link-pdf button {
  background: none #f5f5f5;
  padding: 10px 15px 10px;
  text-align: center;
  min-width: 0;
  border: 1px #000 solid;
  border-radius: 6px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-decoration: none;
  line-height: 25px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.article-header .link-pdf a img, .article-header .link-pdf button img {
  display: inline-block;
  width: 18px;
  vertical-align: middle;
  margin-right: 10px;
}
.article-header .link-pdf p.pdf-note {
  margin: 0;
  font-size: 1.4rem;
}
.article-header .abstract {
  padding: 20px 0;
}
.article-header .abstract p:last-child, .article-header .abstract ol:last-child, .article-header .abstract ul:last-child, .article-header .abstract figure:last-child, .article-header .abstract table:last-child, .article-header .abstract dl:last-child {
  margin-bottom: 0;
}

article.regimen .article-header {
  margin-bottom: 10px;
}
article.regimen .article-header::before {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}

article.column .article-header::before {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
article.column .article-header .article {
  width: calc(100% - 340px);
}
article.column .article-header .authors {
  border-right: 0;
}

article.sideeffect .article-header::before {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
article.sideeffect .article-header .article {
  width: calc(100% - 340px);
}
article.sideeffect .article-header .authors {
  border-right: 0;
}

/* genre top
================================================================ */
.filter-conditions.regimen {
  background: #eee;
  position: relative;
  padding: 25px 0 0;
}
.filter-conditions.regimen::before {
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
.filter-conditions.regimen + .filter-conditions::after {
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -4px;
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
.filter-conditions.regimen p.title {
  max-width: 1200px;
  margin: 0 auto 15px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}
.filter-conditions.regimen p.title::before {
  font-family: "oncology";
  display: inline-block;
  margin-right: 0.25em;
  vertical-align: middle;
  position: relative;
  top: 0.05em;
}
.filter-conditions.regimen p.title b {
  font-size: 2.4rem;
}
.filter-conditions.regimen p.title::before {
  content: "\e901";
  color: #80B50C;
  font-size: 3rem;
  font-weight: normal;
  top: -0.1em;
}
.filter-conditions.regimen .check-list {
  max-width: 1200px;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.filter-conditions.regimen .check-list li {
  width: calc((100% - 60px) / 5);
  margin-bottom: 15px;
  font-weight: 500;
}
.filter-conditions.regimen .check-list li label {
  display: block;
  background: #fff;
  border: 2px #80B50C solid;
  border-radius: 4px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 15px 20px 15px 20px;
  font-size: 1.8rem;
  position: relative;
  cursor: pointer;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter-conditions.regimen .check-list li label::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.filter-conditions.regimen .check-list li label:has(input:checked) {
  background: #ECF8C9;
}
.filter-conditions.regimen .check-list li label::before {
  content: "\e907";
  color: #80B50C;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
}
.filter-conditions.regimen .check-list li label input {
  position: absolute;
  left: -20px;
  top: -20px;
  opacity: 0;
}
.filter-conditions.regimen .check-list li label:hover {
  background: #ECF8C9;
}
.filter-conditions.regimen .check-list li.empty {
  display: none;
}
.filter-conditions.regimen .more a {
  background-color: #fff;
  background-position: calc(100% - 10px) 10px;
  background-size: 42px auto;
  background-repeat: no-repeat;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 50px 15px 20px;
  font-size: 1.8rem;
  position: relative;
  margin: 0 auto;
  min-width: 200px;
  border-radius: 10px 10px 0 0;
  font-weight: 500;
}
.filter-conditions.regimen .more a.more {
  background-image: url(/oncology/assets/img/more_btn.svg);
}
.filter-conditions.regimen .more a.less {
  background-image: url(/oncology/assets/img/less_btn.svg);
  display: none;
}
.filter-conditions.column {
  padding: 40px 0 0;
  position: relative;
}
.filter-conditions.column::before {
  content: "";
  display: block;
  width: 230px;
  height: 2px;
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
  position: absolute;
  left: calc(50% - 115px);
  top: 0;
}
.filter-conditions.column p.title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.filter-conditions.column .column-categories {
  background: #eee;
}
.filter-conditions.column .check-list {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -moz-column-gap: 5px;
       column-gap: 5px;
  padding: 30px 0;
}
.filter-conditions.column .check-list li {
  width: calc((100% - 20px) / 5);
  margin-bottom: 5px;
  font-weight: 700;
}
.filter-conditions.column .check-list li label {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 10px 15px;
  font-size: 1.8rem;
  font-weight: 700;
  cursor: pointer;
  height: 100%;
  border: 1px #fff solid;
}
.filter-conditions.column .check-list li label input {
  position: absolute;
  left: -20px;
  top: -20px;
  opacity: 0;
}

@media (min-width: 768px) {
  .filter-conditions.regimen .check-list.cancer li:nth-child(n+11) {
    display: none;
  }
  .filter-conditions.regimen .check-list.medicine li:nth-child(n+6) {
    display: none;
  }
  .filter-conditions.regimen .check-list.show-all.cancer li:nth-child(n+11) {
    display: block;
  }
  .filter-conditions.regimen .check-list.show-all.medicine li:nth-child(n+6) {
    display: block;
  }
}
.search-result .conditions {
  max-width: 1240px;
  margin: 0 auto;
  padding: 30px 20px;
}
.search-result .conditions dl {
  display: flex;
  font-size: 20px;
  line-height: 1.5;
}
.search-result .conditions dl dt {
  font-weight: 700;
  white-space: nowrap;
}
.search-result .conditions dl dd {
  padding-right: 2em;
}
.search-result .article-list.regimen {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
.search-result .article-list.column {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
.search-result .article-list ul {
  max-width: 1240px;
  margin: 0 auto;
  padding: 60px 20px;
}
.search-result .article-list ul li {
  margin-bottom: 4px;
}
.search-result .article-list ul li a {
  display: flex;
  background: rgb(255, 255, 255);
  flex-wrap: wrap;
  transition: background 0.3s ease;
}
.search-result .article-list ul li a .article {
  padding: 20px;
  width: calc(100% - 360px);
  line-height: 1.5;
}
.search-result .article-list ul li a .article .meta {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.search-result .article-list ul li a .article .meta i {
  display: block;
  font-size: 1.6rem;
  text-align: center;
  min-width: 120px;
  background: #fff;
  padding: 2px 10px 3px;
  text-align: center;
  margin: 0 0.5rem 0.5rem 0;
  border-radius: 4px;
  border: 1px #fff solid;
}
.search-result .article-list ul li a .article .meta i.new {
  background: #F6E30C;
  min-width: 0;
}
.search-result .article-list ul li a .article .meta i.cancer {
  background: #eee;
}
.search-result .article-list ul li a .article .meta i.medicine {
  background: #f5ffbe;
}
.search-result .article-list ul li a .article .title {
  font-size: 2rem;
  font-weight: 700;
}
.search-result .article-list ul li a .article .desc {
  font-size: 1.6rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 15px;
}
.search-result .article-list ul li a .author {
  padding: 20px;
  border-left: 1px #CCCCCC solid;
  width: 360px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result .article-list ul li a .author .photo {
  width: 95px;
}
.search-result .article-list ul li a .author .prof {
  line-height: 1.5;
}
.search-result .article-list ul li a .author .prof .division {
  font-size: 1.6rem;
}
.search-result .article-list ul li a .author .prof .name {
  font-size: 2rem;
  font-weight: 700;
}
.search-result .article-list ul li a .author .prof .name span {
  font-size: 1.4rem;
  font-weight: 400;
}
.search-result .article-list ul li a .author:has(.photo) .prof {
  width: calc(100% - 110px);
}
.search-result .article-list ul li a .author.multi {
  padding: 10px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.search-result .article-list ul li a .author.multi .photo {
  display: none;
}
.search-result .article-list ul li a .author.multi .prof {
  width: 100%;
}
.search-result .article-list ul li a .author.multi .prof .division {
  font-size: 1.4rem;
}
.search-result .article-list ul li a .author.multi .prof .division span {
  display: inline-block;
  width: 1em;
}
.search-result .article-list ul li a .author.multi .prof:not(:last-of-type) {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px #ccc solid;
}
@media (hover: hover) {
  .search-result .article-list ul li a:hover {
    background: rgba(255, 255, 255, 0.5);
  }
}

article {
  max-width: 1240px;
  margin: 0 auto 60px;
  padding: 0 20px;
}
article section {
  margin-bottom: 40px;
  margin-bottom: 60px;
}
article h2 {
  padding: 15px 20px;
  font-size: 2.4rem;
  line-height: 1.4;
  border-radius: 0 20px 0 20px;
  font-weight: 700;
  margin: 60px 0 20px;
}
article h2 + h3 {
  margin-top: 0;
}
article h3 {
  padding: 0 0 0 20px;
  font-size: 2.2rem;
  line-height: 1.4;
  position: relative;
  font-weight: 700;
  margin: 50px 0 20px;
}
article h3::before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  left: 0;
  top: 2px;
  background: #80B50C;
  position: absolute;
  border-radius: 0 0 5px 5px;
}
article .header-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
article .header-group h3 {
  padding-bottom: 0;
  margin: 0;
}
article h4 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 30px 0 15px;
  border-top: 1px #CCCCCC solid;
  padding-top: 20px;
}
article p {
  line-height: 1.75;
  margin-bottom: 1em;
}
article p.note {
  font-size: 1.4rem;
  line-height: 1.5;
}
article a:link {
  text-decoration: underline;
}
article a:hover {
  text-decoration: none;
}
article figure {
  margin-bottom: 60px;
}
article figure figcaption {
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
}
article figure figcaption.mark::before {
  content: "ー";
}
article figure.dose figcaption {
  font-size: 22px;
  padding-left: 24px;
  position: relative;
  line-height: 1.4;
}
article figure.dose figcaption::before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  left: 0;
  top: 0;
  background: #80B50C;
  position: absolute;
  border-radius: 0 0 5px 5px;
}
article figure.dose .table-notes {
  padding: 30px 0 0;
}
article ul {
  margin-bottom: 40px;
}
article ul li {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
article ul.ind1 li {
  text-indent: -1em;
  padding-left: 1em;
}
article ul.ind2 li {
  text-indent: -2em;
  padding-left: 2em;
}
article ul.ind3 li {
  text-indent: -3em;
  padding-left: 3em;
}
article ul.ind4 li {
  text-indent: -4em;
  padding-left: 4em;
}
article ul.ind5 li {
  text-indent: -5em;
  padding-left: 5em;
}
article ul.ind6 li {
  text-indent: -6em;
  padding-left: 6em;
}
article ul.ind7 li {
  text-indent: -7em;
  padding-left: 7em;
}
article ul.ind* li {
  letter-spacing: 0;
  font-feature-settings: normal;
}
article ul.notes li {
  font-size: 1.4rem;
}
article ul.regular {
  margin-left: 1.5em;
}
article ul.regular li {
  list-style: disc;
}
article ul.regular-dot {
  border-top: 1px #ccc solid;
}
article ul.regular-dot li {
  border-bottom: 1px #ccc solid;
  padding: 1rem 0 1rem 1.25em;
  text-indent: -1.25em;
  margin-bottom: 0;
}
article ul.regular-dot li::before {
  content: "● ";
}
article ul.regular-dot li > * {
  text-indent: 0;
  padding-left: 0;
}
article ul.regular-dot li ul {
  margin: 1rem 0 0 1.5em;
}
article ul.regular-dot li ul li {
  border: none;
  padding: 0 0 1rem 0;
  text-indent: 0;
  list-style: disc;
}
article ul.regular-dot li ul li:before {
  content: none;
}
article ul + ul,
article ul + ol {
  margin-top: -20px;
}
article ul.link-list li a {
  position: relative;
  padding-left: 1.5em;
  display: inline-block;
}
article ul.link-list li a::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
article ul.link-list li a::before {
  content: "\e907";
  position: absolute;
  left: 0;
  top: 0.85em;
}
article ul.link-btns li {
  margin: 0 0 1em 0;
}
article ul.link-btns li a {
  display: flex;
  align-items: center;
  background: #000;
  color: #fff;
  transition: all 0.3s ease;
  border-radius: 1em;
  text-decoration: none;
  padding: 1em 3em 1em 2em;
  position: relative;
  height: 100%;
}
article ul.link-btns li a::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
article ul.link-btns li a::after {
  content: "\e907";
  position: absolute;
  right: 1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
}
@media (hover: hover) {
  article ul.link-btns li a:hover {
    opacity: 0.6;
  }
}
article ul.link-btns.duo, article ul.link-btns.trio, article ul.link-btns.quad {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  -moz-column-gap: 40px;
       column-gap: 40px;
  flex-wrap: wrap;
}
article ul.link-btns.duo li {
  width: calc(50% - 20px);
}
article ul.link-btns.trio li {
  width: calc((100% - 80px) / 3);
}
article ul.link-btns.quad li {
  width: calc((100% - 120px) / 4);
}
article ol {
  margin-bottom: 40px;
}
article ol li {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
article ol.notes li {
  font-size: 1.4rem;
}
article ol.parenthesis {
  list-style-type: none;
}
article ol.parenthesis > li {
  counter-increment: cnt;
  text-indent: -1.25em;
  padding-left: 1.25em;
}
article ol.parenthesis > li::before {
  content: counter(cnt) ") ";
}
article ol + ul,
article ol + ol {
  margin-top: -20px;
}
article ul.reference, article ol.reference {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
article dl {
  margin-bottom: 40px;
  font-size: 1.8rem;
  line-height: 1.5;
}
article dl.notes {
  font-size: 1.4rem;
}
article dl dt {
  font-weight: 700;
}
article dl dd {
  margin-bottom: 1em;
}
article dl.flat dt {
  float: left;
  clear: both;
}
article dl.flat.ind3 dt {
  width: 3em;
}
article dl.flat.ind3 dd {
  padding-left: 3em;
}
article dl.flat.ind4 dt {
  width: 4em;
}
article dl.flat.ind4 dd {
  padding-left: 4em;
}
article dl.flat.ind5 dt {
  width: 5em;
}
article dl.flat.ind5 dd {
  padding-left: 5em;
}
article dl.flat.ind6 dt {
  width: 6em;
}
article dl.flat.ind6 dd {
  padding-left: 6em;
}
article dl.flat.ind7 dt {
  width: 7em;
}
article dl.flat.ind7 dd {
  padding-left: 7em;
}
article dl.flat.ind8 dt {
  width: 8em;
}
article dl.flat.ind8 dd {
  padding-left: 8em;
}
article dl.flat.ind9 dt {
  width: 9em;
}
article dl.flat.ind9 dd {
  padding-left: 9em;
}
article dl.reference {
  font-size: 1.4rem;
  line-height: 1.4;
}
article dl.reference dt {
  width: 3em;
  float: left;
  clear: both;
  font-weight: normal;
}
article dl.reference dd {
  padding-left: 3em;
  text-indent: 0;
}
article dl.reference.f-rt {
  margin-left: auto;
  margin-right: 0;
  width: -moz-fit-content;
  width: fit-content;
}
article table {
  margin-bottom: 40px;
}
article table.fixed {
  table-layout: fixed;
}
article table.regular {
  width: 100%;
}
article table.regular th, article table.regular td {
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 10px;
  border: 1px #ccc solid;
}
article table.regular thead th {
  text-align: center;
  background: #dde8ec;
}
article table.regular th {
  font-weight: bold;
}
article table.regular tbody th, article table.regular tbody td {
  background: #fff;
}
article table.regular tbody.a-top th, article table.regular tbody.a-top td {
  vertical-align: top;
}
article table.major-sideeffects {
  width: 100%;
  margin-top: 20px;
}
article table.major-sideeffects th, article table.major-sideeffects td {
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 10px;
  border: 1px #fff solid;
  background: #f5f5f5;
}
article table.major-sideeffects th li, article table.major-sideeffects td li {
  font-size: 1.4rem;
  line-height: 1.4;
}
article table.major-sideeffects thead th {
  text-align: center;
  background: #DDEBC8;
  font-weight: bold;
}
article table.major-sideeffects thead th.th3 {
  background: #80B50C;
  color: #fff;
}
article table.major-sideeffects tbody th {
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
}
article table.major-sideeffects tbody .th1 {
  background: #ee6c7d;
  color: #fff;
}
article table.major-sideeffects tbody .th2 {
  background: #80B50C;
  color: #fff;
}
article table.major-sideeffects tbody .subjective-symptom {
  border: 1px #fff solid;
  border-radius: 40px;
  text-align: center;
  padding: 8px;
  margin: 20px;
  font-size: 1.4rem;
  background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
  color: #fff;
}
article table.major-sideeffects tbody .examination {
  border: 1px #fff solid;
  border-radius: 40px;
  text-align: center;
  padding: 8px;
  margin: 20px;
  font-size: 1.4rem;
  background: linear-gradient(to bottom, #ffa84c 0%, #ff7b0d 100%);
  color: #fff;
}
article table.major-sideeffects tbody .expression-time {
  background: #2989d8;
  color: #fff;
  font-weight: normal;
  padding: 8px;
  font-size: 1.2rem;
  margin: 20px;
  border: 1px #fff solid;
  border-radius: 4px;
}
article table.major-sideeffects tbody td {
  vertical-align: top;
}
article table.major-sideeffects tbody td.grey {
  background: #e1e1e1;
}
article table.major-sideeffects tbody ul {
  margin: 0 0 0 1.5em;
}
article table.major-sideeffects tbody ul li {
  margin: 0.5em 0;
  list-style: disc;
}
article .table-notes {
  margin: -20px 0 40px;
}
article .points,
article .summary {
  border: 1px #CCCCCC solid;
  padding: 25px;
}
article .points dl,
article .summary dl {
  margin-bottom: 0;
}
article .points dl dd:last-child,
article .summary dl dd:last-child {
  margin-bottom: 0;
}
article .points dl dt,
article .summary dl dt {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
article .points dl dt b,
article .summary dl dt b {
  width: 200px;
  text-align: center;
  padding: 10px;
  background: #D6DFFD;
  display: block;
  margin-right: 15px;
}
article .points dl dd p:last-child, article .points dl dd ul:last-child, article .points dl dd ol:last-child, article .points dl dd table:last-child, article .points dl dd figure:last-child, article .points dl dd dl:last-child,
article .summary dl dd p:last-child,
article .summary dl dd ul:last-child,
article .summary dl dd ol:last-child,
article .summary dl dd table:last-child,
article .summary dl dd figure:last-child,
article .summary dl dd dl:last-child {
  margin-bottom: 0;
}
article .mc {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 40px;
       column-gap: 40px;
  flex-wrap: wrap;
}
article .mc .col {
  margin: 0 0 40px 0;
}
article .mc.duo .col {
  width: calc(50% - 20px);
}
article .mc.trio .col {
  width: calc((100% - 80px) / 3);
}
article .mc.quad .col {
  width: calc((100% - 120px) / 4);
}
article .author-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article .author-box p {
  margin: 0;
  padding-right: 2em;
  width: 72%;
  font-size: 1.6rem;
}
article .author-box p b {
  font-size: 2rem;
}
article .author-box img {
  width: 28%;
  display: block;
}
article.regimen h2 {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
article.regimen h3::before {
  background: #80B50C;
}
article.regimen h4 {
  color: #80B50C;
}
article.regimen ul.regular-dot li::before,
article.regimen ul.link-list li a::before {
  color: #80B50C;
}
article.regimen ul.link-btns li a {
  background: #80B50C;
}
article.column h2 {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
article.column h3::before {
  background: #B5A0E5;
}
article.column h4 {
  color: #B5A0E5;
}
article.column ul.regular-dot li::before,
article.column ul.link-list li a::before {
  color: #B5A0E5;
}
article.column ul.link-btns li a {
  background: #B5A0E5;
}
article.sideeffect h2 {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
article.sideeffect h3::before {
  background: #FFB65D;
}
article.sideeffect h4 {
  color: #FD6C38;
}
article.sideeffect figure figcaption.mark::before {
  color: #FFB65D;
}
article.sideeffect ul.regular-dot li::before,
article.sideeffect ul.link-list li a::before {
  color: #FFB65D;
}
article.sideeffect ul.link-btns li a {
  background: #FFB65D;
}

div.return-top {
  padding: 10px;
  background: #000;
  text-align: center;
}
div.return-top a {
  display: block;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 380px;
  padding: 15px;
  color: #fff;
  background: #666;
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  border: 1px #fff solid;
  border-radius: 4px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
div.return-top a::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
div.return-top a::before {
  content: "\e906";
  left: 15px;
  font-weight: normal;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  div.return-top a:hover {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  div.return-top a:hover::before {
    left: 10px;
  }
}
div.return-top.regimen {
  background: #80B50C;
}
div.return-top.regimen a {
  background: #599D05;
}
@media (hover: hover) {
  div.return-top.regimen a:hover {
    background: #80B50C;
  }
}
div.return-top.colmun {
  background: #B5A0E5;
}
div.return-top.colmun a {
  background: #7F79D0;
}
@media (hover: hover) {
  div.return-top.colmun a:hover {
    background: #B5A0E5;
  }
}
div.return-top.sideeffect {
  background: #FFB65D;
}
div.return-top.sideeffect a {
  background: #E96F04;
}
@media (hover: hover) {
  div.return-top.sideeffect a:hover {
    background: #FFB65D;
  }
}

aside.related {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 36px;
  border-top: 1px #CCCCCC solid;
}
aside.related h2 {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 0 auto 30px;
  font-size: 2.4rem;
  font-weight: 700;
  padding-bottom: 0.5em;
  border-bottom: 2px #000 solid;
}
aside.related ul.regimens-list {
  display: flex;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}
aside.related ul.regimens-list li {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 500;
}
aside.related ul.regimens-list li a {
  display: block;
  position: relative;
  padding: 15px 40px;
  border: 2px #80B50C solid;
  border-radius: 4px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  height: 100%;
  word-break: break-all;
}
aside.related ul.regimens-list li a::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
aside.related ul.regimens-list li a::before {
  content: "\e907";
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #80B50C;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  aside.related ul.regimens-list li a:hover {
    background-color: #E1F0B3;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
  aside.related ul.regimens-list li a:hover::before {
    left: 15px;
  }
}
aside.related ul.related-list {
  padding-bottom: 50px;
  margin-bottom: 40px;
  position: relative;
}
aside.related ul.related-list .slick-track {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
aside.related ul.related-list li {
  position: relative;
  height: auto !important;
}
aside.related ul.related-list li::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  right: 0;
  top: 0;
}
aside.related ul.related-list li.slick-current::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 0;
}
aside.related ul.related-list li a {
  padding: 10px 25px;
  display: block;
  height: 100%;
  transition: background-color 0.3s ease;
}
aside.related ul.related-list li a .genre {
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 10px 6px;
  font-size: 1.2rem;
  border-radius: 4px;
  margin-bottom: 10px;
}
aside.related ul.related-list li a .genre.regimen {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
aside.related ul.related-list li a .genre.column {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
aside.related ul.related-list li a .genre.sideeffect {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
aside.related ul.related-list li a .title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.5;
}
aside.related ul.related-list li a .author {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
aside.related ul.related-list li a .author .photo {
  width: 95px;
}
aside.related ul.related-list li a .author .prof .division {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
aside.related ul.related-list li a .author .prof .name {
  font-size: 2rem;
  font-weight: 700;
}
aside.related ul.related-list li a .author .prof .name span {
  font-size: 1.4rem;
  font-weight: normal;
}
aside.related ul.related-list li a .author:has(.photo) .prof {
  width: calc(100% - 105px);
}
aside.related ul.related-list li a:has(.author + .author) .author + .author {
  border-top: 1px #ccc solid;
  padding-top: 10px;
  margin-top: 10px;
}
aside.related ul.related-list li a:has(.author + .author) .author .photo {
  width: 50px;
}
aside.related ul.related-list li a:has(.author + .author) .author .prof .division {
  margin-bottom: 5px;
  line-height: 1.4;
}
aside.related ul.related-list li a:has(.author + .author) .author:has(.photo) .prof {
  width: calc(100% - 60px);
}
@media (hover: hover) {
  aside.related ul.related-list li a:hover {
    background-color: #F5F5F5;
  }
}
aside.related ul.related-list .slick-arrow {
  width: 30px;
  height: 90px;
  display: block;
  background: none #000;
  border: 0 none;
  position: absolute;
  top: calc(50% - 25px);
  transform: translateY(-50%);
  color: #fff;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  transition: all 0.3s ease;
  z-index: 1;
}
aside.related ul.related-list .slick-arrow::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
aside.related ul.related-list .slick-arrow::after {
  text-indent: 0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  width: 30px;
}
aside.related ul.related-list .slick-arrow.slick-prev {
  left: -40px;
  border-radius: 10px 0 0 10px;
}
aside.related ul.related-list .slick-arrow.slick-prev::after {
  content: "\e906";
}
aside.related ul.related-list .slick-arrow.slick-next {
  right: -40px;
  border-radius: 0 10px 10px 0;
}
aside.related ul.related-list .slick-arrow.slick-next::after {
  content: "\e907";
}
@media (hover: hover) {
  aside.related ul.related-list .slick-arrow:hover {
    background-color: #999;
  }
}
aside.related ul.related-list .slick-dots {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
aside.related ul.related-list .slick-dots li::after, aside.related ul.related-list .slick-dots li::before {
  content: none;
}
aside.related ul.related-list .slick-dots li button {
  border: 0 none;
  background: #ccc none;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
}
aside.related ul.related-list .slick-dots li.slick-active button {
  background: #000;
}

.basic-notices {
  padding: 30px;
  max-width: 1200px;
  margin: 0 auto;
}
.basic-notices ul li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0.5rem 0;
}
.basic-notices .column-notice {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.basic-notices .column-notice p {
  line-height: 1.75;
}
.basic-notices .column-notice p.note {
  font-size: 1.4rem;
  line-height: 1.5;
}

.authors-block {
  width: 800px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  -moz-column-gap: 2px;
       column-gap: 2px;
}
.authors-block .author {
  position: relative;
  padding: 20px 20px 20px 150px;
  background: rgba(255, 255, 255, 0.5);
  width: calc(50% - 1px);
  letter-spacing: 0;
}
.authors-block .author:nth-child(odd) {
  border-radius: 8px 0 0 8px;
}
.authors-block .author:nth-child(even) {
  border-radius: 0 8px 8px 0;
}
.authors-block .author .photo {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #eee;
  overflow: hidden;
}
.authors-block .author .name {
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 1.4rem;
}
.authors-block .author .name b {
  font-size: 2rem;
  font-weight: 700;
  display: block;
}
.authors-block .author .title {
  font-size: 1.3rem;
  margin-bottom: 10px;
  line-height: 1.4;
}
.authors-block .author .link a {
  display: inline-block;
  background: #fff;
  border: 1px #000000 solid;
  border-radius: 5px;
  font-size: 1.4rem;
  padding: 4px 25px 4px 10px;
  position: relative;
  transition: all 0.3s ease;
}
.authors-block .author .link a::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.authors-block .author .link a::after {
  content: "\e907";
  font-size: 1.2rem;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media (hover: hover) {
  .authors-block .author .link a:hover {
    background-color: #F5F5F5;
  }
}
.authors-block .author:has(.authors-list) {
  padding-left: 20px;
}
.authors-block .author .list-header {
  margin-bottom: 5px;
  line-height: 1.4;
  font-size: 1.6rem;
}
.authors-block .author .authors-list {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 10px;
}
.authors-block .author .authors-list b {
  font-weight: 700;
  font-size: 1.6rem;
}
.authors-block:not(:has(.author + .author)) {
  width: 400px;
}
.authors-block:not(:has(.author + .author)) .author:only-child {
  border-radius: 8px;
  width: 400px;
}

aside.keywd-list {
  background: #eee;
  padding: 60px;
}
aside.keywd-list p {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
aside.keywd-list ul {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
aside.keywd-list ul li a {
  background: #fff;
  border-radius: 4px;
  padding: 5px 15px 7px;
  display: block;
  transition: all 0.3s ease;
  text-align: center;
}
@media (hover: hover) {
  aside.keywd-list ul li a:hover {
    background: #aaa;
    color: #fff;
  }
}

/* regimen detail
================================================================ */
article.regimen .link-switch {
  background: #eee;
  padding: 35px;
  text-align: center;
  margin-bottom: 50px;
}
article.regimen .link-switch a {
  display: block;
  width: 460px;
  padding: 14px 20px 12px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0 auto;
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
  border: 1px #fff solid;
  border-radius: 4px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  text-decoration: none;
}
article.regimen .link-switch a::before {
  font-family: "oncology";
  display: inline-block;
  margin-right: 0.25em;
  vertical-align: middle;
  position: relative;
  top: 0.05em;
}
article.regimen .link-switch a::before {
  content: "\e903";
  top: -0.1em;
}
@media (hover: hover) {
  article.regimen .link-switch a:hover {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
}
article.regimen .link-switch a.to-expert {
  background: linear-gradient(90deg, #eb6fa5 0%, #F9C8DD 100%);
}
article.regimen .ctcae-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: -50px;
}
article.regimen .ctcae-btn a {
  background: #fff589;
  padding: 10px 40px 8px 20px;
  font-size: 2rem;
  border-radius: 4px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  font-weight: 700;
  display: block;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: none;
}
article.regimen .ctcae-btn a::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
article.regimen .ctcae-btn a::after {
  content: "\e907";
  font-size: 1.4rem;
  font-weight: normal;
  right: 15px;
  transition: all 0.3s ease;
}
@media (hover: hover) {
  article.regimen .ctcae-btn a:hover {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    text-decoration: underline;
  }
  article.regimen .ctcae-btn a:hover::after {
    right: 10px;
  }
}

/* sideeffect index
================================================================ */
.sideeffect-list {
  max-width: 1240px;
  margin: 0 auto;
  padding: 30px 20px 60px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 40px;
       column-gap: 40px;
  flex-wrap: wrap;
}
.sideeffect-list h2 {
  font-size: 3rem;
  padding: 40px;
  text-align: center;
  position: relative;
  font-weight: 700;
  width: 100%;
}
.sideeffect-list h2::before {
  content: "";
  display: block;
  width: 230px;
  height: 2px;
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
  position: absolute;
  left: calc(50% - 115px);
  top: 0;
}
.sideeffect-list .list {
  width: calc(50% - 20px);
  margin-bottom: 40px;
}
.sideeffect-list .list h3 {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 700;
  padding: 10px 20px;
  background: #F9EA64;
  margin-bottom: 15px;
  border-radius: 0 20px 0 20px;
}
.sideeffect-list .list h3 .toggle {
  display: none;
}
.sideeffect-list .list ul {
  padding: 10px;
}
.sideeffect-list .list ul li {
  margin-bottom: 2px;
}
.sideeffect-list .list ul li a {
  border-radius: 6px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  display: block;
  padding: 10px 15px 10px 36px;
  background: #fff;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.5;
  transition: all 0.3s ease;
}
.sideeffect-list .list ul li a::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sideeffect-list .list ul li a::before {
  content: "\e907";
  width: 23px;
  height: 100%;
  background: #FFB65D;
  color: #fff;
  border-radius: 6px 0 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
}
.sideeffect-list .list ul li a b {
  display: block;
  font-size: 2rem;
}
@media (hover: hover) {
  .sideeffect-list .list ul li a:hover {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    background: #fff8b1;
  }
}
.sideeffect-list .list ul li a div span {
  white-space: nowrap;
}
.sideeffect-list .list ul li a div span.name {
  font-weight: bold;
}

/* sideeffect detail
================================================================ */
dl.sideeffects {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 40px 0;
}
dl.sideeffects dt {
  background: #FFF291;
  width: 180px;
  padding: 10px;
  float: left;
  clear: both;
  margin-bottom: 10px;
  text-align: center;
}
dl.sideeffects dd {
  padding: 10px 0 10px 200px;
  margin-bottom: 10px;
  font-weight: 700;
}
dl.sideeffects dd small {
  font-size: 1.6rem;
  font-weight: normal;
}

article.sideeffect h2 .toggle {
  display: none;
}
article.sideeffect .toggled h3:first-child {
  margin-top: 0;
}
article.sideeffect section.talk,
article.sideeffect section.one-point {
  background: #FFFCE4;
  padding: 0 40px 20px;
}
article.sideeffect section.talk h2,
article.sideeffect section.one-point h2 {
  margin: 0 -40px 20px;
  background: #FFE97E;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  padding: 15px 15px 15px 80px;
}
article.sideeffect section.talk h2::before,
article.sideeffect section.one-point h2::before {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
article.sideeffect section.talk h2::before,
article.sideeffect section.one-point h2::before {
  content: "";
  width: 70px;
  height: 160%;
  border-radius: 0 50% 50% 0;
  left: 0;
  top: -30%;
  background: #FFB65D;
  transform: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.6rem;
  font-weight: normal;
}
article.sideeffect section.talk h3,
article.sideeffect section.one-point h3 {
  padding-left: 0;
  color: #FD6C38;
  font-size: 1.8rem;
  margin: 0 0 15px;
}
article.sideeffect section.talk h3::before,
article.sideeffect section.one-point h3::before {
  content: none;
}
article.sideeffect section.talk ul,
article.sideeffect section.one-point ul {
  margin-bottom: 20px;
  border-bottom: 1px #CCCCCC solid;
  padding-bottom: 20px;
}
article.sideeffect section.talk ul li,
article.sideeffect section.one-point ul li {
  text-indent: -1em;
  padding-left: 1em;
}
article.sideeffect section.talk ul li::before,
article.sideeffect section.one-point ul li::before {
  content: "●";
  color: #FFB65D;
}
article.sideeffect section.talk p.ol:last-child, article.sideeffect section.talk ul:last-child, article.sideeffect section.talk dl:last-child, article.sideeffect section.talk table:last-child, article.sideeffect section.talk figure:last-child,
article.sideeffect section.one-point p.ol:last-child,
article.sideeffect section.one-point ul:last-child,
article.sideeffect section.one-point dl:last-child,
article.sideeffect section.one-point table:last-child,
article.sideeffect section.one-point figure:last-child {
  margin-bottom: 0;
}
article.sideeffect section.talk h2::before {
  content: "\e909";
}
article.sideeffect section.one-point h2::before {
  content: "\e908";
}

/* profile
================================================================ */
main.profile article {
  max-width: none;
  margin: 0;
  padding: 0;
}

section.profile {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1200px;
  padding: 40px 0;
  margin: 0 auto;
  -moz-column-gap: 50px;
       column-gap: 50px;
  flex-wrap: wrap;
}
section.profile .author {
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  padding: 20px;
  width: 510px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
section.profile .author .photo {
  width: 160px;
}
section.profile .author .prof {
  width: calc(100% - 180px);
}
section.profile .author .prof h2.name {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.5;
  padding: 0;
  margin-top: 0;
}
section.profile .author .prof h2.name small {
  font-size: 2rem;
}
section.profile .author .prof h2.name b {
  font-weight: normal;
  border: 1px #000 solid;
  padding: 2px 4px;
  font-size: 1.6rem;
  line-height: 1.2;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
}
section.profile .author .prof .title {
  line-height: 1.75;
  font-size: 1.6rem;
}
section.profile .history {
  width: calc(100% - 560px);
}
section.profile .history::before {
  content: "";
  display: block;
  width: 28px;
  height: 10px;
  background: #098620;
  border-radius: 0 5px 5px 0;
  margin-bottom: 15px;
}
section.profile .history p {
  line-height: 1.75;
}
section.profile:last-child {
  border-bottom: 1px #CCCCCC solid;
  padding-bottom: 80px;
}
section.profile.editors .author {
  width: calc(50% - 25px);
  margin-bottom: 50px;
}
section.profile.editors .author .prof .name {
  margin-bottom: 30px;
}

/* search result
================================================================ */
main.is-home section.search-result-container {
  padding: 60px 20px;
  max-width: 1240px;
  margin: 0 auto;
}
main.is-home section.search-result-container h2 {
  text-align: left;
  border-bottom: 1px #CCCCCC solid;
  padding-bottom: 40px;
  margin-bottom: 0;
}
main.is-home section.search-result-container .search-meta {
  margin: 0;
  padding: 0 0 20px;
  border-bottom: 1px #CCCCCC solid;
  padding: 40px 0;
}
main.is-home section.search-result-container .search-meta .result {
  font-size: 1.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
main.is-home section.search-result-container .search-meta .result b {
  font-weight: 700;
  font-size: 2.4rem;
}
main.is-home section.search-result-container .search-meta .result span {
  padding-left: 1em;
  font-size: 1.6rem;
}
main.is-home section.search-result-container .search-meta .pager {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
main.is-home section.search-result-container .search-meta .pager li a {
  border: 1px #CCCCCC solid;
  padding: 10px;
  font-size: 1.6rem;
  font-weight: 700;
  transition: all 0.3s ease;
  display: block;
}
main.is-home section.search-result-container .search-meta .pager li a.current {
  background: #098620;
  color: #fff;
  pointer-events: none;
}
@media (hover: hover) {
  main.is-home section.search-result-container .search-meta .pager li a:hover {
    background: #098620;
    color: #fff;
  }
}
main.is-home section.search-result-container .search-meta .pager li .skip {
  padding: 10px 6px;
  font-size: 1.6rem;
  font-weight: 700;
  display: block;
  background: #eee;
  border: 1px #eee solid;
}
main.is-home section.search-result-container ul.article-list li {
  border-bottom: 1px #CCCCCC solid;
}
main.is-home section.search-result-container ul.article-list li a {
  position: relative;
  padding: 20px 60px 20px 20px;
  transition: all 0.3s ease;
  min-height: 0;
}
main.is-home section.search-result-container ul.article-list li a::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
main.is-home section.search-result-container ul.article-list li a::after {
  content: "\e907";
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #098620;
  transition: all 0.3s ease;
}
main.is-home section.search-result-container ul.article-list li a .article {
  width: auto;
  padding: 0;
}
@media (hover: hover) {
  main.is-home section.search-result-container ul.article-list li a:hover {
    background: #f5f5f5;
  }
  main.is-home section.search-result-container ul.article-list li a:hover::after {
    right: 5px;
  }
}

article dl.flat.ind3 dt {
  width: 3em;
}

article dl.flat.ind3 dd {
  padding-left: 3em;
}

.related-content .summary dl dt b {
  width: auto;
  background: #e1f0b3;
}

.two-column {
  display: flex;
}
.two-column .two-column-text {
  width: auto;
  padding-right: 1em;
}
.two-column .two-column-image {
  min-width: 252px;
}
@media (max-width: 767px) {
  .two-column {
    display: block;
  }
  .two-column .two-column-text {
    width: auto;
    padding-right: 0;
  }
  .two-column .two-column-image {
    min-width: inherit;
    width: 100%;
  }
  .two-column .two-column-image img {
    width: 100%;
  }
}

.figure-column {
  display: flex;
  justify-content: center;
  gap: 0 1em;
}

.points + .notes {
  margin-top: 1em;
}

.points-kekkangai_nurse-adjust {
  margin-bottom: 1em;
}

.regular.fixed.flow-table.kekkangai_nurse td {
  vertical-align: top;
}
.regular.fixed.flow-table.kekkangai_nurse td ul li {
  list-style: disc;
  list-style-position: inside;
}

.regular.fixed.flow-table.kekkangai-table thead td {
  text-align: center;
}
.regular.fixed.flow-table.kekkangai-table tbody td {
  vertical-align: top;
}

.regular.fixed.flow-table.ogaki-left {
  text-align: left;
}
.regular.fixed.flow-table.ogaki-left th {
  text-align: left;
}

.regular.fixed.flow-table.ogaki-min {
  width: auto;
}

.ogaki-min th {
  background: #dde8ec;
}

.ogaki-min02 tr td.a-ct {
  text-align: center;
}

.asashimin-regular {
  padding-left: 1.1em;
}

.nagoya-p-adjust {
  margin-top: 1em;
}

.summary-sideeffect {
  margin-bottom: 40px;
}
.summary-sideeffect h4 {
  border: none;
  margin-top: 0;
}
.summary-sideeffect dl.reference dt {
  font-weight: 400;
  font-size: 1.4rem;
}
.summary-sideeffect ol.notes.parenthesis.reference {
  text-align: right;
}

h4.h4-no-line {
  border: none;
  margin-top: 0;
  padding-top: 0;
}

article.sideeffect section.talk .talk-ul-noline, article.sideeffect section.one-point .talk-ul-noline {
  border: none;
}

.note.note-right {
  width: 100%;
  text-align: right;
}

article table.regular.sideeffect-table {
  margin-bottom: 1em;
}
article table.regular.sideeffect-table td {
  word-break: break-all;
}
article table.regular.sideeffect-table.sideeffect-table-02 td ul, article table.regular.sideeffect-table.sideeffect-table-02 th ul {
  border-bottom: none;
  list-style: disc;
  padding-left: 1.5em;
}
article table.regular.sideeffect-table.sideeffect-table-02 td ul li, article table.regular.sideeffect-table.sideeffect-table-02 th ul li {
  list-style: disc;
  text-indent: 0;
  padding: 0;
}
article table.regular.sideeffect-table.sideeffect-table-02 td ul li:before, article table.regular.sideeffect-table.sideeffect-table-02 th ul li:before {
  content: none;
}

.regular-ol {
  padding-left: 1.3em;
}

article.sideeffect h5 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 15px;
}

article.sideeffect h6 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 15px;
}

article.sideeffect ul ul {
  margin-bottom: 0;
}

.section-label {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  background: #ffb65d;
  padding: 0.7em;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .section-label {
    font-size: 1.5rem;
  }
}

ul.regular-dot .list-num li:last-of-type {
  border-bottom: none;
}
ul.regular-dot .list-num li:before {
  content: none;
}

section.talk ul dl {
  display: flex;
  text-indent: 0;
}

.sideeffect-pc-column {
  display: flex;
  justify-content: space-between;
}
.sideeffect-pc-column .column-item figure {
  margin: 0 0 1em;
}
.sideeffect-pc-column .column-item:nth-of-type(1) {
  width: 48.4%;
}
.sideeffect-pc-column .column-item:nth-of-type(2) {
  width: 50%;
}
@media (max-width: 767px) {
  .sideeffect-pc-column {
    display: block;
  }
  .sideeffect-pc-column .column-item {
    margin-bottom: 1em;
  }
  .sideeffect-pc-column .column-item:nth-of-type(1) {
    width: 100%;
  }
  .sideeffect-pc-column .column-item:nth-of-type(2) {
    width: 100%;
  }
}

.sideeffect-table03 td {
  vertical-align: top;
}
.sideeffect-table03 td.sideeffect-table03-adjust {
  vertical-align: middle;
  text-align: center;
}

article.sideeffect section.one-point ul ul, article.sideeffect section.talk ul ul {
  list-style: disc;
  padding-left: 1.2em;
  border-bottom: none;
  padding-bottom: 0;
}
article.sideeffect section.one-point ul ul li, article.sideeffect section.talk ul ul li {
  list-style: disc;
}
article.sideeffect section.one-point ul ul li:before, article.sideeffect section.talk ul ul li:before {
  content: none;
}

figure.img-ct {
  text-align: center;
}

.sideeffect-table-04 th {
  text-align: center;
}

article.sideeffect section.one-point ul li .h4-no-line {
  margin-top: 15px;
}
article.sideeffect section.one-point ul li .h4-no-line, article.sideeffect section.one-point ul li p {
  padding-left: 1em;
}
article.sideeffect section.one-point ul.notes li:before {
  content: none;
}

article dl.reference.reference02 dd {
  padding-left: 0;
}

article .summary-sideeffect02 {
  margin-bottom: 40px;
}
article .summary-sideeffect02 p {
  margin-bottom: 0.8em;
}
article .summary-sideeffect02 .notes {
  margin-bottom: 0;
}

article ol.reference-molecular {
  text-align: left;
  width: auto;
  margin-top: 0.5em;
}

article .summary-sideeffect03 {
  margin-bottom: 40px;
}
article .summary-sideeffect03 .regular-dot {
  margin-bottom: 0;
}
article .summary-sideeffect03 .regular-dot li:last-of-type {
  border-bottom: 0;
}
article .summary-sideeffect03 dl.summary-sideeffect03-dl {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
article .summary-sideeffect03 dl.summary-sideeffect03-dl dt {
  font-size: 1.8rem;
  font-weight: 400;
  width: 5em;
}
article .summary-sideeffect03 dl.summary-sideeffect03-dl dd {
  width: calc(100% - 5em);
}
article .summary-sideeffect03 dl.reference {
  font-size: 1.4rem;
  font-weight: 400;
}
article .summary-sideeffect03 dl.reference dt {
  font-size: 1.4rem;
  font-weight: 400;
}

.talk-example dt {
  font-weight: 400;
}

.jsopp1-dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.jsopp1-dl dt {
  width: 8%;
  font-weight: 400;
}
.jsopp1-dl dd {
  width: 92%;
}
.jsopp1-dl.jsopp1-dl02 dt {
  width: 15%;
}
.jsopp1-dl.jsopp1-dl02 dd {
  width: 85%;
}
@media (max-width: 767px) {
  .jsopp1-dl {
    display: block;
  }
  .jsopp1-dl dt {
    width: 100%;
  }
  .jsopp1-dl dd {
    width: 100%;
  }
  .jsopp1-dl.jsopp1-dl02 dt {
    width: 100%;
  }
  .jsopp1-dl.jsopp1-dl02 dd {
    width: 100%;
  }
}

.jsopp1-dl-imgbox {
  display: flex;
  margin-bottom: 1em;
}
.jsopp1-dl-imgbox .jsopp1-dl {
  width: 60%;
}
.jsopp1-dl-imgbox .jsopp1-dl dt {
  width: 15%;
}
.jsopp1-dl-imgbox .jsopp1-dl dd {
  width: 85%;
}
.jsopp1-dl-imgbox .jsopp1-dl-imgbox-img {
  padding-left: 2em;
}
.jsopp1-dl-imgbox .jsopp1-dl-imgbox-img p {
  margin: 0;
}
@media (max-width: 767px) {
  .jsopp1-dl-imgbox {
    display: block;
  }
  .jsopp1-dl-imgbox .jsopp1-dl {
    width: 100%;
  }
  .jsopp1-dl-imgbox .jsopp1-dl dt {
    width: 100%;
  }
  .jsopp1-dl-imgbox .jsopp1-dl dd {
    width: 100%;
  }
  .jsopp1-dl-imgbox .jsopp1-dl-imgbox-img {
    padding-left: 0;
  }
  .jsopp1-dl-imgbox .jsopp1-dl-imgbox-img p {
    margin: 0;
  }
}

.jsopp1-img-list {
  margin-bottom: 1em;
}
.jsopp1-img-list .jsopp1-img-list-inner {
  display: flex;
}
.jsopp1-img-list .jsopp1-img-list-inner .jsopp1-img-list-inner-text p {
  display: flex;
}
.jsopp1-img-list .jsopp1-img-list-inner .jsopp1-img-list-inner-img {
  margin-left: 60px;
}
.jsopp1-img-list .jsopp1-img-list-inner .jsopp1-img-list-inner-img p {
  margin-bottom: 0;
}

.parenthesis-cat-top {
  position: relative;
  padding-top: 3em;
}
.parenthesis-cat-top span {
  position: absolute;
  top: 1.5em;
  left: 1em;
}

li + .parenthesis-cat-top {
  padding-top: 3em;
}

.listDiamond li {
  position: relative;
  padding-left: 1em;
}
.listDiamond li:before {
  content: "◆";
  position: absolute;
  top: 0;
  left: 0;
}

.listBracketsNumber {
  margin-left: 1em;
  counter-reset: bracketsNumber;
  list-style: none;
}
.listBracketsNumber li {
  position: relative;
  padding-left: 2.5em;
}
.listBracketsNumber li::before {
  counter-increment: bracketsNumber;
  content: "（" counter(bracketsNumber) "）";
  position: absolute;
  top: 0;
  left: 0;
}

.irae4-h5-disk {
  margin-bottom: 15px;
}
.irae4-h5-disk:before {
  content: "●";
}

.irae4-dl {
  display: flex;
  flex-wrap: wrap;
}
.irae4-dl dt {
  width: 5em;
}
.irae4-dl dd {
  width: calc(100% - 5em);
}

.irae4-pdf-icon img {
  width: 0.7em;
  transform: translateY(2px);
  margin-left: 4px;
}

.nyugan-ul li span {
  font-weight: 700;
}
.nyugan-ul li span:before {
  content: "■";
  font-weight: bold;
}

article .summary.nyugan-box dl dt b {
  width: auto;
  display: inline-block;
}
article .summary.nyugan-box dl dd h5 {
  font-weight: 700;
}
article .summary.nyugan-box dl dd h5:before {
  content: "■";
  font-weight: bold;
}

.ici-img-right {
  display: flex;
  margin-top: 50px;
}
.ici-img-right .regular-dot {
  padding-right: 1em;
  width: 80%;
}
@media (max-width: 767px) {
  .ici-img-right {
    display: block;
  }
}

.ici-bg-b {
  background: #00a0eb;
  color: #fff;
  padding: 0px 7px;
  display: inline-block;
}

.ici-bg-p {
  background: #ff008c;
  color: #fff;
  padding: 0px 7px;
  display: inline-block;
}

body.approvalPage .site-header header .global-nav,
body.approvalPage .site-header header .primary .function,
body.approvalPage .site-header header .search {
  display: none;
}
body.approvalPage .approvalSection {
  width: 1040px;
  margin: 0 auto;
  padding: 60px 0;
}
body.approvalPage .approvalSection .cautionWrap {
  margin-bottom: 60px;
}
body.approvalPage .approvalSection .cautionWrap .cautionList {
  margin-left: 1.5em;
}
body.approvalPage .approvalSection .cautionWrap .cautionList li {
  font-size: 16px;
  list-style: disc;
  line-height: 1.5;
}
body.approvalPage .approvalSection .approvalTitle {
  font-size: 36px;
  font-weight: 700;
  color: #098620;
  margin-bottom: 40px;
  text-align: center;
}
body.approvalPage .approvalSection .approvalBox {
  padding: 30px 40px;
  border-radius: 15px;
  margin-bottom: 15px;
}
body.approvalPage .approvalSection .approvalBox .approvalAnswer {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.5;
}
body.approvalPage .approvalSection .approvalBox .approvalAnswer .small {
  font-size: 20px;
}
body.approvalPage .approvalSection .approvalBox p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}
body.approvalPage .approvalSection .approvalBox ul li a {
  display: block;
  background: #fff;
  padding: 20px 35px 24px 35px;
  font-weight: 500;
  font-size: 18px;
  border-radius: 5px;
  box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
  position: relative;
  transition: all 0.3s ease;
  border: 2px solid #098620;
  text-align: center;
}
body.approvalPage .approvalSection .approvalBox ul li a::before {
  content: "→";
  display: block;
  width: 32px;
  height: 32px;
  color: #098620;
  position: absolute;
  left: 5px;
  top: calc(50% - 17px);
  font-weight: 900;
  border-radius: 50%;
  text-indent: 10px;
  line-height: 30px;
  transform: scaleX(80%);
  transition: all 0.3s ease;
}
body.approvalPage .approvalSection .approvalBox ul li a:hover {
  background: #f5f5f5;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}
body.approvalPage .approvalSection .approvalBox ul li a:hover::before {
  left: 10px;
}
body.approvalPage .approvalSection .approvalBox.approvalNo {
  background: #eee;
}
body.approvalPage .approvalSection .approvalBox.approvalNo ul li {
  width: -moz-fit-content;
  width: fit-content;
}
body.approvalPage .approvalSection .approvalBox.approvalNo ul li a {
  padding: 20px 45px 24px;
}
body.approvalPage .approvalSection .approvalBox.approvalYes {
  background-color: #ECF8C9;
  padding-bottom: 20px;
}
body.approvalPage .approvalSection .approvalBox.approvalYes ul {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: space-between;
}
body.approvalPage .approvalSection .approvalBox.approvalYes ul li {
  width: calc((100% - 30px) / 4);
  margin-bottom: 10px;
}

main.is-home .main-visual {
  background: url(/oncology/assets/img/home/mainvisual.webp) no-repeat center;
  background-size: cover;
  padding: 40px 40px 30px;
  margin-bottom: 40px;
}
main.is-home .main-visual h1 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4;
}
main.is-home .main-visual h1 span {
  font-size: 2rem;
}
main.is-home .main-visual h1 strong {
  color: #098620;
  font-weight: 700;
}
main.is-home .main-visual .authors-block {
  margin: 0 auto;
}
main.is-home section h2 {
  font-size: 32px;
  line-height: 1.4;
  margin-bottom: 40px;
  font-weight: 700;
  text-align: center;
}
main.is-home section.categories {
  position: relative;
  max-width: 1240px;
  padding: 40px 20px 60px;
  margin: 0 auto;
}
main.is-home section.categories::before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 4px;
  background: url(/oncology/assets/img/colorbar.svg) no-repeat center top;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
main.is-home section.latest {
  background: url(/oncology/assets/img/home/homebg.webp) no-repeat center;
  background-size: cover;
  padding: 40px 20px;
}
main.is-home section ul.categories-list {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: stretch;
}
main.is-home section ul.categories-list a {
  display: block;
  padding: 25px 40px 10px;
  border-radius: 10px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  height: 100%;
  position: relative;
  transition: all 0.3s ease;
}
main.is-home section ul.categories-list a::after {
  font-family: "oncology";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
main.is-home section ul.categories-list a .icn {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: #fff;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
  margin: 0 auto 20px;
  padding: 14px;
}
main.is-home section ul.categories-list a small {
  display: block;
  font-size: 1.8rem;
}
main.is-home section ul.categories-list a::after {
  content: "\e907";
  width: 44px;
  height: 44px;
  border-radius: 4px 0 0 4px;
  background: #000;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 20px;
  font-weight: normal;
  font-size: 1.4rem;
  text-align: center;
  line-height: 44px;
  transform: none;
  top: auto;
}
@media (hover: hover) {
  main.is-home section ul.categories-list a:hover {
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.1);
    left: 2px;
    top: 2px;
  }
}
main.is-home section ul.categories-list li {
  flex: 1;
  line-height: 1.4;
}
main.is-home section ul.categories-list li.regimen a {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
main.is-home section ul.categories-list li.regimen a::after {
  background-color: #80B50C;
}
main.is-home section ul.categories-list li.column a {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
main.is-home section ul.categories-list li.column a::after {
  background-color: #8D71CC;
}
main.is-home section ul.categories-list li.sideeffect a {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
main.is-home section ul.categories-list li.sideeffect a::after {
  background-color: #F88B47;
}
main.is-home section ul.article-list {
  max-width: 1200px;
  margin: 0 auto;
  /*
  li{margin-bottom:4px;
      a{display:flex; background:rgba(255, 255, 255, 0.60); backdrop-filter:blur(10px); padding:30px 20px 30px 140px; position:relative; min-height:187px; transition:background .3s ease;
          .photo{width:100px; height:auto; position:absolute; left:20px; top:auto;}
          .meta{line-height:1.4; font-size:1.4rem; margin-bottom:10px;
              i{font-size:1.2rem; padding:2px; min-width:120px; text-align:center; display:inline-block; border-radius:4px; margin-left:10px;
                  &.regimen{background:b.$g-regimen;}
                  &.column{background:b.$g-column;}
                  &.sideeffect{background:b.$g-sideeffect;}
              }
          }
          .title{font-size:2.2rem; line-height:1.4; font-weight:700; margin-bottom:5px;}
          .author{line-height:1.5; margin-bottom:5px; font-size:1.6rem;
              b{padding-left:.5em; font-size:1.8rem; font-weight:700;}
              .space{padding-left:.5em;}
          }
          .outline{line-height:1.75;}
          @media (hover: hover) {
              &:hover {background:rgba(255,255,255,.9);}
          }	
      }
  }
  */
}
main.is-home section ul.article-list li {
  margin-bottom: 4px;
}
main.is-home section ul.article-list li a {
  display: flex;
  background: rgba(255, 255, 255, 0.6);
  flex-wrap: wrap;
  transition: background 0.3s ease;
}
main.is-home section ul.article-list li a .article {
  padding: 20px;
  width: calc(100% - 360px);
  line-height: 1.5;
}
main.is-home section ul.article-list li a .article .meta {
  margin-bottom: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
main.is-home section ul.article-list li a .article .meta i {
  font-size: 1.2rem;
  padding: 2px;
  min-width: 120px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  margin-left: 10px;
}
main.is-home section ul.article-list li a .article .meta i.regimen {
  background: linear-gradient(90deg, #97CA2C 0%, #E5EE7A 100%);
}
main.is-home section ul.article-list li a .article .meta i.column {
  background: linear-gradient(90deg, #B5A0E5 0%, #A0CCE3 100%);
}
main.is-home section ul.article-list li a .article .meta i.sideeffect {
  background: linear-gradient(270deg, #F9EA64 0%, #FFB65D 100%);
}
main.is-home section ul.article-list li a .article .title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
}
main.is-home section ul.article-list li a .article .desc {
  font-size: 1.6rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 15px;
}
main.is-home section ul.article-list li a .author {
  padding: 20px;
  border-left: 1px #CCCCCC solid;
  width: 360px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main.is-home section ul.article-list li a .author .photo {
  width: 95px;
}
main.is-home section ul.article-list li a .author .prof {
  line-height: 1.5;
}
main.is-home section ul.article-list li a .author .prof .division {
  font-size: 1.6rem;
}
main.is-home section ul.article-list li a .author .prof .name {
  font-size: 2rem;
  font-weight: 700;
}
main.is-home section ul.article-list li a .author .prof .name span {
  font-size: 1.4rem;
  font-weight: 400;
}
main.is-home section ul.article-list li a .author:has(.photo) .prof {
  width: calc(100% - 110px);
}
main.is-home section ul.article-list li a .author.multi {
  padding: 10px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
main.is-home section ul.article-list li a .author.multi .photo {
  display: none;
}
main.is-home section ul.article-list li a .author.multi .prof {
  width: 100%;
}
main.is-home section ul.article-list li a .author.multi .prof .division {
  font-size: 1.4rem;
}
main.is-home section ul.article-list li a .author.multi .prof .division span {
  display: inline-block;
  width: 1em;
}
main.is-home section ul.article-list li a .author.multi .prof:not(:last-of-type) {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px #ccc solid;
}
@media (hover: hover) {
  main.is-home section ul.article-list li a:hover {
    background: rgba(255, 255, 255, 0.9);
  }
}

@media (max-width: 767px) {
  .page-wrapper {
    overflow: hidden;
    padding-top: 56px;
    min-width: 375px;
  }
  .site-header {
    position: fixed;
    left: 0;
    top: 0;
  }
  .site-header header {
    height: 54px;
  }
  .site-header header .primary {
    height: 54px;
    margin-bottom: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
  }
  .site-header header .primary::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/oncology/assets/img/colorbar.svg) no-repeat center bottom;
    background-size: contain;
  }
  .site-header header .primary .site-logo {
    width: 200px;
    padding: 10px 15px;
    display: block;
  }
  .site-header header .primary .site-logo .site {
    width: 170px;
    padding-right: 0;
  }
  .site-header header .primary .site-logo .corp {
    display: none;
  }
  .site-header header .primary .function {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    width: calc(100% - 200px);
    align-items: flex-start;
  }
  .site-header header .primary .function .contact {
    width: 72px;
    height: 50px;
    padding: 4px 0;
    background: transparent;
    display: none;
  }
  .site-header header .primary .function .contact a {
    display: block;
    height: 42px;
    font-size: 0.9rem;
    text-align: center;
  }
  .site-header header .primary .function .contact a::before {
    font-size: 1.8rem;
    display: block;
    margin: 0 auto;
  }
  .site-header header .primary .function .nav-toggle {
    display: block;
    width: 50px;
    height: 50px;
    padding: 4px;
    position: relative;
    background: url(/oncology/assets/img/txt_menu.svg) center calc(100% - 10px) no-repeat;
    background-size: 20px auto;
  }
  .site-header header .primary .function .nav-toggle::after {
    content: "";
    width: 18px;
    height: 2px;
    background: #098620;
    position: absolute;
    left: calc(50% - 9px);
    top: calc(50% - 5px);
    transition: width 0.3s ease;
  }
  .site-header header .primary .function .nav-toggle a {
    display: block;
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
  }
  .site-header header .primary .function .nav-toggle a::before, .site-header header .primary .function .nav-toggle a::after {
    content: "";
    height: 2px;
    background: #098620;
    position: absolute;
    transition: all 0.3s ease;
  }
  .site-header header .primary .function .nav-toggle a::before {
    width: 18px;
    left: calc(50% - 9px);
    top: 10px;
  }
  .site-header header .primary .function .nav-toggle a::after {
    width: 10px;
    left: calc(50% - 1px);
    top: 22px;
  }
  .site-header header .primary .function .nav-toggle.open::after {
    width: 0;
  }
  .site-header header .primary .function .nav-toggle.open a::before {
    width: 18px;
    left: calc(50% - 9px);
    top: 16px;
    transform: rotate(45deg);
  }
  .site-header header .primary .function .nav-toggle.open a::after {
    width: 18px;
    left: calc(50% - 9px);
    top: 16px;
    transform: rotate(-45deg);
  }
  .site-header header .global-nav {
    min-width: 375px;
    position: fixed;
    left: 0;
    top: 54px;
    display: none;
    z-index: 3;
    height: calc(100dvh - 54px);
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .site-header header .global-nav ul {
    max-width: none;
    display: block;
    border-left: none;
    padding: 20px 0;
    background: #F5F5F5;
  }
  .site-header header .global-nav ul li {
    flex: none;
    border: none;
    border-bottom: 1px #fff solid;
  }
  .site-header header .global-nav ul li a {
    text-align: left;
    padding: 16px 16px 16px 80px;
    background: #F5F5F5;
  }
  .site-header header .global-nav ul li a::before {
    width: 16px;
    height: 2px;
    position: absolute;
    left: 40px;
    top: calc(50% - 1px);
  }
  .site-header header .global-nav ul li a.active {
    background: #F5F5F5 !important;
  }
  .site-header header .global-nav ul li:first-child {
    border-top: 1px #fff solid;
  }
  .site-header header .global-nav ul li.news, .site-header header .global-nav ul li.contact {
    display: block;
  }
  .site-header header .global-nav ul li.top a.active {
    color: #000;
  }
  .site-header header .search {
    padding: 2px;
    max-width: none;
    position: relative;
    top: 6px;
    left: 190px;
    bottom: auto;
    width: calc(100% - 235px);
    z-index: 2;
  }
  .site-header header .search div input {
    width: calc(100% - 36px);
    border-radius: 4px 0 0 4px;
    height: 36px;
    padding-left: 10px;
    background: #fff url(/oncology/assets/img/search-ph.png) no-repeat left center;
    background-size: contain;
  }
  .site-header header .search div button {
    width: 36px;
    height: 36px;
    border-radius: 0 4px 4px 0;
  }
  .site-header header .search div button::before {
    line-height: 34px;
    left: 0;
    top: 0;
    font-size: 2rem;
  }
  aside.cta {
    padding: 15px;
  }
  aside.cta .contact-point {
    width: auto;
    padding: 4vw 0;
  }
  aside.cta .contact-point dl dt {
    margin-bottom: 2vw;
    font-size: 4.5vw;
    padding-right: 4vw;
  }
  aside.cta .contact-point dl dt b {
    padding: 1vw 4vw;
    font-size: 3.5vw;
  }
  aside.cta .contact-point dl dd {
    padding: 0 4vw;
  }
  aside.cta .contact-point dl dd .freecall {
    padding-bottom: 15px;
  }
  aside.cta .contact-point dl dd .note {
    font-size: 3.5vw;
    margin-bottom: 4vw;
  }
  aside.cta .contact-point dl dd .note b {
    font-size: 4.5vw;
    display: block;
  }
  aside.cta .contact-point dl dd .note br {
    display: none;
  }
  aside.cta .contact-point dl dd .btn {
    border-radius: 4px;
  }
  aside.cta .contact-point dl dd .btn a {
    padding: 3vw 10vw;
    font-size: 4vw;
  }
  aside.cta .contact-point dl dd .btn a::before {
    font-size: 6vw;
    left: 4vw;
  }
  .site-footer footer {
    max-width: none;
    display: block;
    padding: 40px 5px 70px;
  }
  .site-footer footer .cp-logo {
    width: 135px;
    margin: 0 auto;
  }
  .site-footer footer ul {
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .site-footer footer ul li {
    font-size: 1.2rem;
    padding: 0 1.25rem;
    margin-bottom: 1.5rem;
  }
  .site-footer footer ul li:not(:first-child) {
    border-left: 1px #CCCCCC solid;
  }
  .site-footer footer ul li:last-child {
    padding-right: 0;
  }
  .site-footer footer ul li:hover {
    text-decoration: underline;
  }
  .site-footer footer ul li img {
    width: 1.2rem;
  }
  .site-footer footer .copyright {
    text-align: center;
    font-size: 0.9rem;
    margin-top: 15px;
  }
  .site-footer .page-top {
    width: 100%;
    max-width: none;
    height: 40px;
    position: fixed;
    left: 0;
    transform: none;
    bottom: 0;
  }
  .site-footer .page-top a {
    width: 40px;
    height: 100%;
    background: url(/oncology/assets/img/pagetop.svg) no-repeat center;
    background-size: cover;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.3s ease;
    float: right;
  }
}
@media (max-width: 767px) and (hover: hover) {
  .site-footer .page-top a:hover {
    opacity: 0.5;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    max-width: none;
    padding: 10px 15px;
    overflow: auto;
  }
  .breadcrumbs ul {
    display: flex;
    justify-content: flex-start;
    padding-right: 15px;
  }
  .breadcrumbs ul li {
    font-size: 1rem;
    white-space: nowrap;
  }
  .index-header {
    padding: 20px 10px 10px;
    display: block;
  }
  .index-header h1 {
    font-size: 2.4rem;
    position: relative;
    width: auto;
    left: auto;
    transform: none;
    padding-left: 15px;
    margin-bottom: 20px;
  }
  .index-header h1::before {
    width: 6px;
    height: 2.4rem;
  }
  .index-header h1 .title-foot {
    font-size: 1.6rem;
  }
  .index-header.general {
    padding: 25px 10px;
  }
  .index-header.general h1 {
    margin: 0;
  }
  .article-header {
    margin-bottom: 20px;
  }
  .article-header::before {
    left: 0x;
    height: 4px;
  }
  .article-header .primary {
    display: block;
    padding: 0;
    position: relative;
  }
  .article-header .primary .article {
    width: calc(100% - 120px);
    padding: 10px 5px 10px 0;
    position: relative;
  }
  .article-header .primary .article::after {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 20px);
    right: 0;
    top: 10px;
    position: absolute;
    background: #ccc;
  }
  .article-header .primary .article .meta {
    margin-bottom: 5px;
  }
  .article-header .primary .article .meta i {
    font-size: 1.2rem;
    min-width: 0;
    padding: 2px 10px 3px;
  }
  .article-header .primary .article h1 {
    font-size: 2rem;
    padding-right: 0.5em;
  }
  .article-header .primary .article h1 .class {
    font-size: 1.6rem;
    padding: 2px 12px 4px;
    top: -0.2em;
  }
  .article-header .primary .article .date {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
  .article-header .primary .authors {
    width: auto;
    border-width: 1px 0 0;
    padding: 10px 0;
  }
  .article-header .primary .authors .author .photo {
    width: 65px;
  }
  .article-header .primary .authors .author .prof b {
    font-size: 1.2rem;
    max-width: 38px;
  }
  .article-header .primary .authors .author .prof .division {
    font-size: 1.2rem;
    margin: 0 0 5px 0;
  }
  .article-header .primary .authors .author .prof .name {
    font-size: 1.4rem;
  }
  .article-header .primary .authors .author .prof .name span {
    font-size: 1.2rem;
  }
  .article-header .primary .authors .author:has(.photo) .prof {
    width: calc(100% - 75px);
  }
  .article-header .primary .authors .author:has(.photo) .prof .division {
    font-size: 1.2rem;
    margin: 5px 0;
  }
  .article-header .primary .switch {
    width: 110px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px 0;
  }
  .article-header .primary .switch a {
    padding: 10px 20px 10px 10px;
    font-size: 1.5rem;
    width: 100%;
  }
  .article-header .primary .switch a::after {
    right: 5px;
    font-size: 1rem;
    width: 1.2rem;
  }
  .article-header .course {
    padding: 30px 0;
  }
  .article-header .course dl {
    display: block;
    margin-bottom: 30px;
  }
  .article-header .course dl dt {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 10px;
    width: auto;
  }
  .article-header .course dl dd {
    padding-left: 0;
    font-size: 1.6rem;
    width: auto;
  }
  .article-header .anchor-nav dl dt {
    font-size: 1.6rem;
    padding: 5px 10px;
    border-radius: 0 0 10px 0;
  }
  .article-header .anchor-nav dl dd {
    padding: 10px;
  }
  .article-header .anchor-nav dl dd ul {
    flex-wrap: wrap;
  }
  .article-header .anchor-nav dl dd ul li {
    width: calc(50% - 5px);
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .article-header .anchor-nav dl dd ul li b {
    font-size: 1.6rem;
  }
  .article-header .anchor-nav dl dd ul li a {
    padding: 10px 15px 10px 10px;
    border-width: 1px;
    text-align: left;
  }
  .article-header .anchor-nav dl dd ul li a::after {
    right: 5px;
    font-size: 1rem;
    width: 10px;
  }
  .article-header .anchor-nav dl dd:last-of-type ul li {
    font-size: 1.6rem;
  }
  .article-header .link-pdf {
    padding-bottom: 0;
    padding: 20px 0 0;
    display: block;
  }
  .article-header .link-pdf a {
    padding: 10px 10px;
    min-width: 140px;
    font-size: 1.4rem;
  }
  .article-header .link-pdf a img {
    width: 16px;
    left: 6px;
  }
  .article-header .link-pdf p.pdf-note {
    margin: 10px 0 0 0;
    font-size: 1.2rem;
  }
  .article-header .link-pdf .iphone-print-msg {
    font-size: 12px;
    margin: 5px 0;
  }
  .article-header .link-pdf .iphone-print-msg dt {
    font-weight: normal;
    color: #666;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 5px;
  }
  .article-header .link-pdf .iphone-print-msg dt::after {
    content: "?";
    text-align: center;
    background-color: #666;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -1px;
  }
  .article-header .link-pdf .iphone-print-msg dd {
    display: none;
  }
  article.column .article-header .article,
  article.sideeffect .article-header .article {
    width: auto;
    padding: 15px 0;
  }
  article.column .article-header .article::after,
  article.sideeffect .article-header .article::after {
    content: none;
  }
  article.column .article-header .article h1,
  article.sideeffect .article-header .article h1 {
    padding: 0;
  }
  article.column .article-header .authors,
  article.sideeffect .article-header .authors {
    border-right: 0;
  }
  /* genre top
  ================================================================ */
  .filter-conditions.regimen {
    padding: 10px 10px 0;
  }
  .filter-conditions.regimen::before {
    height: 3px;
  }
  .filter-conditions.regimen + .filter-conditions::after {
    height: 3px;
  }
  .filter-conditions.regimen p.title {
    max-width: none;
    margin: 0 auto 5px;
    font-size: 1.6rem;
    text-align: center;
  }
  .filter-conditions.regimen p.title b {
    font-size: 1.8rem;
  }
  .filter-conditions.regimen p.title::before {
    font-size: 2rem;
  }
  .filter-conditions.regimen .check-list {
    max-width: none;
    margin: 0 auto 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .filter-conditions.regimen .check-list li {
    width: calc((100% - 20px) / 3);
    margin-bottom: 10px;
  }
  .filter-conditions.regimen .check-list li label {
    padding: 12px 4px;
    font-size: 1.2rem;
  }
  .filter-conditions.regimen .check-list li label::before {
    content: none;
  }
  .filter-conditions.regimen .more a {
    background-position: calc(100% - 10px) 8px;
    background-size: 20px auto;
    padding: 8px 34px 8px 16px;
    font-size: 1.2rem;
    min-width: 100px;
    border-radius: 4px 4px 0 0;
  }
  .filter-conditions.column {
    padding: 30px 0 0;
  }
  .filter-conditions.column::before {
    width: 120px;
    left: calc(50% - 60px);
  }
  .filter-conditions.column p.title {
    font-size: 1.4rem;
  }
  .filter-conditions.column .column-categories {
    padding: 0 10px;
  }
  .filter-conditions.column .check-list {
    max-width: none;
    padding: 20px 0;
  }
  .filter-conditions.column .check-list li {
    width: calc((100% - 10px) / 3);
  }
  .filter-conditions.column .check-list li label {
    padding: 8px;
    font-size: 1.2rem;
  }
  .filter-conditions.column .check-list li:first-child {
    width: 100%;
  }
  .filter-conditions.regimen .check-list.cancer li:nth-child(n+7) {
    display: none;
  }
  .filter-conditions.regimen .check-list.medicine li:nth-child(n+7) {
    display: none;
  }
  .filter-conditions.regimen .check-list.show-all.cancer li:nth-child(n+7) {
    display: block;
  }
  .filter-conditions.regimen .check-list.show-all.medicine li:nth-child(n+7) {
    display: block;
  }
  .search-result .conditions {
    max-width: none;
    padding: 20px 15px;
  }
  .search-result .conditions dl {
    display: block;
    font-size: 1.6rem;
  }
  .search-result .conditions dl dt {
    float: left;
    clear: both;
    width: 4em;
  }
  .search-result .conditions dl dd {
    padding: 0 0 0 4em;
  }
  .search-result .article-list ul {
    max-width: none;
    padding: 20px;
  }
  .search-result .article-list ul li {
    margin-bottom: 4px;
  }
  .search-result .article-list ul li a {
    display: block;
  }
  .search-result .article-list ul li a .article {
    padding: 10px;
    width: auto;
  }
  .search-result .article-list ul li a .article .meta i {
    font-size: 1.2rem;
    min-width: 80px;
    padding: 2px 8px 3px;
  }
  .search-result .article-list ul li a .article .meta i.medicine {
    display: none;
  }
  .search-result .article-list ul li a .article .title {
    font-size: 1.8rem; /*overflow:hidden;  display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;*/
  }
  .search-result .article-list ul li a .article .desc {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .search-result .article-list ul li a .author {
    padding: 10px;
    border-left: 0;
    border-top: 1px #CCCCCC solid;
    width: auto;
  }
  .search-result .article-list ul li a .author .photo {
    width: 50px;
  }
  .search-result .article-list ul li a .author .prof .division {
    font-size: 1.4rem;
  }
  .search-result .article-list ul li a .author .prof .name {
    font-size: 1.6rem;
  }
  .search-result .article-list ul li a .author .prof .name span {
    font-size: 1.2rem;
  }
  .search-result .article-list ul li a .author.multi {
    padding: 10px;
    display: block;
  }
  .search-result .article-list ul li a .author.multi .prof {
    width: auto;
  }
  .search-result .article-list ul li a .author.multi:has(.photo) .prof {
    width: auto;
  }
  .search-result .article-list ul li a .author:has(.photo) .prof {
    width: calc(100% - 60px);
  }
  article {
    max-width: none;
    padding: 0 15px;
    margin: 0 auto 40px;
  }
  article section {
    margin-bottom: 60px;
  }
  article h2 {
    padding: 10px 15px;
    font-size: 1.8rem;
    border-radius: 0 14px 0 14px;
    margin-bottom: 15px;
  }
  article h3 {
    padding: 0 0 0 10px;
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  article h3::before {
    width: 6px;
    top: 1px;
  }
  article p {
    font-size: 1.6rem;
  }
  article p.note {
    font-size: 1.4rem;
  }
  article figure {
    margin-bottom: 30px;
  }
  article figure figcaption {
    font-size: 1.4rem;
    margin: 10px 0;
  }
  article figure.dose figcaption {
    font-size: 1.8rem;
    padding-left: 18px;
    line-height: 1.2;
  }
  article figure.dose figcaption::before {
    width: 8px;
  }
  article figure.dose .table-notes {
    padding: 30px 0 0;
  }
  article ul {
    margin-bottom: 40px;
  }
  article ul li {
    font-size: 1.6rem;
  }
  article ul.notes li {
    font-size: 1.2rem;
  }
  article ul.link-btns li a {
    padding: 1em 2.5em 1em 1.5em;
  }
  article ul.link-btns li a::after {
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
  }
  article ul.link-btns.duo, article ul.link-btns.trio, article ul.link-btns.quad {
    display: block;
  }
  article ul.link-btns.duo li, article ul.link-btns.trio li, article ul.link-btns.quad li {
    width: auto;
  }
  article ol {
    margin-bottom: 40px;
  }
  article ol li {
    font-size: 1.6rem;
  }
  article ol.notes li {
    font-size: 1.2rem;
  }
  article dl {
    margin-bottom: 40px;
    font-size: 1.6rem;
  }
  article dl.notes {
    font-size: 1.2rem;
  }
  article dl dt {
    font-weight: 700;
  }
  article dl dd {
    margin-bottom: 1em;
  }
  article dl.flat.flat-on-pc dt {
    float: none;
  }
  article dl.flat.flat-on-pc.ind7 dt {
    width: auto;
  }
  article dl.flat.flat-on-pc.ind7 dd {
    padding-left: 1em;
  }
  article dl.reference {
    font-size: 1.2rem;
  }
  article table {
    margin-bottom: 40px;
  }
  article table.regular th, article table.regular td {
    font-size: 1.4rem;
    padding: 8px;
  }
  article table.major-sideeffects {
    width: 100%;
    margin-top: 0;
  }
  article table.major-sideeffects th, article table.major-sideeffects td {
    font-size: 1.2rem;
    padding: 8px;
  }
  article table.major-sideeffects th li, article table.major-sideeffects td li {
    font-size: 1.2rem;
  }
  article table.major-sideeffects tbody th {
    font-size: 1.6rem;
  }
  article table.major-sideeffects tbody .subjective-symptom {
    padding: 6px;
    margin: 15px;
    font-size: 1.2rem;
  }
  article table.major-sideeffects tbody .examination {
    padding: 6px;
    margin: 15px;
    font-size: 1.2rem;
  }
  article table.major-sideeffects tbody .expression-time {
    padding: 5px;
    font-size: 1rem;
    margin: 15px;
  }
  article .table-notes {
    margin: -20px 0 40px;
  }
  article .flow-table-container {
    overflow: hidden;
    overflow-x: auto;
    margin-right: -15px;
    margin-bottom: 40px;
    position: relative;
  }
  article .flow-table-container::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 86px;
    height: 66px;
    transform: translate(-50%, -50%);
    background: url(/oncology/assets/img/flick.webp) no-repeat center;
  }
  article .flow-table-container .scroller {
    width: 900px;
    padding-right: 15px;
  }
  article .flow-table-container .scroller table {
    margin-bottom: 0;
  }
  article .flow-table-container.scroll-done::after {
    display: none;
  }
  article .points,
  article .summary {
    padding: 15px;
  }
  article .points dl dt,
  article .summary dl dt {
    font-size: 1.8rem;
    margin-bottom: 15px;
    display: block;
  }
  article .points dl dt b,
  article .summary dl dt b {
    width: auto;
    padding: 6px;
    margin: 0 0 10px;
  }
  article .mc {
    display: block;
  }
  article .mc .col {
    margin: 0 0 20px 0;
  }
  article .mc.duo .col, article .mc.trio .col, article .mc.quad .col {
    width: auto;
  }
  article .author-box {
    padding-bottom: 20px;
    border-bottom: 1px #CCCCCC dotted;
  }
  article .author-box p {
    margin: 0;
    padding-right: 2em;
    width: 80%;
    font-size: 1.4rem;
  }
  article .author-box p b {
    font-size: 1.8rem;
  }
  article .author-box img {
    width: 20%;
  }
  article .author-box .img-pop-container {
    width: 20%;
  }
  article .author-box .img-pop-container img {
    width: 100%;
  }
  div.return-top {
    padding: 10px;
  }
  div.return-top a {
    min-width: 0;
    width: 80%;
    padding: 10px;
    font-size: 1.6rem;
  }
  div.return-top a::before {
    left: 10px;
  }
  aside.related {
    max-width: none;
    padding: 30px 0;
    margin: 0 15px;
  }
  aside.related h2 {
    margin: 0 auto 20px;
    font-size: 1.8rem;
  }
  aside.related ul.regimens-list {
    -moz-column-gap: 8px;
         column-gap: 8px;
    align-items: stretch;
  }
  aside.related ul.regimens-list li {
    margin-bottom: 10px;
    font-size: 1.2rem;
    width: calc((100% - 16px) / 3);
    line-height: 1.3;
  }
  aside.related ul.regimens-list li a {
    padding: 6px 5px 6px 16px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  aside.related ul.regimens-list li a::before {
    left: 5px;
    font-size: 1rem;
  }
  aside.related ul.related-list {
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
  aside.related ul.related-list li a {
    padding: 0 30px;
  }
  aside.related ul.related-list .slick-arrow {
    width: 22px;
    height: 70px;
    top: calc(50% - 20px);
  }
  aside.related ul.related-list .slick-arrow::after {
    font-size: 1.2rem;
    width: 22px;
  }
  aside.related ul.related-list .slick-arrow.slick-prev {
    left: -15px;
    border-radius: 6x 0 0 6px;
  }
  aside.related ul.related-list .slick-arrow.slick-next {
    right: -15px;
    border-radius: 0 6px 5px 0;
  }
  aside.related ul.related-list .slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  aside.related ul.related-list .slick-dots li::after, aside.related ul.related-list .slick-dots li::before {
    content: none;
  }
  aside.related ul.related-list .slick-dots li button {
    border: 0 none;
    background: #ccc none;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 0;
  }
  aside.related ul.related-list .slick-dots li.slick-active button {
    background: #000;
  }
  .basic-notices {
    padding: 15px;
    max-width: none;
  }
  .basic-notices ul li {
    font-size: 1.2rem;
    margin: 0.25rem 0;
  }
  .basic-notices .column-notice {
    width: auto;
  }
  .basic-notices .column-notice p.note {
    font-size: 1.2rem;
  }
  .authors-block {
    width: auto;
    padding: 0;
    align-items: flex-start;
  }
  .authors-block .author {
    position: relative;
    padding: 10px;
  }
  .authors-block .author .photo {
    width: 54px;
    height: 54px;
    left: 10px;
    top: 10px;
  }
  .authors-block .author .name {
    margin-bottom: 10px;
    padding-left: 65px;
    font-size: 1.2rem;
    min-height: 54px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .authors-block .author .name b {
    font-size: 1.4rem;
  }
  .authors-block .author .title {
    font-size: 1rem;
  }
  .authors-block .author .link a {
    display: block;
    font-size: 1.2rem;
    padding: 4px 20px 4px 10px;
    width: -moz-fit-content;
    width: fit-content;
    float: right;
  }
  .authors-block .author .link a::after {
    font-size: 1rem;
  }
  .authors-block:not(:has(.author + .author)) {
    width: auto;
  }
  .authors-block:not(:has(.author + .author)) .author:only-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .authors-block:not(:has(.author + .author)) .author:only-child .photo {
    position: static;
  }
  .authors-block:not(:has(.author + .author)) .author:only-child .name {
    width: calc(50% - 54px);
    padding: 0 0 0 15px;
    margin: 0;
  }
  .authors-block:not(:has(.author + .author)) .author:only-child .link {
    width: 100%;
    padding-left: calc(50% + 10px);
  }
  .authors-block:not(:has(.author + .author)) .author:only-child .link a {
    float: none;
  }
  .authors-block:not(:has(.author + .author)) .author:only-child .title {
    width: 50%;
    margin: 0;
    padding-left: 10px;
  }
  .authors-block:has(.authors-list) {
    display: block;
  }
  .authors-block:has(.authors-list) .author {
    width: auto;
  }
  .authors-block:has(.authors-list) .author:not(:has(.authors-list)) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .authors-block:has(.authors-list) .author:not(:has(.authors-list)) .photo {
    position: static;
  }
  .authors-block:has(.authors-list) .author:not(:has(.authors-list)) .name {
    width: calc(50% - 54px);
    padding: 0 0 0 15px;
    margin: 0;
  }
  .authors-block:has(.authors-list) .author:not(:has(.authors-list)) .link {
    width: 100%;
    padding-left: calc(50% + 10px);
  }
  .authors-block:has(.authors-list) .author:not(:has(.authors-list)) .link a {
    float: none;
  }
  .authors-block:has(.authors-list) .author:not(:has(.authors-list)) .title {
    width: 50%;
    margin: 0;
    padding-left: 10px;
  }
  .authors-block:has(.authors-list) .author:first-child {
    border-radius: 8px 8px 0 0;
  }
  .authors-block:has(.authors-list) .author:has(.authors-list) {
    padding-left: 10px;
    margin-top: 5px;
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .authors-block:has(.authors-list) .author .list-header {
    font-size: 1.2rem;
    width: 90px;
  }
  .authors-block:has(.authors-list) .author .authors-list {
    font-size: 1rem;
    width: calc(100% - 90px);
  }
  .authors-block:has(.authors-list) .author .authors-list b {
    font-size: 1.2rem;
  }
  .authors-block:has(.authors-list) .author .authors-list + .link {
    padding-left: calc(50% + 10px);
  }
  aside.keywd-list {
    padding: 40px 20px;
  }
  aside.keywd-list p {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
  aside.keywd-list ul {
    -moz-column-gap: 6px;
         column-gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  aside.keywd-list ul li {
    margin-bottom: 6px;
    font-size: 1.5rem;
    min-width: 0;
  }
  aside.keywd-list ul li a {
    padding: 7px 10px 9px;
    display: block;
    transition: all 0.3s ease;
  }
  .img-flow-container {
    overflow: hidden;
    overflow-x: auto;
    margin-right: -15px;
    position: relative;
    padding-right: 15px;
  }
  .img-flow-container::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 86px;
    height: 66px;
    transform: translate(-50%, -50%);
    background: url(/oncology/assets/img/flick.webp) no-repeat center;
  }
  .img-flow-container.scroll-done::after {
    display: none;
  }
  .img-flow-container img {
    max-width: 1200px;
  }
}
@media (max-width: 767px) {
  /* regimen detail
  ================================================================ */
  article.regimen .link-switch {
    padding: 20px;
    margin: 0 -15px 20px;
  }
  article.regimen .link-switch a {
    width: 100%;
    padding: 10px 10px 9px;
    font-size: 1.8rem;
  }
  article.regimen .br_ctcae {
    padding: 6px 30px 6px 10px;
    font-size: 1.4rem;
  }
  article.regimen .br_ctcae::after {
    font-size: 1.2rem;
    right: 10px;
  }
  article.regimen .ctcae-btn {
    margin: -40px 0 10px;
  }
  article.regimen .ctcae-btn a {
    font-size: 1.6rem;
    padding: 6px 24px 6px 10px;
  }
  article.regimen .ctcae-btn a::after {
    font-size: 1rem;
    right: 8px;
  }
  /* sideeffect index
  ================================================================ */
  .sideeffect-list {
    max-width: none;
    padding: 15px 15px 30px;
    display: block;
  }
  .sideeffect-list h2 {
    font-size: 2em;
    padding: 20px 20px;
  }
  .sideeffect-list h2::before {
    width: 120px;
    left: calc(50% - 60px);
  }
  .sideeffect-list .list {
    width: auto;
    margin-bottom: 20px;
  }
  .sideeffect-list .list h3 {
    font-size: 1.8rem;
    padding: 8px 40px 8px 12px;
    margin-bottom: 5px;
    border-radius: 0 10px 0 10px;
    position: relative;
  }
  .sideeffect-list .list h3 .toggle {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    background-color: #FD9438;
    content: "";
    display: block;
    text-indent: -9999px;
  }
  .sideeffect-list .list h3 .toggle::before, .sideeffect-list .list h3 .toggle::after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 11px;
  }
  .sideeffect-list .list h3 .toggle::after {
    transform: rotate(90deg);
    transition: all 0.3s ease;
  }
  .sideeffect-list .list h3 .toggle.open::after {
    transform: rotate(0deg);
  }
  .sideeffect-list .list ul {
    padding: 10px;
    display: none;
  }
  .sideeffect-list .list ul li a {
    border-radius: 4px;
    padding: 8px 10px 8px 30px;
    font-size: 1.4rem;
  }
  .sideeffect-list .list ul li a::before {
    border-radius: 4px 0 0 4px;
    font-size: 1.2rem;
    width: 20px;
  }
  .sideeffect-list .list ul li a b {
    font-size: 1.6rem;
  }
  /* sideeffect detail
  ================================================================ */
  dl.sideeffects {
    font-size: 1.6rem;
    margin: 30px 0;
  }
  dl.sideeffects dt {
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 12px;
    float: none;
  }
  dl.sideeffects dd {
    padding: 0 0 10px;
  }
  dl.sideeffects dd small {
    font-size: 1.4rem;
    display: block;
  }
  article.sideeffect section {
    margin-bottom: 20px;
  }
  article.sideeffect h2 {
    position: relative;
    padding-right: 40px;
  }
  article.sideeffect h2:first-child {
    margin-top: 0;
  }
  article.sideeffect h2 .toggle {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    position: absolute;
    right: 10px;
    top: calc(50% - 12px);
    background-color: #FD9438;
    content: "";
    display: block;
    text-indent: -9999px;
  }
  article.sideeffect h2 .toggle::before, article.sideeffect h2 .toggle::after {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 11px;
  }
  article.sideeffect h2 .toggle::after {
    transform: rotate(90deg);
    transition: all 0.3s ease;
  }
  article.sideeffect h2 .toggle.open::after {
    transform: rotate(0deg);
  }
  article.sideeffect .toggled p:last-child, article.sideeffect .toggled ul:last-child, article.sideeffect .toggled ol:last-child, article.sideeffect .toggled dl:last-child, article.sideeffect .toggled figure:last-child, article.sideeffect .toggled table:last-child {
    margin-bottom: 0;
  }
  article.sideeffect .toggled.show {
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
  article.sideeffect section.talk,
  article.sideeffect section.one-point {
    padding: 0 15px;
  }
  article.sideeffect section.talk h2,
  article.sideeffect section.one-point h2 {
    margin: 0 -15px 20px;
    padding: 8px 40px;
  }
  article.sideeffect section.talk h2::before,
  article.sideeffect section.one-point h2::before {
    width: 32px;
    font-size: 2rem;
  }
  article.sideeffect section.talk h3,
  article.sideeffect section.one-point h3 {
    font-size: 1.6rem;
    margin: 0 0 10px;
  }
  article.sideeffect section.talk ul,
  article.sideeffect section.one-point ul {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  /* profile
  ================================================================ */
  section.profile {
    display: block;
    max-width: none;
    padding: 30px 20px;
  }
  section.profile .author {
    padding: 12px;
    width: auto;
    margin-bottom: 20px;
  }
  section.profile .author .photo {
    width: 95px;
  }
  section.profile .author .prof {
    width: calc(100% - 110px);
  }
  section.profile .author .prof h2.name {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  section.profile .author .prof h2.name small {
    font-size: 1.2rem;
  }
  section.profile .author .prof h2.name b {
    padding: 2px 4px;
    font-size: 1.4rem;
  }
  section.profile .author .prof .title {
    line-height: 1.5;
    font-size: 1.2rem;
  }
  section.profile .history {
    width: auto;
  }
  section.profile .history::before {
    width: 18px;
    height: 6px;
    margin-bottom: 10px;
  }
  section.profile .history p {
    line-height: 1.6;
  }
  section.profile:last-child {
    padding-bottom: 60px;
  }
  section.profile.editors .author {
    width: auto;
    margin-bottom: 20px;
  }
  section.profile.editors .author .prof .name {
    margin-bottom: 20px;
  }
  /* search result
  ================================================================ */
  main.is-home section.search-result-container {
    padding: 30px 20px;
    max-width: none;
  }
  main.is-home section.search-result-container h2 {
    padding-bottom: 20px;
  }
  main.is-home section.search-result-container .search-meta {
    padding: 20px 0;
  }
  main.is-home section.search-result-container .search-meta .result {
    font-size: 1.6rem;
    display: block;
  }
  main.is-home section.search-result-container .search-meta .result b {
    font-size: 2rem;
  }
  main.is-home section.search-result-container .search-meta .result span {
    padding-left: 0;
    font-size: 1.4rem;
    display: block;
    padding-top: 15px;
  }
  main.is-home section.search-result-container .search-meta .pager {
    dcolumn-gap: 5px;
  }
  main.is-home section.search-result-container .search-meta .pager li a {
    padding: 6px 8px;
    font-size: 1.4rem;
  }
  main.is-home section.search-result-container .search-meta .pager li .skip {
    padding: 6px;
    font-size: 1.4rem;
  }
  main.is-home section.search-result-container ul.article-list li {
    border-bottom: 1px #CCCCCC solid;
    margin-bottom: 0;
  }
  main.is-home section.search-result-container ul.article-list li a {
    padding: 15px 30px 15px 0;
    min-height: 0;
  }
  main.is-home section.search-result-container ul.article-list li a .photo {
    left: 0;
  }
  main.is-home section.search-result-container ul.article-list li a::after {
    right: 0;
    height: calc(100% - 30px);
    top: 15px;
    background: #f5f5f5;
    transform: none;
    display: flex;
    width: 24px;
    justify-content: center;
    align-items: center;
  }
  main.is-home section.search-result-container .search-result + .search-meta {
    margin-top: -10px;
  }
  body.approvalPage .approvalSection {
    width: auto;
    padding: 40px 20px;
  }
  body.approvalPage .approvalSection .cautionWrap {
    margin-bottom: 40px;
  }
  body.approvalPage .approvalSection .cautionWrap .cautionList li {
    font-size: 14px;
  }
  body.approvalPage .approvalSection .approvalTitle {
    font-size: 20px;
    margin-bottom: 20px;
  }
  body.approvalPage .approvalSection .approvalBox {
    padding: 15px 20px;
    border-radius: 10px;
  }
  body.approvalPage .approvalSection .approvalBox .approvalAnswer {
    font-size: 20px;
    margin-bottom: 15px;
  }
  body.approvalPage .approvalSection .approvalBox .approvalAnswer .small {
    font-size: 16px;
  }
  body.approvalPage .approvalSection .approvalBox p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  body.approvalPage .approvalSection .approvalBox ul li a {
    padding: 10px 10px 12px 45px;
    line-height: 1.4;
    text-align: left;
  }
  body.approvalPage .approvalSection .approvalBox ul li a::before {
    width: 24px;
    height: 24px;
    left: 5px;
    top: calc(50% - 12px);
    line-height: 22px;
  }
  body.approvalPage .approvalSection .approvalBox.approvalNo ul li {
    width: auto;
  }
  body.approvalPage .approvalSection .approvalBox.approvalNo ul li a {
    padding: 10px 10px 12px 40px;
    font-size: 16px;
  }
  body.approvalPage .approvalSection .approvalBox.approvalYes ul {
    display: block;
  }
  body.approvalPage .approvalSection .approvalBox.approvalYes ul li {
    width: auto;
  }
}
@media (max-width: 767px) {
  main.is-home .main-visual {
    background: url(/oncology/assets/img/home/mainvisual-sp.webp) no-repeat center;
    background-size: cover;
    padding: 10px;
    margin-bottom: 0;
  }
  main.is-home .main-visual h1 {
    margin-bottom: 30px;
    font-size: 2.1rem;
  }
  main.is-home .main-visual h1 span {
    display: none;
  }
  main.is-home section {
    /*
    ul.article-list{max-width:none;
        li{margin-bottom:10px;
            a{padding:10px; min-height:0;
                .photo{width:50px; position:absolute; left:10px; top:40px;}
                .meta{margin-bottom:10px;}
                .title{font-size:1.8rem; margin-bottom:5px; display:flex; padding:5px 0 5px 60px; justify-content:flex-start; align-items:center; min-height:60px; margin-bottom:10px;}
                .author{font-size:1.4rem;
                    .name{display:block;}
                    b{padding-left:0; font-size:1.6rem;}
                }
                .outline{line-height:1.5; font-size:1.5rem;}
            }
        }
    }
    */
  }
  main.is-home section h2 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  main.is-home section.categories {
    padding: 20px 10px 30px;
  }
  main.is-home section.categories::before {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
    transform: none;
  }
  main.is-home section.latest {
    background: url(/oncology/assets/img/home/homebg.webp) no-repeat center;
    background-size: cover;
    padding: 40px 20px;
  }
  main.is-home section ul.categories-list {
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
  main.is-home section ul.categories-list a {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
    font-size: 1.6rem;
    padding: 10px 5px 5px;
  }
  main.is-home section ul.categories-list a .icn {
    width: 56px;
    height: 56px;
    margin: 0 auto 5px;
    padding: 7px;
  }
  main.is-home section ul.categories-list a small {
    font-size: 0.8rem;
    letter-spacing: -0.025em;
  }
  main.is-home section ul.categories-list a::after {
    content: none;
  }
  main.is-home section ul.article-list {
    max-width: none;
  }
  main.is-home section ul.article-list li {
    margin-bottom: 4px;
  }
  main.is-home section ul.article-list li a {
    display: block;
  }
  main.is-home section ul.article-list li a .article {
    padding: 10px;
    width: auto;
  }
  main.is-home section ul.article-list li a .article .meta i {
    font-size: 1.2rem;
    min-width: 80px;
    padding: 2px 8px 3px;
  }
  main.is-home section ul.article-list li a .article .meta i.medicine {
    display: none;
  }
  main.is-home section ul.article-list li a .article .title {
    font-size: 1.8rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  main.is-home section ul.article-list li a .article .desc {
    font-size: 1.4rem;
    margin-top: 10px;
  }
  main.is-home section ul.article-list li a .author {
    padding: 10px;
    border-left: 0;
    border-top: 1px #CCCCCC solid;
    width: auto;
  }
  main.is-home section ul.article-list li a .author .photo {
    width: 50px;
  }
  main.is-home section ul.article-list li a .author .prof .division {
    font-size: 1.4rem;
  }
  main.is-home section ul.article-list li a .author .prof .name {
    font-size: 1.6rem;
  }
  main.is-home section ul.article-list li a .author .prof .name span {
    font-size: 1.2rem;
  }
  main.is-home section ul.article-list li a .author.multi {
    padding: 10px;
    display: block;
  }
  main.is-home section ul.article-list li a .author.multi .prof {
    width: auto;
  }
  main.is-home section ul.article-list li a .author:has(.photo) .prof {
    width: calc(100% - 60px);
  }
  main.is-home section ul.article-list li a .author.multi:has(.photo) .prof {
    width: auto;
  }
}
@media print {
  body {
    zoom: 0.7;
  }
  .page-wrapper {
    width: 100%;
    min-width: 0;
    margin-top: 50px;
    position: relative;
    overflow: visible;
  }
  .page-wrapper::before {
    content: url(/oncology/assets/img/print-logo.png);
    display: block;
    position: absolute;
    left: 0;
    top: -47px;
    width: 379px;
    height: 43px;
  }
  .site-header header .primary {
    display: block;
    position: static;
  }
  .site-header header .primary .function {
    display: none;
  }
  .site-header header .global-nav,
  .site-header header .search {
    display: none;
  }
  .keywd-list {
    display: none;
  }
  .site-footer {
    clear: both;
  }
  .site-footer .page-top {
    display: none !important;
  }
  .site-footer footer {
    display: block;
    clear: both;
    padding: 20px;
    width: 100%;
  }
  .site-footer footer .cp-logo {
    float: left;
    width: 140px;
  }
  .site-footer footer .copyright {
    margin: 0;
    float: right;
    width: calc(100% - 200px);
    padding-top: 10px;
    text-align: right;
  }
  .site-footer footer ul {
    display: none;
  }
  .site-footer footer::after {
    content: "";
    display: block;
    clear: both;
  }
  .breadcrumbs,
  aside.related,
  div.return-top,
  .link-pdf,
  .filter-conditions,
  .search-result .conditions,
  .article-header .primary .switch,
  article.regimen .link-switch,
  .article-header .anchor-nav,
  .article-header .link-pdf {
    display: none;
  }
  .site-header {
    display: none;
  }
  .site-header.compact .global-nav {
    position: static;
    display: none;
  }
  img,
  figure,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  article {
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  main.is-home section.latest {
    background: none #fff;
  }
  main.is-home section ul.article-list li {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
    border-top: 1px #ccc solid;
  }
  .index-header.regimen, .index-header.column, .index-header.sideeffect {
    background: none #eee;
    justify-content: space-between;
  }
  .index-header h1 {
    position: relative;
    width: auto;
    left: auto;
    transform: none;
    margin: 0;
  }
  .index-header h1::before {
    background-color: #000;
  }
  .index-header .authors-block {
    width: auto;
    margin: 20px 0;
  }
  .index-header .authors-block .author {
    width: calc(50% - 10px);
    background: #fff;
    border-radius: 8px !important;
  }
  .index-header .authors-block .link {
    display: none;
  }
  .search-result .article-list.regimen, .search-result .article-list.column, .search-result .article-list.sideeffect {
    background: none #fff;
  }
  .search-result .article-list ul li {
    border-bottom: 1px #ccc solid;
  }
  .article-header .primary {
    display: block;
    clear: both;
  }
  .article-header .primary .article {
    width: calc(100% - 340px);
    float: left;
  }
  .article-header .primary .authors {
    width: 340px;
    float: right;
  }
  .article-header .primary::after {
    content: "";
    clear: both;
    display: block;
  }
  .sideeffect-list .list,
  .search-result .article-list ul li,
  article ul.regular-dot li,
  .summary {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
  }
  .index-header.general {
    background: none #eee;
    display: block;
    padding: 50px 20px;
  }
  .index-header.general h1 {
    color: #000;
  }
  .index-header.general h1::before {
    background-color: #000;
  }
  section.profile {
    padding: 40px 20px;
  }
  .article-header .primary .authors .author .prof b {
    white-space: nowrap;
  }
  article .two-column {
    display: block;
    clear: both;
  }
  article .two-column .two-column-text {
    width: calc(100% - 270px);
    float: left;
  }
  article .two-column .two-column-image {
    width: 252px;
    float: right;
  }
  article .two-column::after {
    content: "";
    display: block;
    clear: both;
  }
  /* 外側の .mc は flex のまま使う（3カラム・2カラムの見た目維持） */
  article {
    /* duo：2カラム → 合計 98% くらいに */
    /* trio：3カラム → 合計 95% くらいに */
    /* quad：4カラム → 合計 95% くらいに */
    /* .author-box は .mc 配下は全部 float レイアウトに */
  }
  article .mc {
    display: block;
    font-size: 0; /* ★ inline-block のスキマ対策 */
  }
  article .mc .col {
    display: block;
    box-sizing: border-box;
    margin: 0 0 40px 0;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    page-break-inside: avoid;
    font-size: 1.6rem; /* 子要素の文字サイズを戻す */
  }
  article .mc.duo .col {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 0 24px 0;
  }
  article .mc.duo .col:nth-child(2n+1) {
    margin-right: 2%; /* 48 + 2 + 48 = 98 */
  }
  article .mc.trio .col {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    margin: 0 0 24px 0;
  }
  article .mc.trio .col:not(:nth-child(3n)) {
    margin-right: 1.5%; /* 31 + 1.5 + 31 + 1.5 + 31 = 96% */
  }
  article .mc.quad .col {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin: 0 0 24px 0;
  }
  article .mc.quad .col:not(:nth-child(4n)) {
    margin-right: 1%; /* 23*4 + 1*3 = 95% */
  }
  article .mc .author-box {
    display: block;
    overflow: visible;
  }
  article .mc .author-box p {
    float: left;
    width: 71%;
    margin: 0;
    padding-right: 2em;
    font-size: 1.6rem;
  }
  article .mc .author-box p b {
    font-size: 2rem;
  }
  article .mc .author-box img {
    float: right;
    width: 27%;
    display: block;
  }
  article .mc .author-box .img-pop-container {
    float: right;
    width: 27%;
  }
  article .mc .author-box .img-pop-container img {
    width: 100%;
    float: none;
  }
  article .mc .author-box::after {
    content: "";
    display: block;
    clear: both;
  }
}/*# sourceMappingURL=styles.css.map */