*, *::before, *::after {
  box-sizing: border-box;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block;
}

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, small, 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, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  vertical-align: baseline;
  background: rgba(0,0,0,0);
}

body {
	line-height: 2;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  font-size: 16px;
  font-family: "Hiragino Kaku Gothic Pro","meiryo",sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  word-wrap: break-word;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
}

ul, ol {
  list-style: none;
}

sup {
  line-height: 1;
  vertical-align: text-top;
  font-size: 70%;
}

sub {
  line-height: 1;
  vertical-align: text-bottom;
  font-size: 70%;
}

em {
  font-style: inherit;
}

small {
  font-size: 70%;
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
}

a:where([class]) {
  text-decoration: none;
}

a:not([class])[target=_blank]::after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 16px;
  height: 1lh;
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-medical/images/common/icon-blank.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 4px;
}

img:not(body>img) {
  display: block;
  width: 100%;
  height: auto;
}
/* .hcp-equalColumn {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.hcp-equalColumn>* {
  flex: 0 0 auto;
}

.hcp-equalColumn.-marginLv2 {
  margin-bottom: -60px;
  margin-left: -15px;
  margin-right: -15px;
}

.hcp-equalColumn.-marginLv2>.column {
  padding: 0 15px 60px;
}

.hcp-equalColumn.-marginLv3 {
  margin-bottom: -50px;
  margin-left: -15px;
  margin-right: -15px;
}

.hcp-equalColumn.-marginLv3>.column {
  padding: 0 15px 50px;
}

.hcp-equalColumn.-marginLv4,
.hcp-equalColumn.-marginLv5 {
  margin-bottom: -40px;
  margin-left: -15px;
  margin-right: -15px;
}

.hcp-equalColumn.-marginLv4>.column,
.hcp-equalColumn.-marginLv5>.column {
  padding: 0 15px 40px;
}

.hcp-equalColumn.-column1>.column {
  flex: 0 0 100%;
  max-width: 100%;
}

.hcp-equalColumn.-column2>.column {
  flex: 0 0 50%;
  max-width: 50%;
}

.hcp-equalColumn.-column3>.column {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.hcp-equalColumn.-column4>.column {
  flex: 0 0 25%;
  max-width: 25%;
}

.hcp-equalColumn.-column5>.column {
  flex: 0 0 20%;
  max-width: 20%;
}

.hcp-equalColumn.-column6>.column {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.hcp-equalColumn.-margin10 {
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
}

.hcp-equalColumn.-margin10>.column {
  padding: 0 5px 10px;
}

.hcp-equalColumn.-margin15 {
  margin-bottom: -15px;
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.hcp-equalColumn.-margin15>.column {
  padding: 0 7.5px 15px;
}

.hcp-equalColumn.-margin20 {
  margin-bottom: -20px;
  margin-left: -10px;
  margin-right: -10px;
}

.hcp-equalColumn.-margin20>.column {
  padding: 0 10px 20px;
}

.hcp-equalColumn.-margin25 {
  margin-bottom: -25px;
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.hcp-equalColumn.-margin25>.column {
  padding: 0 12.5px 25px;
}

.hcp-equalColumn.-margin30 {
  margin-bottom: -30px;
  margin-left: -15px;
  margin-right: -15px;
}

.hcp-equalColumn.-margin30>.column {
  padding: 0 15px 30px;
}

.hcp-equalColumn.-marginBottom10 {
  margin-bottom: -10px;
}

.hcp-equalColumn.-marginBottom10>.column {
  padding-bottom: 10px;
}

.hcp-equalColumn.-marginBottom15 {
  margin-bottom: -15px;
}

.hcp-equalColumn.-marginBottom15>.column {
  padding-bottom: 15px;
}

.hcp-equalColumn.-marginBottom20 {
  margin-bottom: -20px;
}

.hcp-equalColumn.-marginBottom20>.column {
  padding-bottom: 20px;
}

.hcp-equalColumn.-marginBottom25 {
  margin-bottom: -25px;
}

.hcp-equalColumn.-marginBottom25>.column {
  padding-bottom: 25px;
}

.hcp-equalColumn.-marginBottom30 {
  margin-bottom: -30px;
}

.hcp-equalColumn.-marginBottom30>.column {
  padding-bottom: 30px;
}

.hcp-equalColumn.-marginBottom35 {
  margin-bottom: -35px;
}

.hcp-equalColumn.-marginBottom35>.column {
  padding-bottom: 35px;
}

.hcp-equalColumn.-marginBottom40 {
  margin-bottom: -40px;
}

.hcp-equalColumn.-marginBottom40>.column {
  padding-bottom: 40px;
}

.hcp-equalColumn.-marginBottom0 {
  margin-bottom: 0;
}

.hcp-equalColumn.-marginBottom0>.column {
  padding-bottom: 0;
}

.hcp-equalColumn.-noWrap {
  flex-wrap: nowrap;
  margin-bottom: 0;
}

.hcp-equalColumn.-noWrap>.column {
  padding-bottom: 0;
}

.hcp-equalColumn.-aCenter {
  align-items: center;
}

.hcp-equalColumn.-jEnd {
  justify-content: flex-end;
}

.hcp-equalColumn.-jCenter {
  justify-content: center;
}

.hcp-equalColumn.-jBetween {
  justify-content: space-between;
}

.hcp-equalColumn.-dColumn {
  flex-direction: column;
}

.hcp-equalColumn>.column+.column {
  margin-top: 0;
}

.hcp-equalColumn>.column.-fullWidth {
  flex: 1 0 100%;
  max-width: 100%;
}

.hcp-mainContents {
  margin: 44px auto 100px;
}

.hcp-loginPage .hcp-mainContents {
  padding-top: 40px;
}

.hcp-home .hcp-mainContents {
  padding-top: 40px;
}

.hcp-productPage .hcp-mainContents {
  padding-top: 40px;
}

.hcp-landingPage .hcp-mainContents {
  max-width: 100%;
  padding: 0 0 80px;
}

.hcp-paragraph+.hcp-secLv2,
.hcp-secLv2+.hcp-secLv2 {
  margin-top: 60px;
}

.hcp-paragraph+.hcp-secLv3,
.hcp-secLv3+.hcp-secLv3 {
  margin-top: 50px;
}

.hcp-paragraph+.hcp-secLv4,
.hcp-secLv4+.hcp-secLv4,
.hcp-paragraph+.hcp-secLv5,
.hcp-secLv4+.hcp-secLv5,
.hcp-secLv5+.hcp-secLv4,
.hcp-secLv5+.hcp-secLv5 {
  margin-top: 40px;
}

.hcp-secLv2+.hcp-paragraph,
.hcp-secLv3+.hcp-paragraph,
.hcp-secLv4+.hcp-paragraph,
.hcp-secLv5+.hcp-paragraph,
.hcp-paragraph+.hcp-paragraph {
  margin-top: 40px;
}

.hcp-paragraph+.hcp-secLv2.-top,
.hcp-secLv2.-top+.hcp-secLv2.-top {
  margin-top: 76px;
}

.hcp-paragraph__notice {
  margin-top: 10px;
}

.hcp-landingWrapper {
  margin: 0 auto;
  max-width: 992px;
  padding: 0 16px;
}

@media print,screen and (min-width: 768px) {
  .hcp-boxColumn {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 -20px;
  }

  .hcp-boxColumn.-half>.column {
    flex: 0 1 50%;
    max-width: calc(50% - 20px);
  }

  .hcp-boxColumn.-half>.column:nth-child(2n+1) {
    margin: 0 20px 20px 0;
  }

  .hcp-boxColumn.-half>.column:nth-child(2n) {
    margin: 0 0 20px 20px;
  }

  .hcp-boxColumn.-left>.column:nth-child(2n+1) {
    flex: 0 1 33.33%;
    margin: 0 40px 20px 0;
    max-width: calc(33.33% - 40px);
  }

  .hcp-boxColumn.-left>.column:nth-child(2n) {
    flex: 0 0 66.67%;
    margin: 0 0 20px;
    max-width: 66.67%;
  }

  .hcp-boxColumn.-right>.column:nth-child(2n+1) {
    flex: 0 0 66.67%;
    margin: 0 0 20px;
    max-width: 66.67%;
  }

  .hcp-boxColumn.-right>.column:nth-child(2n) {
    flex: 0 1 33.33%;
    margin: 0 0 20px 40px;
    max-width: calc(33.33% - 40px);
  }

  .hcp-boxColumn.-banners {
    align-items: center;
    justify-content: center;
  }

  .hcp-boxColumn.-banners>.column {
    flex: 0 0 auto;
    max-width: 100%;
    margin: 0 25px 20px;
  }

  .hcp-boxColumn.-bannerRight {
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0;
  }

  .hcp-boxColumn.-bannerRight>.column {
    flex: 0 0 auto;
    max-width: calc(100% - 220px);
  }

  .hcp-boxColumn.-bannerRight>.column+.column {
    flex: 0 0 auto;
    margin: 0 0 0 20px;
    max-width: 200px;
  }

  .hcp-boxColumn.-chatbot>.column:nth-child(2n+1) {
    flex: 0 1 33.3333333333%;
    margin: 0 -7px 0;
    max-width: 33.3333333333%;
    padding: 0 7px 20px;
  }

  .hcp-boxColumn.-chatbot>.column:nth-child(2n) {
    flex: 0 0 66.6666666666%;
    margin: 0 0 20px 20px;
    max-width: calc(66.6666666666% - 20px);
  }

  .hcp-equalColumn.-margin10pc {
    margin-bottom: -10px;
    margin-left: -5px;
    margin-right: -5px;
  }

  .hcp-equalColumn.-margin10pc>.column {
    padding: 0 5px 10px;
  }

  .hcp-equalColumn.-margin15pc {
    margin-bottom: -15px;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .hcp-equalColumn.-margin15pc>.column {
    padding: 0 7.5px 15px;
  }

  .hcp-equalColumn.-margin20pc {
    margin-bottom: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .hcp-equalColumn.-margin20pc>.column {
    padding: 0 10px 20px;
  }

  .hcp-equalColumn.-margin25pc {
    margin-bottom: -25px;
    margin-left: -12.5px;
    margin-right: -12.5px;
  }

  .hcp-equalColumn.-margin25pc>.column {
    padding: 0 12.5px 25px;
  }

  .hcp-equalColumn.-margin30pc {
    margin-bottom: -30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .hcp-equalColumn.-margin30pc>.column {
    padding: 0 15px 30px;
  }

  .hcp-equalColumn.-marginBottom10pc {
    margin-bottom: -10px;
  }

  .hcp-equalColumn.-marginBottom10pc>.column {
    padding-bottom: 10px;
  }

  .hcp-equalColumn.-marginBottom15pc {
    margin-bottom: -15px;
  }

  .hcp-equalColumn.-marginBottom15pc>.column {
    padding-bottom: 15px;
  }

  .hcp-equalColumn.-marginBottom20pc {
    margin-bottom: -20px;
  }

  .hcp-equalColumn.-marginBottom20pc>.column {
    padding-bottom: 20px;
  }

  .hcp-equalColumn.-marginBottom25pc {
    margin-bottom: -25px;
  }

  .hcp-equalColumn.-marginBottom25pc>.column {
    padding-bottom: 25px;
  }

  .hcp-equalColumn.-marginBottom30pc {
    margin-bottom: -30px;
  }

  .hcp-equalColumn.-marginBottom30pc>.column {
    padding-bottom: 30px;
  }

  .hcp-equalColumn.-marginBottom35pc {
    margin-bottom: -35px;
  }

  .hcp-equalColumn.-marginBottom35pc>.column {
    padding-bottom: 35px;
  }

  .hcp-equalColumn.-marginBottom40pc {
    margin-bottom: -40px;
  }

  .hcp-equalColumn.-marginBottom40pc>.column {
    padding-bottom: 40px;
  }

  .hcp-equalColumn.-noWrappc {
    flex-wrap: nowrap;
    margin-bottom: 0;
  }

  .hcp-equalColumn.-noWrappc>.column {
    padding-bottom: 0;
  }

  .hcp-equalColumn.-aCenterpc {
    align-items: center;
  }

  .hcp-equalColumn.-jEndpc {
    align-items: center;
  }

  .hcp-equalColumn.-jCenterpc {
    justify-content: center;
  }

  .hcp-equalColumn.-jBetweenpc {
    justify-content: space-between;
  }

  .hcp-equalColumn.-dColumnpc {
    flex-direction: column;
  }

  .hcp-equalColumn>.column.-fullWidthpc {
    flex: 1 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .hcp-boxColumn>.column+.column {
    margin-top: 20px;
  }

  .hcp-boxColumn.-bannerRight>.column+.column {
    margin-top: 15px;
  }

  .hcp-loginPage .hcp-boxColumn.-half>.column+.column {
    margin-top: 30px;
  }

  .hcp-boxColumn.-half.-productDetail {
    display: flex;
    flex-flow: column-reverse wrap;
  }

  .hcp-boxColumn.-half.-productDetail>.column {
    flex: 0 0 auto;
    margin-top: 60px;
    width: 100%;
  }

  .hcp-boxColumn.-half.-productDetail>.column+.column {
    margin-top: 0;
  }

  .hcp-boxColumn.-chatbot>.column:nth-child(2n+1) {
    margin: 0 auto;
    width: 70%;
  }

  .hcp-boxColumn.-chatbot>.column .hcp-boxImage>.image img {
    margin: 0 -3.75px;
    padding: 0 3.75px;
  }

  .hcp-equalColumn.-marginLv2 {
    margin-bottom: -45px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .hcp-equalColumn.-marginLv2>.column {
    padding: 0 10px 45px;
  }

  .hcp-equalColumn.-marginLv3 {
    margin-bottom: -37px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .hcp-equalColumn.-marginLv3>.column {
    padding: 0 10px 37px;
  }

  .hcp-equalColumn.-marginLv4,
  .hcp-equalColumn.-marginLv5 {
    margin-bottom: -30px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .hcp-equalColumn.-marginLv4>.column,
  .hcp-equalColumn.-marginLv5>.column {
    padding: 0 10px 30px;
  }

  .hcp-equalColumn.-column1sp>.column {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hcp-equalColumn.-column2sp>.column {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .hcp-equalColumn.-column3sp>.column {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .hcp-equalColumn.-column4sp>.column {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .hcp-equalColumn.-margin10sp {
    margin-bottom: -10px;
    margin-left: -5px;
    margin-right: -5px;
  }

  .hcp-equalColumn.-margin10sp>.column {
    padding: 0 5px 10px;
  }

  .hcp-equalColumn.-margin15sp {
    margin-bottom: -15px;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .hcp-equalColumn.-margin15sp>.column {
    padding: 0 7.5px 15px;
  }

  .hcp-equalColumn.-margin20sp {
    margin-bottom: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .hcp-equalColumn.-margin20sp>.column {
    padding: 0 10px 20px;
  }

  .hcp-equalColumn.-margin25sp {
    margin-bottom: -25px;
    margin-left: -12.5px;
    margin-right: -12.5px;
  }

  .hcp-equalColumn.-margin25sp>.column {
    padding: 0 12.5px 25px;
  }

  .hcp-equalColumn.-margin30sp {
    margin-bottom: -30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .hcp-equalColumn.-margin30sp>.column {
    padding: 0 15px 30px;
  }

  .hcp-equalColumn.-marginBottom10sp {
    margin-bottom: -10px;
  }

  .hcp-equalColumn.-marginBottom10sp>.column {
    padding-bottom: 10px;
  }

  .hcp-equalColumn.-marginBottom15sp {
    margin-bottom: -15px;
  }

  .hcp-equalColumn.-marginBottom15sp>.column {
    padding-bottom: 15px;
  }

  .hcp-equalColumn.-marginBottom20sp {
    margin-bottom: -20px;
  }

  .hcp-equalColumn.-marginBottom20sp>.column {
    padding-bottom: 20px;
  }

  .hcp-equalColumn.-marginBottom25sp {
    margin-bottom: -25px;
  }

  .hcp-equalColumn.-marginBottom25sp>.column {
    padding-bottom: 25px;
  }

  .hcp-equalColumn.-marginBottom30sp {
    margin-bottom: -30px;
  }

  .hcp-equalColumn.-marginBottom30sp>.column {
    padding-bottom: 30px;
  }

  .hcp-equalColumn.-marginBottom35sp {
    margin-bottom: -35px;
  }

  .hcp-equalColumn.-marginBottom35sp>.column {
    padding-bottom: 35px;
  }

  .hcp-equalColumn.-marginBottom40sp {
    margin-bottom: -40px;
  }

  .hcp-equalColumn.-marginBottom40sp>.column {
    padding-bottom: 40px;
  }

  .hcp-equalColumn.-column1sp {
    margin-left: auto;
    margin-right: auto;
  }

  .hcp-equalColumn.-column1sp>.column {
    padding-left: 0;
    padding-right: 0;
  }

  .hcp-equalColumn.-diseaseWrap {
    margin: 0 10px -15px;
  }

  .hcp-equalColumn.-noWrapsp {
    flex-wrap: nowrap;
    margin-bottom: 0;
  }

  .hcp-equalColumn.-noWrapsp>.column {
    padding-bottom: 0;
  }

  .hcp-equalColumn.-aCentersp {
    align-items: center;
  }

  .hcp-equalColumn.-jEndsp {
    align-items: center;
  }

  .hcp-equalColumn.-jCentersp {
    justify-content: center;
  }

  .hcp-equalColumn.-jBetweensp {
    justify-content: space-between;
  }

  .hcp-equalColumn.-dColumnsp {
    flex-direction: column;
  }

  .hcp-equalColumn>.column.-fullWidthsp {
    flex: 1 0 100%;
    max-width: 100%;
  }

  .hcp-mainContents {
    padding: 66px 0 60px;
  }

  .hcp-loginPage .hcp-mainContents {
    padding-top: 25px;
  }

  .hcp-home .hcp-mainContents {
    padding-top: 20px;
  }

  .hcp-productPage .hcp-mainContents {
    padding-top: 30px;
  }

  .hcp-landingPage .hcp-mainContents {
    padding: 0 0 60px;
  }

  .hcp-paragraph+.hcp-secLv2,
  .hcp-secLv2+.hcp-secLv2 {
    margin-top: 45px;
  }

  .hcp-paragraph+.hcp-secLv3,
  .hcp-secLv3+.hcp-secLv3 {
    margin-top: 37px;
  }

  .hcp-paragraph+.hcp-secLv4,
  .hcp-secLv4+.hcp-secLv4,
  .hcp-paragraph+.hcp-secLv5,
  .hcp-secLv4+.hcp-secLv5,
  .hcp-secLv5+.hcp-secLv4,
  .hcp-secLv5+.hcp-secLv5 {
    margin-top: 30px;
  }

  .hcp-secLv2+.hcp-paragraph,
  .hcp-secLv3+.hcp-paragraph,
  .hcp-secLv4+.hcp-paragraph,
  .hcp-secLv5+.hcp-paragraph,
  .hcp-paragraph+.hcp-paragraph {
    margin-top: 30px;
  }

  .hcp-paragraph+.hcp-secLv2.-top,
  .hcp-secLv2.-top+.hcp-secLv2.-top {
    margin-top: 60px;
  }

  .hcp-landingWrapper {
    padding: 0 10px;
  }
} */
.maintenance-txt {
  background-color: #fff2f2;
  border: 1px solid #e30000;
  padding: 15px 20px 20px;
  margin-bottom: 4%;
}

.maintenance-txt p {
  margin: 0;
}

.maintenance-txt .title {
  font-size: 1.25rem;
  margin-bottom: 10px;
}

.hcp-boxAccent {
  background: #f5f5f5;
  padding: 20px;
}

.hcp-boxAccent.-red {
  background: #fff;
  border: 1px solid #e70000;
}

.hcp-boxAccent.-white {
  background: #fff;
}

.hcp-boxAccent.-paddingLarge {
  padding: 30px 20px;
}

.hcp-boxNotice {
  border: 1px solid #007FAD;
  border-radius: 10px;
}

.hcp-boxNotice > .notice {
  background-color: #dfeef7;
  border-radius: 10px 10px 0 0;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0;
  padding: 10px 19px 8px;
}

.hcp-boxNotice > .noticeList {
  border-bottom: 1px solid #b4b4b4;
  margin: 0 20px 20px;
  padding-bottom: 14px;
}

.hcp-boxNotice > .noticeList > .title {
  margin: 20px 0 10px;
}

.hcp-productArea > .box {
  display: flex;
  padding: 20px 30px;
}

.hcp-productArea > .box + .box {
  margin-top: 20px;
}

.hcp-productArea > .box.-movicol {
  background-color: #f2faf4;
}

.hcp-productArea > .box.-jyseleca {
  background-color: #f9f9f9;
}

.hcp-productArea > .box.-goofice {
  background-color: #fffada;
}

.hcp-productArea > .box.-moviprep {
  background-color: #f7f4ff;
}

.hcp-productArea > .box.-humira {
  background-color: #fbf1f9;
}

.hcp-productArea > .box.-elental {
  background-color: #f1f7eb;
}

.hcp-productArea > .box.-livact {
  background-color: #fdeff4;
}

.hcp-productArea > .box.-pariet {
  background-color: #ecf8e9;
}

.hcp-productArea > .box.-niflec {
  background-color: #eef9fd;
}

.hcp-productArea > .box.-nanopia {
  background-color: #eef1f6;
}

.hcp-productArea > .box > .hcp-boxImage {
  text-align: center;
  width: 33.33333%;
}

.hcp-boxCarousel > .carousel {
  list-style: none none outside;
  font-size: 0;
  line-height: 0;
}

.hcp-boxCarousel > .carousel li a {
  display: block;
}

.hcp-boxCarousel > .carousel li img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.hcp-boxCarousel > .carousel.-forPc {
  background: #dfeef7;
  text-align: center;
}

.hcp-boxCarousel > .carousel.-forPc li {
  max-width: 1280px;
}

.hcp-boxCarousel > .carousel.-forPc + .thumbnail {
  list-style: none none outside;
  margin: 18px auto 0;
  max-width: 992px;
  padding: 0 16px;
}

.hcp-boxCarousel > .carousel.-forPc + .thumbnail > li {
  box-sizing: content-box;
  max-width: 120px;
}

.hcp-boxCarousel > .carousel.-forPc + .thumbnail > li > a {
  border: 3px solid rgba(0, 0, 0, 0);
  display: block;
}

.hcp-boxCarousel > .carousel.-forPc + .thumbnail > li > a._current {
  border-color: #007FAD;
  position: relative;
}

.hcp-boxCarousel > .carousel.-forPc + .thumbnail > li > a._current::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #007FAD rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0 6.5px 8px 6.5px;
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -11px;
  width: 0;
}

.hcp-boxCarousel > .carousel.-forPc + .thumbnail > li > a > img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.hcp-boxEvent > .content > .header {
  border-bottom: 1px solid #b4b4b4;
  padding: 0 0 13.5px;
}

.hcp-boxEvent > .content > .header > .tag {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -5px -5px;
}

.hcp-boxEvent > .content > .header > .tag > * {
  flex: 0 0 auto;
  margin: 0 5px 5px;
  max-width: 100%;
}

.hcp-boxEvent > .content > .header > .date {
  font-size: 1.625rem;
  font-weight: bold;
}

.hcp-boxEvent > .content > .header > .date:not(:first-child) {
  margin-top: 10px;
}

.hcp-boxEvent > .content > .header > .calendar {
  margin-top: 10px;
}

.hcp-boxEvent > .content > .header > .calendar > dt {
  font-size: 0.875rem;
}

.hcp-boxEvent > .content > .header > .calendar > dd {
  margin-top: 4.5px;
}

.hcp-boxEvent > .content > .header > .calendar > dd > ul {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -7.5px;
}

.hcp-boxEvent > .content > .header > .calendar > dd > ul > li {
  flex: 0 0 auto;
  max-width: 100%;
  padding: 0 7.5px 6.5px;
}

.hcp-boxEvent > .content > .header > .title {
  font-size: 1.625rem;
  font-weight: bold;
  margin-top: 4px;
}

.hcp-boxEvent > .content > .detail {
  font-size: 0.9375rem;
  padding: 16.75px 0 0;
}

.hcp-boxEvent > .thumbnail > img {
  display: block;
  margin: 0 auto;
}

.hcp-listEvent .hcp-boxEvent > .content > .header > .date {
  font-size: 1.125rem;
}

.hcp-boxImage > .title {
  font-weight: bold;
}

.hcp-boxImage > .title + .image {
  margin-top: 12px;
}

.hcp-boxImage > .image {
  display: block;
  line-height: 0;
  margin: 0 auto;
}

.hcp-boxImage > .image img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.hcp-boxImage > .image .modalText {
  display: block;
  line-height: 1.5;
  margin-top: 8px;
}

.hcp-boxImage > .image .modalText::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-zoom.svg);
  height: 17.108px;
  line-height: 0;
  margin-left: 8px;
  width: 17.108px;
}

.hcp-boxImage > .description {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-top: 8px;
  text-align: left;
}

.hcp-boxImage.-center > .image {
  border: 1px solid #e5e5e5;
  padding: 30px;
  text-align: center;
}

.hcp-boxImage.-center > .image img {
  margin: 0 auto;
}

.hcp-boxImage.-noBorder > .image {
  text-align: center;
}

.hcp-boxImage.-noBorder > .image > a {
  transition: opacity 0.3s ease-out;
}

.hcp-boxImage.-noBorder > .image > a:focus,
.hcp-boxImage.-noBorder > .image > a:hover {
  
}

.hcp-boxImage.-noBorder > .image .modalText {
  text-align: center;
}

.hcp-boxImage.-bgWhite {
  background: #fff;
  padding: 30px;
}

.hcp-boxImage.-bgWhite > .image {
  text-align: center;
}

.hcp-boxImage.-bgWhite > .image img {
  margin: 0 auto;
}

.hcp-boxColumn:not(.-bannerRight) > .column > .hcp-boxImage > .image {
  text-align: center;
}

.hcp-mainContentsIntro > .contents > li > .hcp-boxImage > .image {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.hcp-mainContentsIntro > .contents > li > .hcp-boxImage > .image img {
  margin-bottom: 15.5px;
  max-width: 67.69%;
}

.hcp-mainContentsIntro > .contents > li > .hcp-boxImage > .description {
  font-size: 0.9375rem;
  margin-top: 12.25px;
}

.hcp-boxImage.-border {
  border: 1px solid #b8b8b8;
}

.hcp-boxInquiry {
  background: #f5f5f5;
  height: 100%;
}

.hcp-boxInquiry > .title {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  border-bottom: 1px solid #007FAD;
  padding: 25.5px 30px 13.5px;
  text-align: center;
}

.hcp-boxInquiry > .detail {
  padding: 33.5px 30px 30px;
}

.hcp-boxMovie > .tag {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -5px 10px;
}

.hcp-boxMovie > .tag > * {
  flex: 0 0 auto;
  margin: 0 5px 5px;
  max-width: 100%;
}

.hcp-boxMovie > .movie {
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto 40px;
  max-width: 100%;
  width: 708px;
}

.hcp-boxMovie > .title {
  font-weight: bold;
  margin: 0 auto;
  max-width: 708px;
}

.hcp-boxMovie > .time {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  font-size: 0.75rem;
  margin: 13px auto 0;
  max-width: 708px;
}

.hcp-boxMovie > .time > img {
  flex: 0 0 13px;
  line-height: 0;
  height: 13px;
  margin-right: 5px;
  width: 13px;
}

.hcp-boxMovie > .notes {
  margin: 13px auto 0;
  max-width: 708px;
}

.hcp-boxNews {
  display: flex;
  flex-flow: row nowrap;
}

.hcp-boxNews > .date {
  flex: 0 0 160px;
  max-width: 160px;
}

.hcp-boxNews > .tag {
  flex: 0 0 160px;
  max-width: 160px;
}

.hcp-boxNews > .notes {
  flex: 1 1 auto;
  max-width: calc(100% - 160px);
}

.hcp-boxNews > .notes > a {
  text-decoration: none;
  transition: 0.35s;
}

.hcp-boxNews > .notes > a:hover,
.hcp-boxNews > .notes > a:focus {
  color: #06c;
  opacity: 1 !important;
  text-decoration: underline !important;
}

.hcp-boxQr > .qrcode > img {
  display: block;
  margin: 0 auto;
}

.hcp-boxQr > .download {
  margin: 8px 0 0;
  text-align: center;
}

.hcp-boxQr > .download::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-download.svg);
  height: 16px;
  line-height: 0;
  margin-left: 8px;
  width: 16.142px;
}

.hcp-boxTag {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -5px -10px;
}

.hcp-boxTag > * {
  flex: 0 0 auto;
  max-width: 100%;
  margin: 0 5px 10px;
}

.hcp-boxTag + * {
  margin-top: 1em;
}

.hcp-btnDefault {
  display: flex;
  flex-flow: row wrap;
}

.hcp-btnDefault > .note {
  flex: 0 0 100%;
  max-width: 100%;
}

.hcp-btnDefault > .note + .button {
  margin-top: 24px;
}

.hcp-btnDefault > .button {
  background: #fff;
  border: 1px solid #b5007c;
  border-radius: 23.5px;
  color: #333;
  display: block;
  flex: 0 0 auto;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  max-width: 100%;
  padding: 10.5px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s ease-out;
}

.hcp-btnDefault > .button:focus,
.hcp-btnDefault > .button:hover {
  color: #797979;
}

.hcp-btnDefault > .button:not(input)::before {
  bottom: 0;
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-button.svg);
  height: 21px;
  left: auto;
  line-height: 0;
  margin: auto;
  position: absolute;
  right: 13px;
  top: 0;
  width: 21px;
}

.hcp-btnDefault > .button:not(input):not([href]) {
  border-color: rgba(0, 0, 0, 0);
  background: #b4b4b4;
  color: #fff;
}

.hcp-btnDefault > .button:not(input):not([href])::before {
  display: none;
}

.hcp-btnDefault > .button:not(input):not([href]):focus,
.hcp-btnDefault > .button:not(input):not([href]):hover {
  color: #fff;
}

.hcp-btnDefault > .button > img[src$="lock.svg"],
.hcp-btnDefault > .button > img[src$="lock-white.svg"] {
  line-height: 0;
  margin: 0 8px 0 0;
}

.hcp-btnDefault > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-button.svg);
  background-position: top 50% right 13px;
  background-repeat: no-repeat;
  white-space: normal;
}

.hcp-btnDefault > input.button[disabled] {
  border-color: rgba(0, 0, 0, 0);
  background: #b4b4b4;
  color: #fff;
}

.hcp-btnDefault > input.button[disabled]::before {
  display: none;
}

.hcp-btnDefault > input.button[disabled]:focus,
.hcp-btnDefault > input.button[disabled]:hover {
  color: #fff;
  cursor: text;
}

.hcp-btnDefault > .fileSize {
  flex: 0 0 100%;
  margin-top: 6.75px;
  max-width: 100%;
  font-size: 0.8125rem;
}

.hcp-btnDefault.-small > .button {
  border-radius: 17px;
  font-size: 0.875rem;
  min-width: 152px;
  padding: 6px 33px 5px;
}

.hcp-btnDefault.-small > .button:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-button-small.svg);
  height: 15px;
  right: 9px;
  width: 15px;
}

.hcp-btnDefault.-small > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-button-small.svg);
  background-position: top 50% right 9px;
}

.hcp-btnDefault.-center {
  justify-content: center;
}

.hcp-btnDefault.-right {
  justify-content: flex-end;
}

.hcp-btnDefault.-pdf > .button:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-pdf.svg);
  height: 18.545px;
  width: 16px;
}

.hcp-btnDefault.-pdf > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-pdf.svg);
}

.hcp-btnDefault.-excel > .button:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-excel.svg);
  height: 15.998px;
  width: 16px;
}

.hcp-btnDefault.-excel > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-pdf.svg);
}

.hcp-btnDefault.-window > .button:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-window.svg);
  height: 12px;
  width: 12px;
}

.hcp-btnDefault.-window > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-pdf.svg);
}

.hcp-btnDefault.-close > .button:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-close.svg);
  height: 13.414px;
  width: 13.414px;
}

.hcp-btnDefault.-close > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-close.svg);
}

.hcp-btnDefault.-download > .button {
  padding-left: 48px;
  padding-right: 48px;
}

.hcp-btnDefault.-download > .button:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-download.svg);
  height: 16px;
  right: 21px;
  width: 16.142px;
}

.hcp-btnDefault.-download > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-download.svg);
  background-position: top 50% right 21px;
}

.hcp-btnDefault.-calendar > .button:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-calendar.svg);
  height: 15.282px;
  right: 14px;
  width: 14px;
}

.hcp-btnDefault.-calendar > input.button {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-calendar.svg);
  background-position: top 50% right 21px;
}

.hcp-btnDefault.-fixedWidth > .button {
  flex: 0 1 372px;
}

.hcp-boxEvent + .hcp-btnDefault,
.hcp-reserv-manage-form .hcp-btnDefault,
.hcp-submit-button .hcp-btnDefault,
.hcp-login-button .hcp-btnDefault {
  background: #f5f5f5;
  margin-top: 40px;
  padding: 20px;
}

.hcp-boxEvent + .hcp-btnDefault > .button,
.hcp-reserv-manage-form .hcp-btnDefault > .button,
.hcp-submit-button .hcp-btnDefault > .button,
.hcp-login-button .hcp-btnDefault > .button {
  min-width: 212px;
}

.hcp-boxEvent + .hcp-btnDefault.-twoButtons > .button,
.hcp-reserv-manage-form .hcp-btnDefault.-twoButtons > .button,
.hcp-submit-button .hcp-btnDefault.-twoButtons > .button,
.hcp-login-button .hcp-btnDefault.-twoButtons > .button {
  margin: 0 10px;
  max-width: calc(50% - 20px);
}

.hcp-boxEvent + .hcp-btnDefault.-twoButtons > .button.-close:not(input)::before,
.hcp-reserv-manage-form
  .hcp-btnDefault.-twoButtons
  > .button.-close:not(input)::before,
.hcp-submit-button
  .hcp-btnDefault.-twoButtons
  > .button.-close:not(input)::before,
.hcp-login-button
  .hcp-btnDefault.-twoButtons
  > .button.-close:not(input)::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-close.svg);
  height: 13.414px;
  width: 13.414px;
}

.hcp-boxEvent + .hcp-btnDefault.-twoButtons > input.button.-close,
.hcp-reserv-manage-form .hcp-btnDefault.-twoButtons > input.button.-close,
.hcp-submit-button .hcp-btnDefault.-twoButtons > input.button.-close,
.hcp-login-button .hcp-btnDefault.-twoButtons > input.button.-close {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-close.svg);
}

.hcp-boxMovie .hcp-btnDefault {
  background: #f5f5f5;
  margin-bottom: 40px;
  padding: 20px;
}

.hcp-boxMovie .hcp-btnDefault > .button {
  min-width: 212px;
}

.hcp-productInfo .hcp-btnDefault > .button {
  min-width: 228px;
}

.hcp-listEvent > li > .hcp-boxEvent + .hcp-btnDefault {
  margin: 20px -20px -20px;
  padding: 20px;
}

.hcp-boxEvent > .content > .header > .calendar .hcp-btnDefault > .button {
  min-width: 150px;
}

.hcp-landingPage .hcp-headerFunc .hcp-btnDefault > .button {
  min-width: 242px;
}

.hcp-btnMember > .button {
  align-items: center;
  border-radius: 5px;
  display: flex;
  height: 47px;
  justify-content: center;
  max-height: 100%;
  max-width: 100%;
  text-align: center;
  width: 276px;
}

.hcp-btnMember.-login > .button {
  background: #b5007c;
  color: #fff;
  text-decoration: none;
  transition: background 0.3s ease-out;
}

.hcp-btnMember.-login > .button:focus,
.hcp-btnMember.-login > .button:hover {
  background: #da7fbd;
}

.hcp-btnMember.-registration > .button {
  background: #007FAD;
  color: #fff;
  text-decoration: none;
  transition: background 0.3s ease-out;
}

.hcp-btnMember.-registration > .button:focus,
.hcp-btnMember.-registration > .button:hover {
  background: #7fc4d9;
}

.hcp-headerFunc .hcp-btnMember > .button {
  font-size: 0.875rem;
  height: 33px;
  width: 140px;
}

.hcp-footerCommon .hcp-btnMember > .button {
  border: 1px solid #fff;
  font-size: 0.875rem;
  height: 34px;
  width: 149px;
}

.hcp-boxLogin .hcp-btnMember > .button {
  font-size: 0.875rem;
}

.hcp-landingPage .hcp-btnMember + ._textCaption {
  margin-top: 4.75px;
}

.hcp-btnSyllabary > .button {
  align-items: center;
  background: #379fc5;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 1.3125rem;
  height: 55px;
  justify-content: center;
  text-decoration: none;
  width: 55px;
  transition: all 0.3s ease-out;
  padding: 0;
  border: none;
}

.hcp-btnSyllabary > .button:not([href]) {
  cursor: auto;
}

.hcp-btnSyllabary > .button:focus,
.hcp-btnSyllabary > .button:hover {
  background: #7fc4d9;
}

.hcp-btnSyllabary > .button:not([href]) {
  background: #747474;
}

.hcp-btnSyllabary.-small > .button {
  background: #e5e5e5;
  color: #06c;
  font-size: 0.9375rem;
  height: 32px;
  width: 32px;
}

.hcp-btnSyllabary.-small > .button:focus,
.hcp-btnSyllabary.-small > .button:hover {
  background: #f2f2f2;
  color: #7fb2e5;
}

.hcp-btnSyllabary.-small > .button:not([href]) {
  color: #fff;
  background: #9d9d9d;
}

.hcp-btnBlue > .button {
  align-items: center;
  background: #2967c5;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  justify-content: center;
  text-decoration: none;
  transition: background 0.3s ease-out;
}

.hcp-btnBlue > .button:focus,
.hcp-btnBlue > .button:hover {
  background: #94b3e2;
}

.-headListProduct .hcp-btnBlue > .button {
  margin: 0 auto -5px;
  max-width: 79px;
}

.hcp-productMaterial .hcp-btnBlue {
  display: inline-block;
  vertical-align: middle;
}

.hcp-productMaterial .hcp-btnBlue > .button {
  padding: 4px 7px;
}

.hcp-btnJob > .button {
  align-items: center;
  background: #fff;
  border: 1px solid #797979;
  border-radius: 5px;
  display: flex;
  font-size: 0.875rem;
  height: 47px;
  justify-content: center;
  text-align: center;
  width: 100%;
  color: #333;
  text-decoration: none;
}

.hcp-btnJob > .button:focus,
.hcp-btnJob > .button:hover {
  color: #333;
}

.hcp-btnJob > .button:visited {
  color: #333;
}

.hcp-buttonArea {
  align-items: center;
  display: flex;
  padding-left: 30px;
  width: 66.66666%;
}

.hcp-buttonArea > .button-link {
  text-align: center;
  width: 275px;
}

.hcp-buttonArea > .button-link a {
  background-color: #379fc5;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 10px;
  position: relative;
  text-decoration: none;
  transition: opacity 0.3s ease-out;
}

.hcp-buttonArea > .button-link a::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-link-white02.svg);
  position: absolute;
  right: 9px;
}

.hcp-buttonArea > .button-link a:hover {
  
}

.hcp-buttonArea > .button-link + .button-link {
  margin-left: 20px;
}

.hcp-btnSearch {
  background: #f5f5f5;
  border-radius: 5px;
  color: #f5f5f5;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  position: relative;
}

.hcp-btnSearch::before {
  bottom: 0;
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-search.svg);
  height: 16.67px;
  left: 0;
  line-height: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 16.67px;
}

.hcp-btnSearch:focus,
.hcp-btnSearch:hover,
.hcp-btnSearch:visited {
  color: #f5f5f5;
}

.hcp-pageTop {
  bottom: 30px;
  display: none;
  position: fixed;
  right: 16px;
  z-index: 99999;
}

.hcp-pageTop > a {
  display: block;
}

.hcp-pageTop > a > img {
  display: block;
}

.hcp-productDetail {
  bottom: 87px;
  position: fixed;
  right: 0;
  z-index: 99999;
}

.hcp-productDetail > a {
  background: #379fc5;
  border-radius: 5px 0 0 5px;
  color: #fff;
  display: block;
  font-size: 0.75rem;
  padding: 4.5px 8px;
  text-align: center;
  text-decoration: none;
}

.hcp-cardLink {
  color: #333;
  display: block;
  height: 100%;
  padding: 16px 20px 16.25px;
  text-decoration: none;
  border: 1px solid #007FAD;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease-out;
}

.hcp-cardLink:focus,
.hcp-cardLink:hover {
  color: #333;
  
}

.hcp-cardLink:visited {
  color: #333;
}

.hcp-cardLink > .tag {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -5px;
}

.hcp-cardLink > .tag > * {
  flex: 0 0 auto;
  margin: 0 5px 5px;
  max-width: 100%;
}

.hcp-cardLink > .title {
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
}

.hcp-cardLink > .thumbnail {
  display: block;
  margin: 16px auto 0;
  max-width: 375px;
}

.hcp-cardLink > .thumbnail > img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.hcp-cardLink > .description {
  display: block;
  font-size: 0.9375rem;
  margin-top: 6.75px;
}

.hcp-cardLink.-fixedRatio > .thumbnail {
  background: #f5f5f5;
  padding: 0 0 56.25%;
  position: relative;
}

.hcp-cardLink.-fixedRatio > .thumbnail > img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.hcp-cardLink._noLink {
  background: #f5f5f5;
  border: 1px solid #797979;
}

.hcp-cardLink._noLink > .tag ~ * {
  
}

.hcp-cardLink._noLink > .tag > .hcp-tagMember {
  
}

.hcp-cardLink._noLink > .tag > .hcp-tagMember.-doctor {
  opacity: 1;
}

.hcp-cardLink._noLink:focus,
.hcp-cardLink._noLink:hover {
  opacity: 1;
}

.hcp-cardPickup {
  background: #f5f5f5;
  color: #333;
  display: block;
  height: 100%;
  text-decoration: none;
  transition: opacity 0.3s ease-out;
}

.hcp-cardPickup:focus,
.hcp-cardPickup:hover {
  color: #333;
  
  text-decoration: none;
}

.hcp-cardPickup > .thumbnail {
  border-bottom: 6px solid #379fc5;
  display: block;
}

.hcp-cardPickup > .thumbnail > img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.hcp-cardPickup > .description {
  display: block;
  padding: 8px 10px 11.75px;
}

.hcp-cardPickup > .description > .tag {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 -5px -5px;
}

.hcp-cardPickup > .description > .tag > * {
  flex: 0 0 auto;
  margin: 0 5px 5px;
  max-width: 100%;
}

.hcp-cardPickup > .description > .notes {
  display: block;
  font-size: 0.9375rem;
  margin-top: 4.75px;
}

.hcp-navGlobal .hcp-categoryLink {
  display: flex;
  flex-flow: row nowrap;
}

.hcp-navGlobal .hcp-categoryLink > .title {
  flex: 0 0 25%;
  font-size: 1.125rem;
  line-height: 1.5;
  max-width: 25%;
  padding: 0 40px 0 0;
}

.hcp-navGlobal .hcp-categoryLink > .title > a {
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.hcp-navGlobal .hcp-categoryLink > .title > a:focus,
.hcp-navGlobal .hcp-categoryLink > .title > a:hover {
  color: #333;
}

.hcp-navGlobal .hcp-categoryLink > .title > a:visited {
  color: #333;
}

.hcp-navGlobal .hcp-categoryLink > .detail {
  flex: 1 0 auto;
  max-width: calc(100% - 245px);
}

.hcp-footerCommon > .categories > .hcp-categoryLink > .title {
  font-size: 1rem;
  font-weight: bold;
}

.hcp-footerCommon > .categories > .hcp-categoryLink > .title > a {
  color: #333;
  text-decoration: none;
}

.hcp-footerCommon > .categories > .hcp-categoryLink > .title > a:focus,
.hcp-footerCommon > .categories > .hcp-categoryLink > .title > a:hover {
  color: #333;
}

.hcp-footerCommon > .categories > .hcp-categoryLink > .title > a:visited {
  color: #333;
}

.hcp-footerCommon > .categories > .hcp-categoryLink > .detail {
  padding: 12px 0 0 30px;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .title {
  font-size: 1rem;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .title
  > a {
  color: #333;
  text-decoration: none;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .title
  > a:focus,
.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .title
  > a:hover {
  color: #333;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .title
  > a:visited {
  color: #333;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .detail
  > ul
  > li {
  font-size: 0.8125rem;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .detail
  > ul
  > li
  > a {
  text-decoration: none;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .detail
  > ul
  > li
  > a:focus,
.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink
  > .detail
  > ul
  > li
  > a:hover {
  text-decoration: underline;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-categoryLink._active
  > .title
  > a::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-accordion-close.svg);
}

.hcp-dlIndent {
  display: flex;
  flex-flow: row wrap;
}

.hcp-dlIndent > dt {
  flex: 0 0 3em;
  max-width: 100%;
}

.hcp-dlIndent > dd {
  flex: 1 0 auto;
  width: calc(100% - 3em);
  max-width: calc(100% - 3em);
}

.hcp-dlIndent.-indent4em > dt {
  flex: 0 0 4em;
  width: 4em;
}

.hcp-dlIndent.-indent4em > dd {
  width: calc(100% - 4em);
  max-width: calc(100% - 4em);
}

.hcp-dlIndent.-indent5em > dt {
  flex: 0 0 5em;
  width: 5em;
}

.hcp-dlIndent.-indent5em > dd {
  width: calc(100% - 5em);
  max-width: calc(100% - 5em);
}

.hcp-dlIndent.-indent6em > dt {
  flex: 0 0 6em;
  width: 6em;
}

.hcp-dlIndent.-indent6em > dd {
  width: calc(100% - 6em);
  max-width: calc(100% - 6em);
}

.hcp-dlIndent.-indent7em > dt {
  flex: 0 0 7em;
  width: 7em;
}

.hcp-dlIndent.-indent7em > dd {
  width: calc(100% - 7em);
  max-width: calc(100% - 7em);
}

.hcp-dlIndent.-indent8em > dt {
  flex: 0 0 8em;
  width: 8em;
}

.hcp-dlIndent.-indent8em > dd {
  width: calc(100% - 8em);
  max-width: calc(100% - 8em);
}

.hcp-dlIndent.-indent9em > dt {
  flex: 0 0 9em;
  width: 9em;
}

.hcp-dlIndent.-indent9em > dd {
  width: calc(100% - 9em);
  max-width: calc(100% - 9em);
}

.hcp-dlIndent.-indent10em > dt {
  flex: 0 0 10em;
  width: 10em;
}

.hcp-dlIndent.-indent10em > dd {
  width: calc(100% - 10em);
  max-width: calc(100% - 10em);
}

.hcp-dlIndent.-indent11em > dt {
  flex: 0 0 11em;
  width: 11em;
}

.hcp-dlIndent.-indent11em > dd {
  width: calc(100% - 11em);
  max-width: calc(100% - 11em);
}

.hcp-dlIndent.-indent12em > dt {
  flex: 0 0 12em;
  width: 12em;
}

.hcp-dlIndent.-indent12em > dd {
  width: calc(100% - 12em);
  max-width: calc(100% - 12em);
}

.hcp-dlIndent.-indent13em > dt {
  flex: 0 0 13em;
  width: 13em;
}

.hcp-dlIndent.-indent13em > dd {
  width: calc(100% - 13em);
  max-width: calc(100% - 13em);
}

.hcp-dlIndent.-indent14em > dt {
  flex: 0 0 14em;
  width: 14em;
}

.hcp-dlIndent.-indent14em > dd {
  width: calc(100% - 14em);
  max-width: calc(100% - 14em);
}

.hcp-dlIndent.-indent15em > dt {
  flex: 0 0 15em;
  width: 15em;
}

.hcp-dlIndent.-indent15em > dd {
  width: calc(100% - 15em);
  max-width: calc(100% - 15em);
}

.hcp-hLv1 > .title {
  color: #333;
  display: block;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 24px;
  position: relative;
}

.hcp-hLv1 > .title::before {
  bottom: 3px;
  border-left: 8px solid #007FAD;
  content: "";
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  right: auto;
  top: 3px;
  width: 0;
}

.hcp-hLv1 + * {
  margin-top: 40px;
}

.hcp-hLv2 > .title {
  border-bottom: 1px solid #007FAD;
  border-left: 4px solid #007FAD;
  color: #333;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 8px 24px 8px 20px;
}

.hcp-hLv2 + * {
  margin-top: 28px;
}

.hcp-hLv3 > .title {
  background: #e7e9eb;
  border-left: 4px solid #007FAD;
  color: #333;
  display: block;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 8.5px 14px 8.5px 10px;
}

.hcp-hLv3 + * {
  margin-top: 20px;
}

.hcp-hLv4 > .title {
  color: #00789c;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.hcp-hLv4 + * {
  margin-top: 12px;
}

.hcp-hLv5 > .title {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
}

.hcp-hLv5 + * {
  margin-top: 12px;
}

.hcp-hTable {
  background: #379fc5;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 5px 12px;
  text-align: left;
}

.hcp-hTable.-center {
  padding: 5px;
  text-align: center;
}

.hcp-hHome > .title {
  color: #333;
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 20px;
  position: relative;
}

.hcp-hHome > .title::before {
  bottom: 5px;
  border-left: 4px solid #007FAD;
  content: "";
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  right: auto;
  top: 5px;
  width: 0;
}

.hcp-hHome + * {
  margin-top: 15px;
}

.hcp-hProduct > .title {
  background: #000;
  color: #fff;
  display: block;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 5.5px 16px;
}

.hcp-hProduct + * {
  margin-top: 20px;
}

.hcp-hProduct.-elental > .title {
  background: #094;
}

.hcp-hProduct.-goofice > .title {
  background: #ffea00;
  color: #333;
}

.hcp-hProduct.-humira > .title {
  background: #930042;
}

.hcp-hProduct.-livact > .title {
  background: #df0071;
}

.hcp-hProduct.-movicol > .title {
  background: #00a273;
}

.hcp-hProduct.-moviprep > .title {
  background: #542f8e;
}

.hcp-hProduct.-nanopia > .title {
  background: #b2c1cf;
  color: #333;
}

.hcp-hProduct.-niflec > .title {
  background: #1a96d5;
}

.hcp-hProduct.-pariet > .title {
  background: #0081c4;
}

.hcp-hProduct.-rectabul > .title {
  background: #e83820;
}

.hcp-iconLink {
  display: inline-block;
  line-height: 1.5;
  padding: 0 0 0 10px;
  position: relative;
}

.hcp-iconLink::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-link.svg);
  display: block;
  height: 9.23px;
  left: 0;
  line-height: 0;
  position: absolute;
  top: calc((1.5em - 9.23px) / 2);
  width: 3.74px;
  overflow: hidden;
}

.hcp-iconWindow::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-window.svg);
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconWindow.-marginNarrow::after {
  margin-left: 5px;
}

.hcp-iconWindow02::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-externalLink-black.svg) !important;
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconAnchor {
  display: inline-block;
  line-height: 1.5;
  padding: 0 0 0 23px;
  position: relative;
}

.hcp-iconAnchor::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-anchor.svg) !important;
display: block;
height: 18px;
left: 0;
line-height: 0;
position: absolute;
top: calc((1.5em - 18px) / 2);
width: 18px;
}

.hcp-iconExcel::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-excel.svg);
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconHtml::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-html.svg);
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconMovie::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-movie.svg);
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconPdf::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-pdf.svg) !important;
  line-height: 0 !important;
  margin-left: 10px !important;
  display: inline-block !important;
}

.hcp-iconSound::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-sound.svg);
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconWord::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-word.svg);
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconZip::after {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-file-zip.svg);
  line-height: 0;
  margin-left: 10px;
}

.hcp-iconDisease {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 5px 0 5px 48px;
  position: relative;
  color: #333;
  text-decoration: none;
}

.hcp-iconDisease:focus,
.hcp-iconDisease:hover {
  color: #333;
}

.hcp-iconDisease:visited {
  color: #333;
}

.hcp-iconDisease::before {
  bottom: 0;
  line-height: 0;
  margin: auto 0;
  position: absolute;
  right: auto;
  top: 0;
}

.hcp-iconDisease.-benpi::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-benpi.svg);
  height: 34.865px;
  left: 7.514px;
  width: 26.766px;
}

.hcp-iconDisease.-ibd::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-ibd.svg);
  height: 34.245px;
  left: 1.132px;
  width: 34.868px;
}

.hcp-iconDisease.-gerd::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-gerd.svg);
  height: 36.323px;
  left: 3.297px;
  width: 31.243px;
}

.hcp-iconDisease.-hepatopathy::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-hepatopathy.svg);
  height: 24.906px;
  left: 3.132px;
  width: 34.868px;
}

.hcp-iconDisease.-cp::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-cp.svg);
  height: 24.906px;
  left: 1.132px;
  width: 34.868px;
}

.hcp-iconDisease.-endoscopy::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-endoscopy.svg);
  height: 34px;
  left: 1.997px;
  width: 35.943px;
}

.hcp-iconDisease.-pen::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-pen.svg);
  height: 26.452px;
  left: 0.37px;
  width: 35.457px;
}

.hcp-iconDisease.-scc::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-scc.svg);
  height: 34px;
  left: 1.997px;
  width: 35.943px;
}

.hcp-iconDisease.-other::before {
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-disease-other.svg);
  height: 26.314px;
  left: 6.18px;
  width: 26.18px;
}

.hcp-iconPanelLink {
  color: #333;
  display: block;
  font-size: 1.25rem;
  height: 100%;
  padding: 40px 20px 30px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #007FAD;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease-out;
}

.hcp-iconPanelLink:focus,
.hcp-iconPanelLink:hover {
  color: #333;
  
}

.hcp-iconPanelLink:visited {
  color: #333;
}

.hcp-iconPanelLink > .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.hcp-iconPanelLink > .icon.-benpi {
  height: 66.1px;
  margin-bottom: 21.06px;
  margin-top: 1.86px;
}

.hcp-iconPanelLink > .icon.-ibd {
  height: 64.78px;
  margin-bottom: 21.34px;
  margin-top: 2.87px;
}

.hcp-iconPanelLink > .icon.-gerd {
  height: 69.76px;
  margin-bottom: 19.12px;
  margin-top: 0.12px;
}

.hcp-iconPanelLink > .icon.-hepatopathy {
  height: 47.15px;
  margin-bottom: 30.94px;
  margin-top: 10.91px;
}

.hcp-iconPanelLink > .icon.-cp {
  height: 47.15px;
  margin-bottom: 34.09px;
  margin-top: 7.76px;
}

.hcp-iconPanelLink > .icon.-endoscopy {
  height: 69.88px;
  margin-bottom: 19px;
}

.hcp-iconPanelLink > .icon.-pen {
  height: 50.22px;
  margin-bottom: 26.77px;
  margin-top: 7.77px;
}

.hcp-iconPanelLink > .icon.-scc {
  height: 49.56px;
  margin-bottom: 29.22px;
  margin-top: 10.22px;
}

.hcp-iconPanelLink > .icon.-other {
  height: 51.28px;
  margin-bottom: 28.36px;
  margin-top: 9.36px;
}

.hcp-iconPanelLink > .title {
  display: block;
}

.hcp-iconPanelSmall {
  border: 1px solid #007FAD;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.5);
  color: #333;
  display: flex;
  font-size: 1.25rem;
  font-weight: bold;
  height: 100%;
  padding: 16px;
  text-decoration: none;
  transition: opacity 0.3s ease-out;
}

.hcp-iconPanelSmall:hover {
  color: #333;
  
}

.hcp-iconPanelSmall > .icon {
  height: 54.86px;
  min-width: 58px;
  width: 58px;
}

.hcp-iconPanelSmall > .title {
  display: block;
  margin: auto 16px;
}

.hcp-checkBtn {
  overflow: hidden;
  position: relative;
}

.hcp-checkBtn > input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
  position: absolute;
}

.hcp-checkBtn > input[type="checkbox"]:checked + label {
  background: #379fc5;
  color: #fff;
}

.hcp-checkBtn > label {
  align-items: center;
  background: #dfeef7;
  border-radius: 5px;
  color: #333;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 7px;
  position: relative;
  transition: background 0.3s ease-out;
}

.hcp-listConditions .hcp-checkBtn > label {
  width: 100%;
}

.hcp-listBorder > li {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

.hcp-listBorder > li:first-child {
  padding-top: 0;
}

.hcp-listLink > li + li {
  margin-top: 12px;
}

.hcp-listLink.-flex {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto -12px;
}

.hcp-listLink.-flex > li {
  flex: 0 0 auto;
}

.hcp-listLink.-flex > li + li {
  margin-top: 0;
}

.hcp-listLink.-flex.-anchor {
  margin: 0 auto -12px;
}

.hcp-listLink.-flex.-anchor > li {
  padding: 0 40px 12px 0;
}

.hcp-listLink.-flexBorder {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto -15px;
}

.hcp-listLink.-flexBorder > li {
  flex: 0 0 auto;
  font-weight: bold;
  margin-right: -1px;
  padding: 4px 24px 19px;
  position: relative;
}

.hcp-listLink.-flexBorder > li::before,
.hcp-listLink.-flexBorder > li::after {
  bottom: 15px;
  content: "";
  border-left: 1px solid #797979;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  width: 0;
}

.hcp-listLink.-flexBorder > li::after {
  left: auto;
  right: 0;
}

.hcp-listLink.-flexBorder > li + li {
  margin-top: 0;
}

.hcp-listLink.-flexBorder > li > a {
  font-weight: normal;
}

.hcp-listEvent > li {
  padding: 20px;
  border: 1px solid #007FAD;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.5);
}

.hcp-listEvent > li + li {
  margin-top: 30px;
}

.hcp-listQ {
  display: flex;
  flex-flow: row wrap;
}

.hcp-listQ > dt {
  flex: 0 0 44px;
  max-width: 44px;
}

.hcp-listQ > dt:not(:first-of-type) {
  padding-top: 8px;
}

.hcp-listQ > dd {
  flex: 1 0 auto;
  width: calc(100% - 44px);
}

.hcp-listQ > dd:not(:first-of-type) {
  padding-top: 8px;
}

.hcp-listQa {
  margin-top: -18px;
}

.hcp-listPoint > li::before {
  color: #00789c;
  content: "●";
}

.hcp-modaalSearch .modaal-content-container {
  background: #e5e5e5;
  padding: 30px 15px;
}

.hcp-modaalSearch .modaal-inner-wrapper {
  vertical-align: top;
  padding: 170px 0 0;
}

.hcp-modaalSearch .modaal-close {
  display: none;
}

.hcp-modaalProduct .modaal-container {
  max-width: 480px;
}

.hcp-modaalProduct .modaal-content-container {
  padding: 0;
}

.hcp-modaalProduct .modaal-close {
  display: none;
}

.hcp-newsTab {
  border: 1px solid #007FAD;
  border-radius: 10px;
}

.hcp-newsTab > .title > .tab {
  border-bottom: 6px solid #f5f5f5;
  min-height: 52px;
}

.hcp-newsTab > .title > .tab > button {
  align-items: center;
  color: #585858;
  display: flex;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  padding: 0 20px;
  position: relative;
  width: 100%;
  transition: color 0.3s ease-out;
}

.hcp-newsTab > .title > .tab > button:focus,
.hcp-newsTab > .title > .tab > button:hover {
  color: #b4b4b4;
}

.hcp-newsTab > .title > .tab > button::before {
  border-left: 1px solid #797979;
  bottom: 0;
  content: "";
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: auto;
  top: 0;
  width: 0;
}

.hcp-newsTab > .title > .tab:first-child > button {
  border-radius: 8px 0 0 0;
}

.hcp-newsTab > .title > .tab:first-child > button::before {
  display: none;
}

.hcp-newsTab > .title > .tab:last-child > button {
  border-radius: 0 8px 0 0;
}

.hcp-newsTab > .title > .tab._active {
  border-bottom-color: #007FAD;
}

.hcp-newsTab > .title > .tab._active > button {
  color: #007FAD;
}

.hcp-newsTab > .title > .tab._active > button:focus,
.hcp-newsTab > .title > .tab._active > button:hover {
  color: #7fc4d9;
}

.hcp-newsTab > .content > .panel {
  background: none;
  border: none;
  margin: 0;
  padding: 26px 20px 30px;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-otherLink
  > li {
  font-size: 1rem;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-otherLink
  > li
  > a {
  color: #333;
  text-decoration: none;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-otherLink
  > li
  > a:focus,
.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-otherLink
  > li
  > a:hover {
  color: #333;
}

.hcp-footerCommon
  > .categories
  > .hcp-categoryLink
  > .detail
  > .hcp-otherLink
  > li
  > a:visited {
  color: #333;
}

.hcp-tableDefault {
  border-collapse: collapse;
}

.hcp-tableDefault caption {
  font-weight: bold;
  padding-bottom: 5px;
  text-align: left;
}

.hcp-tableDefault th,
.hcp-tableDefault td {
  border: 1px solid #b4b4b4;
  font-size: 0.875rem;
  padding: 12px;
  vertical-align: top;
}

.hcp-tableDefault th {
  text-align: left;
}

.hcp-tableDefault th {
  background: #dfeef7;
}

.hcp-tableDefault th.hcp-hTable {
  border-color: #379fc5;
}

.hcp-tableDefault td {
  background: #fff;
}

.hcp-tableDefault > thead th {
  text-align: center;
  vertical-align: middle;
}

.hcp-tableDefault.-listProduct {
  margin-top: 0;
  table-layout: fixed;
}

.hcp-tableDefault.-listProduct th,
.hcp-tableDefault.-listProduct td {
  vertical-align: middle;
}

.hcp-tableDefault.-listProduct th:not(.hcp-hTable),
.hcp-tableDefault.-listProduct td {
  border-bottom: 1px dashed #b4b4b4;
  border-left: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
  border-top: 0;
}

.hcp-tableDefault.-listProduct th {
  font-size: 1rem;
}

.hcp-tableDefault.-listProduct td {
  font-size: 0.75rem;
  text-align: center;
  word-break: break-all;
}

.hcp-tableDefault.-listProduct td > p + p {
  margin-top: 8px;
}

.hcp-tableDefault.-listProduct tr:first-of-type th:not(.hcp-hTable) a::after {
  display: none;
}

.hcp-tableDefault.-listProduct tr:first-of-type th:not(.hcp-hTable),
.hcp-tableDefault.-listProduct tr:first-of-type td:not(.hcp-hTable) {
  border-top: 1px solid #b4b4b4;
}

.hcp-tableDefault.-listProduct tr:last-of-type th,
.hcp-tableDefault.-listProduct tr:last-of-type td {
  border-bottom: 1px solid #b4b4b4;
}

.-headListProduct + .hcp-tableDefault.-listProduct,
.hcp-tableDefault.-listProduct + .hcp-tableDefault.-listProduct {
  margin-top: 0;
}

.hcp-tableDefault.-headListProduct {
  background: #fff;
  table-layout: fixed;
}

.hcp-tableDefault.-headListProduct td {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 10px 11px;
}

.hcp-tableDefault.-headListProduct td:first-child {
  padding: 14px 0;
  width: 284px;
}

.hcp-tableDefault.-headListProduct td:first-child > dl {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}

.hcp-tableDefault.-headListProduct td:first-child > dl > dt {
  flex: 0 0 66px;
  max-width: 66px;
  padding: 0 0 0 10px;
  text-align: left;
}

.hcp-tableDefault.-headListProduct td:first-child > dl > dd {
  flex: 0 0 220px;
  max-width: 220px;
}

.hcp-tableDefault.-firstColumn33 tr *:first-child {
  width: 33.33%;
}

.hcp-tableDefault.-firstColumn50 tr *:first-child {
  width: 50%;
}

.hcp-tableDefault.-listProduct .hcp-productButton {
  border: 1px solid #379fc5;
  border-radius: 5px;
  color: #379fc5;
  display: block;
  font-size: 1.33333em;
  padding: 7px 26px;
  position: relative;
  text-decoration: none;
  transition: 0.3s;
}

.hcp-tableDefault.-listProduct .hcp-productButton.-ownLink {
  background-color: #379fc5;
  color: #fff;
}

.hcp-tableDefault.-listProduct .hcp-productButton:hover {
  
}

.hcp-tableDefault.-listProduct .hcp-productButton > span {
  display: inline-block;
}

.hcp-tableDefault.-listProduct .hcp-productButton::after {
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-externalLink-blue.svg)
    no-repeat;
  bottom: 0;
  content: "";
  height: 15px;
  margin: auto 0;
  position: absolute;
  right: 10px;
  top: 0;
  width: 14px;
}

.hcp-tableDefault.-listProduct .hcp-productButton.-ownLink::after {
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-link-white02.svg)
    no-repeat;
  height: 11px;
  width: 11px;
}

.hcp-tableDefault.-listProduct .chatbot > a {
  background-color: #4fade8;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 10px 20px 11px 7px;
  position: relative;
  text-decoration: none;
  transition: 0.3s;
  width: 100%;
}

.hcp-tableDefault.-listProduct .chatbot > a:hover {
  
}

.hcp-tableDefault.-listProduct .chatbot > a::after {
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-link-white02.svg)
    no-repeat;
  bottom: 0;
  content: "";
  height: 9px;
  margin: auto 0;
  position: absolute;
  right: 7px;
  top: 0;
  width: 10px;
}

.hcp-tableDefault.-listProduct .chatbot > a > img {
  vertical-align: middle;
  width: 108px;
}

.hcp-tagNews {
  border: 1px solid #007FAD;
  color: #585858;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 20px;
  padding: 0 7px;
}

.hcp-tagDisease {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 20px;
  min-width: 81px;
  padding: 0 7px;
  text-align: center;
}

.hcp-tagDisease.-benpi {
  background: #585858;
  color: #fff;
}

.hcp-tagDisease.-ibd {
  background: #a8c535;
  color: #fff;
}

.hcp-tagDisease.-uc {
  background: #e83f33;
  color: #fff;
}

.hcp-tagCategory {
  background: #585858;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 20px;
  min-width: 81px;
  padding: 0 7px;
  text-align: center;
}

.hcp-tagMember {
  background: #b5007c;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 20px;
  min-width: 81px;
  padding: 0 7px;
  text-align: center;
}

.hcp-tagMember.-doctor {
  background: #007FAD;
}

.hcp-tagNew {
  background: #e70000;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 20px;
  margin-right: 5px;
  min-width: 45px;
  padding: 0 7px;
  text-align: center;
}

.hcp-tagReserved {
  background: #fff2f2;
  border: 1px solid #e70000;
  color: #e70000;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 18px;
  margin-right: 5px;
  min-width: 91px;
  padding: 0 6px 0 23px;
  position: relative;
  text-align: center;
}

.hcp-tagReserved::before {
  bottom: 0;
  content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-checked.svg);
  height: 12px;
  left: 6px;
  line-height: 0;
  margin: auto;
  position: absolute;
  right: auto;
  top: 0;
  width: 12.152px;
}

.hcp-telephone {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

.hcp-telephone > .number {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  color: #007FAD;
  font-size: 1.625rem;
  font-weight: bold;
  max-width: 100%;
}

.hcp-telephone > .number > img {
  flex: 0 0 46.653px;
  height: 26.695px;
  line-height: 0;
  margin-right: 8.347px;
  width: 46.653px;
}

.hcp-telephone + * {
  margin-top: 26px;
}

.hcp-thumbLink {
  color: #333;
  display: block;
  text-decoration: none;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.hcp-thumbLink:focus,
.hcp-thumbLink:hover {
  color: #333;
}

.hcp-thumbLink:visited {
  color: #333;
}

.hcp-thumbLink:hover {
  color: #333;
  
}

.hcp-thumbLink > .thumbnail {
  display: block;
  position: relative;
}

.hcp-thumbLink > .thumbnail > img {
  display: block;
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.hcp-thumbLink > .thumbnail.-window::after {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-window.svg);
  background-size: contain;
  bottom: 5px;
  content: "";
  height: 8px;
  position: absolute;
  right: 5px;
  width: 8px;
}

.hcp-thumbLink > .description {
  display: block;
}

.hcp-thumbLink > .description > .title {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 6px;
  text-align: center;
}

.hcp-thumbLink > .description > .notes {
  display: block;
  font-size: 0.9375rem;
  margin-top: 2.75px;
}

.hcp-thumbLink.-fixedRatio > .thumbnail {
  background: #f5f5f5;
  padding: 0 0 56.25%;
  position: relative;
}

.hcp-thumbLink.-fixedRatio > .thumbnail > img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.contentInner .hcp-thumbLink > .description > .title {
  font-size: 0.8125rem;
  margin-top: 2.75px;
}

.hcp-sitemapList > li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.3em;
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-anchor.svg)
    no-repeat;
  background-size: contain;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  vertical-align: middle;
}

.hcp-sitemapList > li + li {
  margin-top: 24px;
}

.hcp-sitemapList > li > a {
  font-weight: bold;
}

.hcp-sitemapList > li > ul {
  margin-left: 22px;
  margin-top: 17px;
}

.hcp-sitemapList > li > ul > li > ul {
  margin-top: 17px;
}

.hcp-sitemapList > li > ul > li > ul > li {
  font-size: 0.9375em;
}

.hcp-sitemapList > li > ul > li > ul > li + li {
  margin-top: 12px;
}

.hcp-sitemapList > li > ul > li > ul > li:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 10px;
  margin-right: 6px;
  background: url()
    no-repeat;
  background-size: contain;
  vertical-align: middle;
}

@media print, screen and (min-width: 768px) {
  .hcp-boxEvent {
    display: flex;
    flex-flow: row nowrap;
  }

  .hcp-boxEvent > .content {
    flex: 1 0 auto;
    max-width: calc(100% - 400px);
  }

  .hcp-boxEvent > .thumbnail {
    flex: 0 0 400px;
    padding: 0 0 0 50px;
    max-width: 400px;
  }

  .hcp-boxEvent.-noThumbnail > .content {
    max-width: 100%;
  }

  .hcp-listEvent .hcp-boxEvent > .content {
    max-width: calc(100% - 250px);
  }

  .hcp-listEvent .hcp-boxEvent > .thumbnail {
    flex: 0 0 250px;
    max-width: 250px;
  }

  .hcp-listEvent .hcp-boxEvent.-noThumbnail > .content {
    max-width: 100%;
  }

  .hcp-boxNews > .tag + .notes {
    max-width: calc(100% - 320px);
  }

  .hcp-btnDefault.-centerPc {
    justify-content: center;
  }

  .hcp-btnDefault.-rightPc {
    justify-content: flex-end;
  }

  .hcp-btnJob > .button:focus,
  .hcp-btnJob > .button:hover {
    text-decoration: underline;
  }

  .hcp-cardLink.-fixedRatioPc > .thumbnail {
    background: #f5f5f5;
    padding: 0 0 56.25%;
    position: relative;
  }

  .hcp-cardLink.-fixedRatioPc > .thumbnail > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  .hcp-cardPickup > .thumbnail {
    background: #f5f5f5;
    padding: 0 0 56.25%;
    position: relative;
  }

  .hcp-cardPickup > .thumbnail > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  .hcp-navGlobal .hcp-categoryLink > .title > a:focus,
  .hcp-navGlobal .hcp-categoryLink > .title > a:hover {
    text-decoration: underline;
  }

  .hcp-footerCommon > .categories > .hcp-categoryLink > .title > a:focus,
  .hcp-footerCommon > .categories > .hcp-categoryLink > .title > a:hover {
    text-decoration: underline;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .title
    > a:focus,
  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .title
    > a:hover {
    text-decoration: underline;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail {
    padding-top: 7.75px;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li {
    margin-top: 8.5px;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li:first-child {
    margin-top: 0;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li
    > a {
    color: #333;
    display: inline-block;
    line-height: 1.5;
    padding: 0 0 0 10px;
    position: relative;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li
    > a::before {
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-link.svg);
    display: block;
    height: 9.23px;
    left: 0;
    line-height: 0;
    position: absolute;
    top: calc((1.5em - 9.23px) / 2);
    width: 3.74px;
    overflow: hidden;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li
    > a::before {
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-link.svg);
  }

  .hcp-iconDisease:focus,
  .hcp-iconDisease:hover {
    text-decoration: underline;
  }

  .hcp-checkBtn > input[type="checkbox"]:focus + label,
  .hcp-checkBtn > input[type="checkbox"]:hover + label {
    background: #7fc4d9;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-otherLink
    > li
    > a:focus,
  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-otherLink
    > li
    > a:hover {
    text-decoration: underline;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-otherLink.-insite
    > li
    + li {
    margin-top: 12px;
  }

  .hcp-tableDefault.-listProduct td:not(.hcp-hTable).chatbot {
    width: 174px;
  }

  .hcp-thumbLink:focus,
  .hcp-thumbLink:hover {
    text-decoration: underline;
  }

  .hcp-thumbLink.-fixedRatioPc > .thumbnail {
    background: #f5f5f5;
    padding: 0 0 56.25%;
    position: relative;
  }

  .hcp-thumbLink.-fixedRatioPc > .thumbnail > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media print, screen and (min-width: 1200px) {
  .hcp-pageTop {
    right: calc(50% - 584px);
  }
}

@media screen and (max-width: 767px) {
  .maintenance-txt {
    margin-bottom: 8%;
  }

  .hcp-productArea > .box {
    display: block;
    padding: 16px 10px;
  }

  .hcp-productArea > .box > .hcp-boxImage {
    width: auto;
  }

  .hcp-boxEvent > .thumbnail {
    margin: 26.75px auto 0;
    max-width: 350px;
  }

  .hcp-listEvent .hcp-boxEvent > .thumbnail {
    max-width: 200px;
  }

  .hcp-boxImage.-center > .image {
    border: 0;
    padding: 0;
  }

  .hcp-boxColumn.-left > .column:nth-child(2n + 1) > .hcp-boxImage > .image,
  .hcp-boxColumn.-right > .column:nth-child(2n) > .hcp-boxImage > .image {
    max-width: 375px;
  }

  .hcp-mainContentsIntro > .contents > li > .hcp-boxImage > .image img {
    margin-bottom: 10.5px;
  }

  .hcp-mainContentsIntro > .contents > li > .hcp-boxImage > .description {
    margin-top: 7.25px;
  }

  .hcp-boxInquiry > .title {
    padding: 25.5px 20px 13.5px;
  }

  .hcp-boxInquiry > .detail {
    padding: 23.5px 20px 30px;
  }

  .hcp-boxMovie > .movie {
    margin-bottom: 30px;
  }

  .hcp-boxMovie > .time {
    margin-top: 9px;
  }

  .hcp-boxMovie > .notes {
    margin-top: 9px;
  }

  .hcp-boxNews {
    flex-flow: row wrap;
  }

  .hcp-boxNews > .notes {
    flex: 0 0 100%;
    margin-top: 6px;
    max-width: 100%;
  }

  .hcp-btnDefault.-centerSp {
    justify-content: center;
  }

  .hcp-btnDefault.-rightSp {
    justify-content: flex-end;
  }

  .hcp-boxEvent + .hcp-btnDefault,
  .hcp-reserv-manage-form .hcp-btnDefault,
  .hcp-submit-button .hcp-btnDefault,
  .hcp-login-button .hcp-btnDefault {
    margin-top: 30px;
  }

  .hcp-boxEvent + .hcp-btnDefault.-twoButtons,
  .hcp-reserv-manage-form .hcp-btnDefault.-twoButtons,
  .hcp-submit-button .hcp-btnDefault.-twoButtons,
  .hcp-login-button .hcp-btnDefault.-twoButtons {
    align-items: center;
    flex-flow: column nowrap;
  }

  .hcp-boxEvent + .hcp-btnDefault.-twoButtons > .button,
  .hcp-reserv-manage-form .hcp-btnDefault.-twoButtons > .button,
  .hcp-submit-button .hcp-btnDefault.-twoButtons > .button,
  .hcp-login-button .hcp-btnDefault.-twoButtons > .button {
    max-width: 100%;
  }

  .hcp-boxEvent + .hcp-btnDefault.-twoButtons > .button + .button,
  .hcp-reserv-manage-form .hcp-btnDefault.-twoButtons > .button + .button,
  .hcp-submit-button .hcp-btnDefault.-twoButtons > .button + .button,
  .hcp-login-button .hcp-btnDefault.-twoButtons > .button + .button {
    margin-top: 20px;
  }

  .hcp-boxMovie .hcp-btnDefault {
    margin-bottom: 30px;
  }

  .hcp-productInfo .hcp-btnDefault {
    justify-content: center;
  }

  .hcp-headerChatbot .hcp-btnDefault > .button {
    min-width: 105px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .hcp-headerFunc .hcp-btnMember > .button {
    font-size: 0.75rem;
    height: 40px;
    width: auto;
  }

  .hcp-btnSyllabary > .button {
    font-size: 0.9375rem;
    height: 47px;
    width: 100%;
  }

  .hcp-buttonArea {
    font-size: 0.9375rem;
    justify-content: center;
    margin-top: 12px;
    padding-left: 0;
    width: auto;
  }

  .hcp-buttonArea > .button-link {
    font-size: 0.9375rem;
    width: 50%;
  }

  .hcp-buttonArea > .button-link a {
    padding: 11px 15px 11px 10px;
  }

  .hcp-buttonArea > .button-link a::after {
    right: 6px;
  }

  .hcp-buttonArea > .button-link + .button-link {
    margin-left: 7px;
  }

  .hcp-pageTop {
    right: 10px;
  }

  .hcp-cardLink.-fixedRatioSp > .thumbnail {
    background: #f5f5f5;
    padding: 0 0 56.25%;
    position: relative;
  }

  .hcp-cardLink.-fixedRatioSp > .thumbnail > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }

  .hcp-footerCommon > .categories > .hcp-categoryLink > .detail {
    padding: 10px 0 0 0;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .title {
    border-bottom: 1px solid #fff;
    font-size: 0.9375rem;
    padding: 17.25px 0 17.25px 15px;
    position: relative;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .title::before {
    bottom: 0;
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-accordion-open.svg);
    height: 20px;
    left: auto;
    line-height: 0;
    margin: auto;
    position: absolute;
    right: 13px;
    top: 0;
    width: 20px;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li {
    border-bottom: 1px solid #fff;
    font-size: 0.9375rem;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li
    > a {
    color: #333;
    display: block;
    padding: 17.25px 0 17.25px 35px;
    position: relative;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-categoryLink
    > .detail
    > ul
    > li
    > a::before {
    bottom: 0;
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-move.svg);
    height: 13.66px;
    left: auto;
    line-height: 0;
    margin: auto;
    position: absolute;
    right: 18.8px;
    top: 0;
    width: 7.48px;
  }

  .hcp-hLv1 > .title {
    font-size: 1.5625rem;
  }

  .hcp-hLv1 > .title::before {
    top: 0;
    bottom: 0;
  }

  .hcp-hLv1 + * {
    margin-top: 30px;
  }

  .hcp-hLv2 > .title {
    font-size: 1.375rem;
    padding: 7px 24px 7px 20px;
  }

  .hcp-hLv2 + * {
    margin-top: 21px;
  }

  .hcp-hLv3 > .title {
    font-size: 1.25rem;
    padding: 9px 14px 9px 10px;
  }

  .hcp-hLv3 + * {
    margin-top: 15px;
  }

  .hcp-hLv4 + * {
    margin-top: 9px;
  }

  .hcp-hLv5 + * {
    margin-top: 9px;
  }

  .hcp-hTable {
    padding: 5px 15px;
  }

  .hcp-hHome > .title {
    font-size: 1.5625rem;
  }

  .hcp-hHome > .title::before {
    top: 0;
    bottom: 0;
  }

  .hcp-hHome + * {
    margin-top: 10px;
  }

  .hcp-hProduct + * {
    margin-top: 15px;
  }

  .hcp-iconPanelSmall {
    padding: 13px 17px;
  }

  .hcp-iconPanelSmall > .icon {
    height: 51.08px;
    min-width: 54px;
    width: 54px;
  }

  .hcp-iconPanelSmall > .title {
    font-size: 1.125rem;
  }

  .hcp-listQa {
    margin-top: -12px;
  }

  .hcp-newsTab > .title > .tab > button {
    font-size: 0.875rem;
    padding: 0 12px;
  }

  .hcp-newsTab > .content > .panel {
    padding: 16px 15px 20px;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-otherLink
    > li {
    border-bottom: 1px solid #fff;
    font-size: 0.9375rem;
  }

  .hcp-loginPage
    .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-otherLink
    > li {
    border-bottom-color: #e5e5e5;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-otherLink
    > li
    > a {
    color: #333;
    display: block;
    padding: 17.25px 0 17.25px 15px;
    position: relative;
  }

  .hcp-footerCommon
    > .categories
    > .hcp-categoryLink
    > .detail
    > .hcp-otherLink
    > li
    > a::before {
    bottom: 0;
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-move.svg);
    height: 13.66px;
    left: auto;
    line-height: 0;
    margin: auto;
    position: absolute;
    right: 18.8px;
    top: 0;
    width: 7.48px;
  }

  .hcp-tableDefault th,
  .hcp-tableDefault td {
    padding: 8px 15px;
  }

  .hcp-tableDefault.-responsive {
    display: block;
  }

  .hcp-tableDefault.-responsive caption {
    display: block;
  }

  .hcp-tableDefault.-responsive tbody {
    display: block;
  }

  .hcp-tableDefault.-responsive tr {
    display: block;
  }

  .hcp-tableDefault.-responsive tr th,
  .hcp-tableDefault.-responsive tr td {
    display: block;
    width: 100% !important;
  }

  .hcp-tableDefault.-responsive tr th:not(.hcp-hTable),
  .hcp-tableDefault.-responsive tr td {
    border-bottom: 0;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-top: 0;
  }

  .hcp-tableDefault.-responsive tr:first-of-type th:first-child,
  .hcp-tableDefault.-responsive tr:first-of-type td:first-child {
    border-top: 1px solid #b4b4b4;
  }

  .hcp-tableDefault.-responsive tr:last-of-type th:last-child,
  .hcp-tableDefault.-responsive tr:last-of-type td:last-child {
    border-bottom: 1px solid #b4b4b4;
  }

  .hcp-tableDefault.-rowToColumn {
    border-left: 1px solid #b4b4b4;
    display: flex;
    flex-flow: row nowrap;
  }

  .hcp-tableDefault.-rowToColumn > thead,
  .hcp-tableDefault.-rowToColumn > tbody,
  .hcp-tableDefault.-rowToColumn > tfoot {
    border-bottom: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-top: 1px solid #b4b4b4;
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    max-width: 100%;
  }

  .hcp-tableDefault.-rowToColumn > thead > tr,
  .hcp-tableDefault.-rowToColumn > tbody > tr,
  .hcp-tableDefault.-rowToColumn > tfoot > tr {
    display: flex;
    flex: 0 0 auto;
    flex-flow: column nowrap;
    max-width: 100%;
  }

  .hcp-tableDefault.-rowToColumn > thead > tr > th,
  .hcp-tableDefault.-rowToColumn > thead > tr > td,
  .hcp-tableDefault.-rowToColumn > tbody > tr > th,
  .hcp-tableDefault.-rowToColumn > tbody > tr > td,
  .hcp-tableDefault.-rowToColumn > tfoot > tr > th,
  .hcp-tableDefault.-rowToColumn > tfoot > tr > td {
    border: 0;
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
  }

  .hcp-tableDefault.-rowToColumn > thead > tr > th + th,
  .hcp-tableDefault.-rowToColumn > thead > tr > th + td,
  .hcp-tableDefault.-rowToColumn > thead > tr > td + th,
  .hcp-tableDefault.-rowToColumn > thead > tr > td + td,
  .hcp-tableDefault.-rowToColumn > tbody > tr > th + th,
  .hcp-tableDefault.-rowToColumn > tbody > tr > th + td,
  .hcp-tableDefault.-rowToColumn > tbody > tr > td + th,
  .hcp-tableDefault.-rowToColumn > tbody > tr > td + td,
  .hcp-tableDefault.-rowToColumn > tfoot > tr > th + th,
  .hcp-tableDefault.-rowToColumn > tfoot > tr > th + td,
  .hcp-tableDefault.-rowToColumn > tfoot > tr > td + th,
  .hcp-tableDefault.-rowToColumn > tfoot > tr > td + td {
    border-top: 1px solid #b4b4b4;
  }

  .hcp-tableDefault.-listProduct {
    border: 1px solid #b4b4b4;
  }

  .hcp-tableDefault.-listProduct caption {
    display: block;
    position: relative;
  }

  .hcp-tableDefault.-listProduct caption::before {
    bottom: 0;
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-accordion-open-white.svg);
    height: 16px;
    left: auto;
    line-height: 0;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 0;
    width: 16px;
  }

  .hcp-tableDefault.-listProduct._init caption {
    cursor: pointer;
    transition: opacity 0.3s ease-out;
  }

  .hcp-tableDefault.-listProduct._init caption:focus,
  .hcp-tableDefault.-listProduct._init caption:hover {
    
  }

  .hcp-tableDefault.-listProduct._active caption::before {
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-accordion-close-white.svg);
    height: 15px;
    width: 16px;
  }

  .hcp-tableDefault.-listProduct th:not(.hcp-hTable),
  .hcp-tableDefault.-listProduct td {
    border-left: 0;
    border-right: 0;
  }

  .hcp-tableDefault.-listProduct th:not(.hcp-hTable),
  .hcp-tableDefault.-listProduct td {
    border-bottom: none;
  }

  .hcp-tableDefault.-listProduct th:not(.hcp-hTable) {
    padding: 11px 17px;
  }

  .hcp-tableDefault.-listProduct th:not(.hcp-hTable) > a {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    padding: 10px 35px 10px 15px;
    position: relative;
    width: 100%;
  }

  .hcp-tableDefault.-listProduct th:not(.hcp-hTable) > a::before {
    bottom: 0;
    content: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/icon-move.svg);
    height: 14.4px;
    left: auto;
    line-height: 0;
    margin: auto;
    position: absolute;
    right: 19px;
    top: 0;
    width: 8.563px;
  }

  .hcp-tableDefault.-listProduct td:not(.hcp-hTable).chatbot:not(:has(a)) {
    display: none;
  }

  .hcp-tableDefault.-listProduct td:not(.hcp-hTable).chatbot {
    padding: 0 17px 15px;
    width: 100%;
  }

  .hcp-tableDefault.-listProduct td:not(.hcp-hTable).chatbot > a {
    width: 149px;
  }

  .hcp-tableDefault.-listProduct td {
    display: block;
    padding: 15px 17px;
  }

  .hcp-tableDefault.-listProduct tr:first-of-type th:not(.hcp-hTable),
  .hcp-tableDefault.-listProduct tr:first-of-type td:not(.hcp-hTable) {
    border-top: 0;
  }

  .hcp-tableDefault.-listProduct tr:last-of-type th,
  .hcp-tableDefault.-listProduct tr:last-of-type td {
    border-bottom: none;
  }

  .-headListProduct + .hcp-tableDefault.-listProduct,
  .hcp-tableDefault.-listProduct + .hcp-tableDefault.-listProduct {
    margin-top: 9px;
  }

  .hcp-tableDefault.-listProduct > .detail {
    display: block;
  }

  .hcp-tableDefault.-listProduct > .detail > tr {
    display: block;
  }

  .hcp-tableDefault.-listProduct > .detail > tr > th {
    display: block;
  }

  .hcp-tableScrollWrapper {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
  }

  .hcp-telephone + * {
    margin-top: 19px;
  }

  .hcp-thumbLink.-fixedRatioSp > .thumbnail {
    background: #f5f5f5;
    padding: 0 0 56.25%;
    position: relative;
  }

  .hcp-thumbLink.-fixedRatioSp > .thumbnail > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
  }
}

/*
  アクセシビリティ対応用隠しテキスト
  JSで挿入されるタグ
*/
.hidden-text {
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  border: 0;
}
/* .hcp-boxJobSelect {
  display: flex;
  flex-flow: row wrap;
  list-style: none none outside;
  margin: 0 auto -10px;
  max-width: 100%;
  width: 308px;
}

.hcp-boxJobSelect>.job {
  flex: 0 1 154px;
  max-width: 50%;
}

.hcp-boxJobSelect>.job:nth-child(2n+1) {
  padding: 0 5px 10px 0;
}

.hcp-boxJobSelect>.job:nth-child(2n) {
  padding: 0 0 10px 5px;
}

.hcp-boxLogin {
  background: #f5f5f5;
}

.hcp-boxColumn+.hcp-boxLogin {
  margin-top: 40px;
}

.hcp-boxMembership.-large>.buttons+* {
  margin-top: 20px;
}

.hcp-landingPage .hcp-boxMembership {
  background: #f5f5f5;
  padding: 40px 0;
}

.hcp-landingPage .hcp-boxMembership>.noregistration {
  border-top: 1px solid #b4b4b4;
  margin-top: 29.75px;
  padding: 30px 0 0;
}

.hcp-footerCommon .hcp-boxMembership>.membershipInfo {
  margin-top: 15px;
}

.hcp-footerCommon .hcp-boxMembership>.membershipInfo>a {
  color: #fff;
  text-decoration: none;
}

.hcp-footerCommon .hcp-boxMembership>.membershipInfo>a:focus,
.hcp-footerCommon .hcp-boxMembership>.membershipInfo>a:hover {
  color: #fff;
}

.hcp-footerCommon .hcp-boxMembership>.membershipInfo>a:visited {
  color: #fff;
}

.hcp-loginPage .hcp-boxMembership>.medpassInfo>a {
  text-decoration: none;
}

.hcp-loginPage .hcp-boxMembership>.medpassInfo>a:focus,
.hcp-loginPage .hcp-boxMembership>.medpassInfo>a:hover {
  text-decoration: underline;
}

.hcp-boxLogin .hcp-boxMembership {
  padding-top: 11.75px;
}

.hcp-boxLogin .hcp-boxMembership>.buttons {
  padding-top: 15px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  width: 308px;
}

.hcp-boxLogin .hcp-boxMembership>.buttons>li {
  flex: 0 1 154px;
  max-width: calc(50% - 5px);
}

.hcp-boxLogin .hcp-boxMembership>.buttons+* {
  margin-top: 15px;
}

@media print,screen and (min-width: 768px) {
  .hcp-boxMembership.-large>.buttons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    width: 582px;
  }

  .hcp-boxMembership.-large>.buttons>li {
    flex: 0 1 291px;
    max-width: calc(50% - 15px);
  }

  .hcp-footerCommon .hcp-boxMembership>.buttons>li+li {
    margin-top: 15px;
  }

  .hcp-footerCommon .hcp-boxMembership>.membershipInfo>a:focus,
  .hcp-footerCommon .hcp-boxMembership>.membershipInfo>a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .hcp-boxColumn+.hcp-boxLogin {
    margin-top: 30px;
  }

  .hcp-boxMembership.-large>.buttons>li {
    width: 276px;
    max-width: 100%;
    margin: 0 auto;
  }

  .hcp-boxMembership.-large>.buttons>li+li {
    margin-top: 20px;
  }

  .hcp-landingPage .hcp-boxMembership {
    padding: 30px 0;
  }

  .hcp-landingPage .hcp-boxMembership>.noregistration {
    margin-top: 21.75px;
    padding: 22px 0 0;
  }

  .hcp-footerCommon .hcp-boxMembership {
    padding-top: 30px;
  }

  .hcp-footerCommon .hcp-boxMembership>.buttons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    width: 318px;
  }

  .hcp-footerCommon .hcp-boxMembership>.buttons>li {
    flex: 0 1 159px;
    max-width: calc(50% - 10px);
  }

  .hcp-footerCommon .hcp-boxMembership>.membershipInfo {
    font-size: .9375rem;
    margin-top: 16.25px;
    text-align: center;
  }

  .hcp-boxLogin .hcp-boxMembership {
    padding-top: 15.75px;
  }
} */
.hcp-chatbotTos .hcp-header {
  background: #fff;
  border-bottom: 3px solid #ddd;
  position: fixed;
  width: 100%;
}

.hcp-chatbotTos .hcp-headerChatbot {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 992px;
  min-height: 103px;
  padding: 0 259px 13px;
  position: relative;
}

.hcp-chatbotTos .hcp-headerChatbot > .logo {
  left: 16px;
  position: absolute;
  top: 18px;
  width: 243px;
}

.hcp-chatbotTos .hcp-headerChatbot > .logo a {
  text-decoration: none;
}

.hcp-chatbotTos .hcp-headerChatbot > .logo img {
  display: block;
  height: 18.9217877%;
  width: 100%;
}

.hcp-chatbotTos .hcp-headerChatbot > .logo span {
  color: #474645;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 6px 0 0 56px;
}

.hcp-chatbotTos .hcp-headerChatbot .title {
  font-size: 1.375rem;
  font-weight: normal;
  margin: auto;
  padding: 29px 0 0;
  text-align: center;
}

.hcp-chatbotTos .hcp-headerChatbot > .closeButton {
  position: absolute;
  right: 16px;
  top: 31px;
}

.hcp-chatbotTos .hcp-mainContents {
  margin: 0 auto;
  max-width: 932px;
  padding: 128px 16px 117px;
}

.hcp-chatbotTos .hcp-footer {
  bottom: 0;
  position: fixed;
  width: 100%;
}

.hcp-elentalPage .hcp-wrapperElentalChart {
  overflow: auto;
  position: relative;
  width: 100%;
}

.hcp-elentalPage .hcp-tableElental {
  border: 1px solid #d5d5d5;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

.hcp-elentalPage .hcp-tableElental tr.firstRow > th,
.hcp-elentalPage .hcp-tableElental tr.firstRow > td {
  border-top: none;
}

.hcp-elentalPage .hcp-tableElental tr.evenRow > th,
.hcp-elentalPage .hcp-tableElental tr.evenRow > td {
  background: #f2f7e3;
}

.hcp-elentalPage .hcp-tableElental th,
.hcp-elentalPage .hcp-tableElental td {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  box-sizing: border-box;
  font-size: 0.8125rem;
  padding: 0.3em 0.85em;
  vertical-align: middle;
}

.hcp-elentalPage .hcp-tableElental th.greenCell,
.hcp-elentalPage .hcp-tableElental td.greenCell {
  background: #cce198 !important;
}

.hcp-elentalPage .hcp-tableElental th.blueCell,
.hcp-elentalPage .hcp-tableElental td.blueCell {
  background: #c7d9f0 !important;
}

.hcp-elentalPage .hcp-tableElental th.lightBlueCell,
.hcp-elentalPage .hcp-tableElental td.lightBlueCell {
  background: #dff2fc !important;
}

.hcp-elentalPage .hcp-tableElental th.borderTopNone,
.hcp-elentalPage .hcp-tableElental td.borderTopNone {
  border-top: none;
}

.hcp-elentalPage .hcp-tableElental th.borderRightNone,
.hcp-elentalPage .hcp-tableElental td.borderRightNone {
  border-right: none;
}

.hcp-elentalPage .hcp-tableElental.-fixedWidth {
  table-layout: fixed;
}

.hcp-elentalPage .hcp-tableElental.-fixedWidth th,
.hcp-elentalPage .hcp-tableElental.-fixedWidth td {
  white-space: nowrap;
}

.hcp-elentalPage .hcp-tableElental.-fixedWidth th.widthNarrow,
.hcp-elentalPage .hcp-tableElental.-fixedWidth td.widthNarrow {
  width: 100px;
}

.hcp-elentalPage .hcp-tableElental.-fixedWidth th.widthNormal,
.hcp-elentalPage .hcp-tableElental.-fixedWidth td.widthNormal {
  width: 120px;
}

.hcp-elentalPage .hcp-tableElental.-fixedWidth th.widthWide,
.hcp-elentalPage .hcp-tableElental.-fixedWidth td.widthWide {
  width: 170px;
}

.hcp-fib4Page .header {
  background: #fff;
  border-bottom: 3px solid #ddd;
  width: 100%;
}

.hcp-fib4Page .header .container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-top: 0;
  width: 760px;
}

.hcp-fib4Page .header .container::after {
  content: "";
  display: block;
  clear: both;
}

.hcp-fib4Page .header .container .header_logo {
  float: left;
  padding: 21px 0;
  width: 225px;
}

.hcp-fib4Page .header .container .closeButton {
  margin: 26px auto 20px;
}

.hcp-fib4Page .main {
  background: #f4f5f5;
  padding: 40px 0 62px;
}

.hcp-fib4Page .hcp-fibWrapper {
  background: #f4f5f5;
  padding: 30px 0;
}

.hcp-fib4Page .fibBox {
  width: 500px;
  margin: 0 auto;
}

.hcp-fib4Page .fibBox .hdg {
  font-size: 24px;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  background: #1f5661;
  padding: 0.7em 0;
  border-radius: 5px 5px 0 0;
}

.hcp-fib4Page .fibBox .fibBoxInner {
  padding: 35px 0 50px 0;
  border-radius: 0 0 5px 5px;
  background: #fff;
}

.hcp-fib4Page .fibBox .fibBoxInner .fibTitle01 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #df0070;
  margin-bottom: 0.2em;
}

.hcp-fib4Page .fibBox .fibBoxInner .fibTx01 {
  text-align: center;
  margin-bottom: 44px;
}

.hcp-fib4Page .fibBox .fibBoxInner .fibTx01 img {
  width: 93.6%;
}

.hcp-fib4Page .fibBox dl {
  margin: 0 0 30px 54px;
}

.hcp-fib4Page .fibBox dl dt {
  float: left;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
  background: #1f5661;
  border: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  padding: 0.65em 0 0;
  width: 5.7em;
  height: 48px;
  box-sizing: border-box;
}

.hcp-fib4Page .fibBox dl dd {
  font-size: 20px;
  line-height: 1.1;
  vertical-align: bottom;
}

.hcp-fib4Page .fibBox dl dd input {
  vertical-align: bottom;
  width: 204px;
  box-sizing: border-box;
  font-size: 30px;
  line-height: 1.1;
  padding: 0 0.8em 0 0.8em;
  height: 48px;
  border: 1px solid #cbcbcb;
  border-left: none;
  background: #f3f4f7;
  margin-right: 5px;
  box-sizing: border-box;
}

.hcp-fib4Page .fibBox .resultWrap {
  border: 5px solid #df0071;
  text-align: center;
  padding: 25px 0 20px;
  margin: 48px 77px 0 77px;
}

.hcp-fib4Page .fibBox .resultWrap .resultTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  color: #df0071;
}

.hcp-fib4Page .fibBox .resultWrap .resultTitle span {
  font-size: 24px;
  color: #df0071;
  margin: 0 0.3em;
}

.hcp-fib4Page .fibBox .resultWrap .resultBox {
  width: 160px;
  margin: 0 auto;
  min-height: 55px;
  box-sizing: border-box;
  border-bottom: 3px solid #cbcbcb;
  position: relative;
}

.hcp-fib4Page .fibBox .resultWrap #kekka {
  position: absolute;
  bottom: 0.4em;
  text-align: center;
  width: 160px;
  font-size: 18px;
  line-height: 1.1;
  color: #cbcbcb;
  text-align: center;
}

.hcp-fib4Page .fibBox .resultWrap #result {
  position: absolute;
  bottom: 0.05em;
  text-align: center;
  width: 160px;
  font-size: 40px;
  line-height: 1.1;
  color: #333;
  text-align: center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-filter: blur(0px);
  filter: blur(0px);
  transition: all 0.5s;
}

.hcp-fib4Page .fibBox .resultWrap #result.exe {
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

.hcp-fib4Page .fibBox .resultWrap .note {
  font-size: 14px;
  line-height: 1.1;
  margin-top: 0.65em;
}

.hcp-fib4Page .footer {
  display: block;
}

.hcp-fib4Page .footer .footer_lower {
  background-color: #008db8;
  color: #fff;
  font-size: 14px;
}

.hcp-fib4Page .footer .footer_lower .container {
  padding-bottom: 16px;
  padding-top: 14px;
}

.hcp-fib4Page .footer .footer_lower .container::after {
  content: "";
  display: block;
  clear: both;
}

.hcp-fib4Page .fibTextLink01:after,
.hcp-fib4Page .fibBox dl:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.hcp-fib4Page .fibTextLink01,
.hcp-fib4Page .fibBox dl {
  *display: inline-table;
  *zoom: 1;
}

.hcp-fscaleQ {
  margin-top: 20px;
}

.hcp-fscaleQ .hcp-fscaleHowToUse {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}

.hcp-fscaleQ .hcp-fscaleHowToUse > dt {
  background: #d8ebf5;
  border-radius: 5px;
  flex: 0 0 80px;
  height: 38px;
  line-height: 38px;
  margin-right: 20px;
  max-width: 80px;
  text-align: center;
}

.hcp-fscaleQ .hcp-fscaleHowToUse > dd {
  flex: 1 0 auto;
  max-width: calc(100% - 100px);
}

.hcp-fscaleA {
  margin-top: 40px;
}

.hcp-fscaleA .hcp-fscaleScore {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.hcp-fscaleA .hcp-fscaleScore > .sub {
  flex: 0 0 270px;
  margin: 0 30px 17px 0;
  max-width: 270px;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  height: 63px;
  padding-bottom: 14.5px;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li + li {
  margin-top: 17px;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li > p {
  align-items: flex-end;
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li > p > .title {
  border-left: 14px solid rgba(0, 0, 0, 0);
  flex: 1 0 auto;
  font-size: 0.9375rem;
  font-weight: bold;
  max-width: calc(100% - 80px);
  padding: 5px 0 5px 6px;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li > p > .scoreWrap {
  flex: 0 0 80px;
  max-width: 80px;
  overflow: visible;
  -webkit-transform: translate(0, 8%);
  transform: translate(0, 8%);
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li > p > .scoreWrap > .score {
  color: #007cc2;
  display: inline-block;
  font-size: 2.25rem;
  letter-spacing: -0.08em;
  line-height: 1;
  padding-right: 0.2em;
  text-align: right;
  width: 50px;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li > p > .scoreWrap > .ten {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1;
  width: 30px;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li.gerd > p > .title {
  border-left-color: #fff58f;
}

.hcp-fscaleA .hcp-fscaleScore > .sub > li.indigestion > p > .title {
  border-left-color: #e2eee6;
}

.hcp-fscaleA .hcp-fscaleScore > .total {
  background: #d9ebf5;
  border-radius: 10px;
  flex: 0 0 100%;
  margin: 0 0 17px;
  max-width: calc(100% - 300px);
  min-width: 270px;
  padding: 26px 20px 20px;
}

.hcp-fscaleA .hcp-fscaleScore > .total > .title {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}

.hcp-fscaleA .hcp-fscaleScore > .total > .scoreWrap {
  background: #fff;
  border-radius: 10px;
  margin: 16px auto 0;
  max-width: 310px;
  padding: 7px 0;
  text-align: center;
  width: auto;
}

.hcp-fscaleA .hcp-fscaleScore > .total > .scoreWrap > p {
  align-items: flex-end;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

.hcp-fscaleA .hcp-fscaleScore > .total > .scoreWrap > p > .score {
  color: #d5027f;
  flex: 0 0 auto;
  font-size: 2.5rem;
  height: 40px;
  line-height: 1;
  padding: 0 0.1em 0 0.2em;
  text-align: right;
  max-width: calc(100% - 60px);
}

.hcp-fscaleA .hcp-fscaleScore > .total > .scoreWrap > p > .ten {
  flex: 0 0 60px;
  font-size: 0.9375rem;
  line-height: 1;
  width: 60px;
}

.hcp-fscaleA .hcp-fscaleCaution {
  align-items: center;
  border-bottom: 1px dotted #bbb;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin: 23px auto 20px;
  padding-bottom: 10px;
}

.hcp-fscaleA .hcp-fscaleCaution > img {
  flex: 0 0 55px;
  height: 55px;
  margin-right: 5px;
  width: 55px;
}

.hcp-fscaleA .hcp-fscaleCaution > strong {
  flex: 1 0 auto;
  font-size: 1.375rem;
  width: calc(100% - 60px);
}

.hcp-fscaleA .hcp-fscaleCaution > strong > span {
  display: inline-block;
  color: #d6007f;
  padding: 0 0.2em;
}

.hcp-hFscale {
  background: #a1a1a1;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.7;
  padding: 3px 12px;
  text-align: center;
}

.hcp-tableFscale {
  border-collapse: collapse;
  width: 100%;
}

.hcp-tableFscale tr {
  border-bottom: 1px solid #c7c7c7;
}

.hcp-tableFscale tr.gerd {
  background: #fff68f;
}

.hcp-tableFscale tr.indigestion {
  background: #e2eee6;
}

.hcp-tableFscale tr.invalid > th,
.hcp-tableFscale tr.invalid > td {
  background: #fff;
  border-bottom: 1px solid #f66;
  border-top: 1px solid #f66;
}

.hcp-tableFscale tr.invalid > .txt {
  color: red;
  font-weight: bold;
}

.hcp-tableFscale th,
.hcp-tableFscale td {
  font-size: 0.875rem;
  padding: 14.5px 10px;
}

.hcp-tableFscale td {
  white-space: nowrap;
}

.hcp-tableFscale td > label {
  padding-left: 5px;
}

.hcp-tableFscale .number {
  padding: 14.5px 0 14.5px 12px;
  text-align: left;
  width: 64px;
}

.hcp-tableFscale .txt {
  font-weight: normal;
  text-align: left;
}

.hcp-fscaleA .hcp-tableFscale {
  border: 1px solid #a1a1a1;
  margin-top: 20px;
}

.hcp-fscaleA .hcp-tableFscale thead > tr th {
  background: #ddefff;
  font-weight: normal;
}

.hcp-fscaleA .hcp-tableFscale th,
.hcp-fscaleA .hcp-tableFscale td {
  border: 1px solid #a1a1a1;
}

.hcp-fscaleA .hcp-tableFscale .number {
  padding: 14.5px 10px;
  text-align: center;
  width: 45px;
}

.hcp-fscaleA .hcp-tableFscale .degree {
  background: #fff;
  white-space: nowrap;
}

.hcp-fscaleA .hcp-tableFscale .mark {
  font-weight: bold;
  text-align: center;
}

.hcp-fscaleA .hcp-tableFscale .memo {
  height: 84px;
  vertical-align: top;
}

.hcp-tableFscaleFooter {
  color: #777;
  margin-top: 1em;
}

.hcp-tableFscaleFooter > .source {
  position: relative;
}

.hcp-tableFscaleFooter > .source > dt {
  left: 0;
  position: absolute;
  top: 0;
}

.hcp-tableFscaleFooter > .source > dd {
  padding: 0 0 0 4em;
}

.hcp-fscaleInvalid {
  color: red;
  display: none;
  text-align: center;
}

.hcp-boxGooficeFaq {
  background: #fffbda;
  margin: 0 auto;
  max-width: 723px;
  padding: 20px;
}

.hcp-mainContentsIntro {
  margin: 0 auto;
  max-width: 772px;
  padding: 80px 16px;
}

.hcp-mainContentsIntro > .title {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

.hcp-mainContentsIntro > .contents {
  display: flex;
  flex-flow: row wrap;
  list-style: none none outside;
}

.hcp-mainContentsIntro > .contents > li {
  flex: 0 0 50%;
  max-width: 50%;
}

.hcp-mainContentsIntro > .contents > li:nth-child(2n + 1) {
  padding: 40px 50px 0 0;
}

.hcp-mainContentsIntro > .contents > li:nth-child(2n) {
  padding: 40px 0 0 50px;
}

.hcp-listRecChecked > li {
  padding-left: 17px;
  position: relative;
  text-indent: 0;
}

.hcp-listRecChecked > li::before {
  content: url();
  left: 0;
  position: absolute;
  top: 0;
}

.hcp-wrapperRecProcedure {
  margin: 0 auto;
  max-width: 740px;
}

.searchResult .view-header > h2 {
  border-bottom: 1px solid #007fad;
  border-left: 4px solid #007fad;
  color: #333;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 8px 24px 8px 20px;
}

.searchResult .view-header + * {
  margin-top: 28px;
}

.searchResult .view-content > div > .views-field > .field-content > a {
  color: #333;
  display: block;
  font-size: 0.875rem;
  text-decoration: none;
  transition: opacity 0.3s ease-out;
}

.searchResult .view-content > div > .views-field > .field-content > a:focus,
.searchResult .view-content > div > .views-field > .field-content > a:hover {
  
}

.searchResult
  .view-content
  > div
  > .views-field
  > .field-content
  > a
  > .field-content-title {
  display: block;
  font-size: 1rem;
  margin-bottom: 1em;
  text-decoration: underline;
}

.searchResult
  .view-content
  > div
  > .views-field
  > .field-content
  > a
  > .field-content-footer {
  color: #797979;
  display: block;
  font-size: 0.8125rem;
  margin-top: 0.3em;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.searchResult .view-content > div + div {
  margin-top: 50px;
}

.searchResult .view-content + * {
  margin-top: 60px;
}

.pager.-hcpNews .pager__items {
  margin: 0;
}

.pager.-hcpNews .pager__items > .pager__item.pager__item--previous,
.pager.-hcpNews .pager__items > .pager__item.pager__item--next {
  background-color: #fff;
  border: 1px solid #379fc5;
  border-radius: 3px;
}

.pager.-hcpNews .pager__items > .pager__item.pager__item--previous {
  margin-right: 15px;
  position: relative;
}

.pager.-hcpNews .pager__items > .pager__item.pager__item--previous a::before {
  border-bottom: 2px solid #379fc5;
  border-left: 2px solid #379fc5;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 10px;
  margin: auto auto auto -2px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

.pager.-hcpNews .pager__items > .pager__item.pager__item--previous:hover,
.pager.-hcpNews .pager__items > .pager__item.pager__item--next:hover,
.pager.-hcpNews .pager__items > .pager__item.pager__item--previous a:focus,
.pager.-hcpNews .pager__items > .pager__item.pager__item--next a:focus {
  background-color: #fff;
  
}

.pager.-hcpNews .pager__items > .pager__item {
  background-color: #fff;
  border-bottom: 0;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  margin: 0 5px;
  padding: 0;
  transition: 0.3s ease-out;
  width: 50px;
}

.pager.-hcpNews .pager__items > .pager__item > a {
  border-bottom: 0;
  color: #333;
  display: block;
  height: 100%;
  line-height: 50px;
}

.pager.-hcpNews .pager__items > .pager__item:hover,
.pager.-hcpNews .pager__items > .pager__item a:focus {
  background-color: #dfeef7;
  border-radius: 3px;
}

.pager.-hcpNews .pager__items > .pager__item.is-active {
  background-color: #379fc5;
  border-bottom: 0;
  color: #fff;
}

.pager.-hcpNews .pager__items > .pager__item.is-active a {
  border-bottom: 0;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease-out;
}

.pager.-hcpNews .pager__items > .pager__item.is-active:hover {
  
}

.pager.-hcpNews .pager__items > .pager__item.is-active a:focus {
  color: #333;
  
}

.pager.-hcpNews .pager__items > .pager__item.pager__item--next {
  margin-left: 15px;
  position: relative;
}

.pager.-hcpNews .pager__items > .pager__item.pager__item--next a::before {
  border-right: 2px solid #379fc5;
  border-top: 2px solid #379fc5;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 21px;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

.pager.-hcpNews .pager__items > .pager__item.is-disabled {
  border: 1px solid #b4b4b4;
}

.pager.-hcpNews .pager__items > .pager__item.is-disabled a {
  cursor: default;
}

.pager.-hcpNews .pager__items > .pager__item.is-disabled:hover,
.pager.-hcpNews .pager__items > .pager__item.is-disabled a:focus {
  opacity: 1;
}

.pager.-hcpNews
  .pager__items
  > .pager__item.pager__item--previous.is-disabled
  a::before,
.pager.-hcpNews
  .pager__items
  > .pager__item.pager__item--next.is-disabled
  a::before {
  border-color: #b4b4b4;
}

@media screen and (max-width: 767px) {
  .hcp-chatbotTos .hcp-headerChatbot {
    padding: 73px 10px 5px 15px;
  }

  .hcp-chatbotTos .hcp-headerChatbot > .logo {
    top: 10px;
    width: 179px;
    max-width: calc(100% - 153px);
  }

  .hcp-chatbotTos .hcp-headerChatbot > .logo span {
    font-size: 11px;
    margin: 4px 0 0 43px;
  }

  .hcp-chatbotTos .hcp-headerChatbot .title {
    font-size: 1.125rem;
    padding: 0;
  }

  .hcp-chatbotTos .hcp-headerChatbot > .closeButton {
    right: 10px;
    top: 24px;
  }

  .hcp-chatbotTos .hcp-mainContents {
    padding: 140px 10px 180px;
  }

  .hcp-elentalPage .hcp-tableElental.-fixedWidth th.widthNarrow,
  .hcp-elentalPage .hcp-tableElental.-fixedWidth td.widthNarrow {
    width: 80px;
  }

  .hcp-elentalPage .hcp-tableElental.-fixedWidth th.widthNormal,
  .hcp-elentalPage .hcp-tableElental.-fixedWidth td.widthNormal {
    width: 100px;
  }

  .hcp-elentalPage .hcp-tableElental.-fixedWidth th.widthWide,
  .hcp-elentalPage .hcp-tableElental.-fixedWidth td.widthWide {
    width: 155px;
  }

  .hcp-fscaleQ {
    margin-top: 24px;
  }

  .hcp-fscaleA {
    margin-top: 30px;
  }

  .hcp-fscaleA .hcp-fscaleCaution {
    align-items: flex-start;
  }

  .hcp-mainContentsIntro {
    padding: 60px 10px;
  }

  .hcp-mainContentsIntro > .contents > li:nth-child(2n + 1) {
    padding: 30px 15px 0 0;
  }

  .hcp-mainContentsIntro > .contents > li:nth-child(2n) {
    padding: 30px 0 0 15px;
  }

  .searchResult .view-header > h2 {
    font-size: 1.375rem;
    padding: 7px 24px 7px 20px;
  }

  .searchResult .view-header + * {
    margin-top: 21px;
  }

  .searchResult .view-content > div + div {
    margin-top: 37px;
  }

  .searchResult .view-content + * {
    margin-top: 45px;
  }
}

@media screen and (max-width: 640px),
  screen and (orientation: landscape) and (max-width: 738px) {
  .hcp-fib4Page .container {
    width: 100%;
  }

  .hcp-fib4Page .header .container {
    width: 90%;
    padding-bottom: 0;
    padding-top: 0;
  }

  .hcp-fib4Page .main {
    width: 100%;
    background: #f4f5f5;
    padding: 25px 0;
  }

  .hcp-fib4Page .fibBox {
    width: 90%;
    margin: 0 auto;
  }

  .hcp-fib4Page .fibBox .fibBoxInner {
    padding: 5% 0 5% 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
  }

  .hcp-fib4Page .fibBox .fibBoxInner .fibTitle01 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #df0070;
    margin-bottom: 0.2em;
  }

  .hcp-fib4Page .fibBox .fibBoxInner .fibTx01 {
    text-align: center;
    margin-bottom: 5%;
  }

  .hcp-fib4Page .fibBox .fibBoxInner .fibTx01 img {
    width: 93.6%;
  }

  .hcp-fib4Page .fibBox dl {
    width: 84%;
    margin: 0 auto 18px;
  }

  .hcp-fib4Page .fibBox dl dt {
    font-size: 18px;
    padding: 0.55em 0 0;
    width: 4.7em;
    height: 40px;
    box-sizing: border-box;
  }

  .hcp-fib4Page .fibBox dl dd {
    font-size: 18px;
    line-height: 1.1;
    vertical-align: bottom;
  }

  .hcp-fib4Page .fibBox dl dd input {
    width: 90px;
    padding: 0 0.3em 0 0.3em;
    border-radius: 0;
    font-size: 24px;
    height: 40px;
  }

  .hcp-fib4Page .fibBox .resultWrap {
    padding: 15px 0 15px;
    margin: 0 10% 0 10%;
  }

  .hcp-fib4Page .fibBox .resultWrap .resultTitle {
    font-size: 16px;
  }

  .hcp-fib4Page .fibBox .resultWrap .resultTitle span {
    font-size: 20px;
  }
}

@media print {
  .hcp-elentalPage .fixed_header_display_none_at_print {
    display: none;
    visibility: hidden;
  }
}
/* .hcp-boxModaalProduct {
  position: relative;
}

.hcp-boxModaalProduct>dl>dt {
  background: #379fc5;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 5px 10px;
}

.hcp-boxModaalProduct>dl>dd {
  padding: 21px 25px;
}

.hcp-boxModaalProduct>._modaalClose {
  background: rgba(0,0,0,0);
  color: rgba(0,0,0,0);
  height: 40px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  transition: background .3s ease-out;
}

.hcp-boxModaalProduct>._modaalClose:focus,
.hcp-boxModaalProduct>._modaalClose:hover {
  background: rgba(255,255,255,.5);
}

.hcp-boxModaalProduct>._modaalClose::after {
  bottom: 0;
  content: url();
  height: 13.414px;
  left: 0;
  line-height: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 13.414px;
}

.hcp-boxQa {
  border-bottom: 1px dashed #b4b4b4;
}

.hcp-boxQa>.title>a {
  display: block;
  padding: 18px 60px 18px 50px;
  position: relative;
}

.hcp-boxQa>.title>a::before {
  content: url();
  height: 20px;
  line-height: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
}

.hcp-boxQa>.title>a>.heading {
  color: #333;
  font-weight: bold;
  left: 20px;
  position: absolute;
  text-decoration: none;
  top: 18px;
}

.hcp-boxQa>h2.title,
.hcp-boxQa h3.title,
.hcp-boxQa h4.title,
.hcp-boxQa h5.title,
.hcp-boxQa h6.title {
  font-size: 1rem;
  font-weight: normal;
}

.hcp-boxQa>.detail {
  background-color: #dfeef7;
  padding: 20px 20px 32px 50px;
  position: relative;
}

.hcp-boxQa>.detail>.heading {
  left: 20px;
  position: absolute;
  top: 20px;
}

.hcp-boxQa>.noquestion {
  padding: 18px 20px;
  position: relative;
}

.hcp-boxQa._init>.title {
  transition: opacity .3s ease-out;
}

.hcp-boxQa._init>.title:focus,
.hcp-boxQa._init>.title:hover {
  cursor: pointer;
  
}

.hcp-boxQa._active>.title>a::before {
  content: url();
}

.hcp-boxSyllabary {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 16px 60px 24px;
}

.hcp-boxSyllabary>.text {
  margin: 0;
}

.hcp-boxSyllabary>.listSyllabary {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.hcp-boxSyllabary>.listSyllabary>li {
  flex: 0 0 55px;
  max-width: 55px;
}

.-headListProduct .hcp-boxSyllabary {
  background: rgba(0,0,0,0);
  padding: 0;
}

.-headListProduct .hcp-boxSyllabary>.listSyllabary {
  margin: -3px -6px;
}

.-headListProduct .hcp-boxSyllabary>.listSyllabary>li {
  flex: 0 0 44px;
  max-width: 44px;
  padding: 3px 6px;
}

#listProductHead {
  box-shadow: 0px 5px 5px -5px rgba(0,0,0,.5);
  position: sticky;
  top: 0;
}

.hcp-listProduct {
  margin-top: 30px;
}

.hcp-detailWrapperBanner+.hcp-detailWrapperBanner {
  margin-top: 16px;
}

.hcp-productBanner>li+li {
  margin-top: 16px;
}

.hcp-productMaterial {
  border: 1px solid #b4b4b4;
}

.hcp-productMaterial>li {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  padding: 10px 0;
}

.hcp-productMaterial>li:not(:first-child) {
  border-top: 1px solid #b4b4b4;
}

.hcp-productMaterial>li>.icon {
  flex: 0 0 64px;
}

.hcp-productMaterial>li>.icon>img {
  display: block;
  height: 30px;
  margin: 0 auto;
  width: auto;
}

.hcp-productMaterial>li>.notes {
  flex: 1 0 auto;
  font-size: .875rem;
  max-width: calc(100% - 64px);
}

.hcp-productPictureWrapper {
  background-color: #f5f5f5;
  padding: 20px;
}

.hcp-productPicture {
  margin: 0 auto;
  width: 268px;
}

.hcp-productPicture>.closeUp {
  background: #f5f5f5;
  height: 268px;
  position: relative;
  width: 268px;
}

.hcp-productPicture>.closeUp>img {
  bottom: 0;
  display: block;
  height: auto;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.hcp-productPicture>.notes {
  font-size: .875rem;
  margin-top: 6.5px;
}

.hcp-productPicture>.thumbnail {
  display: flex;
  flex-flow: row wrap;
  margin: 12.5px -4px -4px;
}

.hcp-productPicture>.thumbnail>li {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 4px;
}

.hcp-productPicture>.thumbnail>li>a {
  display: block;
  position: relative;
  transition: opacity .3s ease-out;
}

.hcp-productPicture>.thumbnail>li>a:focus,
.hcp-productPicture>.thumbnail>li>a:hover {
  
}

.hcp-productPicture>.thumbnail>li>a>img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

.hcp-productPicture>.thumbnail>li>a._active::after {
  border: 4px solid #007FAD;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  top: 0;
}

.hcp-productPicture>.hcp-btnDefault.-download {
  margin-top: 21px;
}

.hcp-productPicture>.hcp-btnDefault.-download>.button {
  width: 100%;
}

.hcp-boxModaalProduct .hcp-productPicture {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .hcp-boxQa>.title>a {
    padding: 12px 55px 12px 45px;
  }

  .hcp-boxQa>.title>a::before {
    right: 15px;
    top: 14px;
  }

  .hcp-boxQa>.title>a>.heading {
    left: 15px;
    top: 12px;
  }

  .hcp-boxQa>.detail {
    padding: 12px 15px 24px 45px;
  }

  .hcp-boxQa>.detail>.heading {
    left: 15px;
    top: 12px;
  }

  .hcp-boxQa>.noquestion {
    padding: 12px 15px;
  }

  .hcp-boxSyllabary {
    padding: 11px 12px 15px;
  }

  .hcp-boxSyllabary>.text {
    margin: 0;
  }

  .hcp-boxSyllabary>.listSyllabary {
    margin: 3px 0 -10px;
  }

  .hcp-boxSyllabary>.listSyllabary>li {
    flex: 0 0 16.7%;
    max-width: 16.7%;
    padding: 0 0 10px;
  }

  .hcp-boxSyllabary>.allProducts {
    margin-top: 16px;
  }
} */
/* .hcp-materialSearch {
  padding: 0 45px;
}

.hcp-materialSearch .conditions legend {
  font-size: 1.25rem;
  font-weight: bold;
}

.hcp-listConditions {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -8px;
}

.hcp-listConditions>li {
  flex: 0 1 176px;
  padding: 15px 8px 0;
  max-width: 176px;
}

.hcp-listConditions>li>label {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .hcp-materialSearch {
    padding: 0 6px;
  }

  .hcp-listConditions>li {
    padding: 15px 10px 0;
  }
}

@media print,screen and (max-width: 374px) {
  .hcp-listConditions>li {
    max-width: calc(50% - 6px);
  }
} */
 ._block {
  display: block;
}

._inlineBlock {
  display: inline-block;
}

._flex {
  display: flex;
  flex-flow: row wrap;
}

._flex>* {
  flex: 0 0 auto;
  max-width: 100%;
}

._flowColumn {
  flex-flow: column;
}

._jCenter {
  justify-content: center;
}

._layoutFixed {
  table-layout: fixed;
}

._verticalTop {
  vertical-align: top !important;
}

._verticalMiddle {
  vertical-align: middle !important;
}

._verticalBottom {
  vertical-align: bottom !important;
}

._normalCell {
  background: #fff !important;
  font-weight: normal !important;
}

._coloredCell {
  background: #dfeef7 !important;
}

._emptyCell {
  background: none !important;
  border: 0 !important;
}

._fullWidth {
  width: 100%;
}

._halfWidth {
  width: 50%;
}

._halfWidth {
  width: 50%;
}

._oneThirdWidth {
  width: 33.33%;
}

._banner,
._modaalImage {
  transition: opacity .3s ease-out;
}

._banner:focus,
._banner:hover,
._modaalImage:focus,
._modaalImage:hover {
  
}

._banner>img,
._modaalImage>img {
  vertical-align: middle;
}

._iconLarge {
  height: 30px;
  width: auto;
}

._noMarker {
  list-style: none none outside;
  padding: 0;
}

._marginTop0 {
  margin-top: 0px !important;
}

._marginTop5 {
  margin-top: 5px !important;
}

._marginTop10 {
  margin-top: 10px !important;
}

._marginTop15 {
  margin-top: 15px !important;
}

._marginTop20 {
  margin-top: 20px !important;
}

._marginTop25 {
  margin-top: 25px !important;
}

._marginTop30 {
  margin-top: 30px !important;
}

._marginTop35 {
  margin-top: 35px !important;
}

._marginTop40 {
  margin-top: 40px !important;
}

._marginTop45 {
  margin-top: 45px !important;
}

._marginTop50 {
  margin-top: 50px !important;
}

._marginTop1em {
  margin-top: 1em !important;
}

._marginTop2em {
  margin-top: 2em !important;
}

._marginTop3em {
  margin-top: 3em !important;
}

._marginBottom0 {
  margin-bottom: 0px !important;
}

._paddingLeft1em {
  padding-left: 1em !important;
}

._paddingLeft2em {
  padding-left: 2em !important;
}

._paddingLeft3em {
  padding-left: 3em !important;
}

._textIndent1em {
  padding-left: 1em;
  text-indent: -1em;
}

._textIndent2em {
  padding-left: 2em;
  text-indent: -2em;
}

._textIndent3em {
  padding-left: 3em;
  text-indent: -3em;
}

._textLeft {
  text-align: left !important;
}

._textCenter {
  text-align: center !important;
}

._textRight {
  text-align: right !important;
}

._weightNormal {
  font-weight: normal;
}

._underline {
  text-decoration: underline;
}

._textMiddle {
  font-size: 1em !important;
}

._text14 {
  font-size: .875em !important;
}

._textCaption {
  font-size: .8125rem !important;
}

._wordBreak {
  word-break: break-all;
}

._noWrap {
  white-space: nowrap;
}

._colorRed {
  color: #e70000;
}

._colorGray {
  color: #585858;
}

._borderLeftNone {
  border-left: none !important;
}

._borderRightNone {
  border-right: none !important;
}

._modaalInlineTarget {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media print,screen and (min-width: 768px) {
  ._spBlock {
    display: none !important;
  }

  ._marginTop0pc {
    margin-top: 0px !important;
  }

  ._marginTop5pc {
    margin-top: 5px !important;
  }

  ._marginTop10pc {
    margin-top: 10px !important;
  }

  ._marginTop15pc {
    margin-top: 15px !important;
  }

  ._marginTop20pc {
    margin-top: 20px !important;
  }

  ._marginTop25pc {
    margin-top: 25px !important;
  }

  ._marginTop30pc {
    margin-top: 30px !important;
  }

  ._marginTop35pc {
    margin-top: 35px !important;
  }

  ._marginTop40pc {
    margin-top: 40px !important;
  }

  ._marginTop45pc {
    margin-top: 45px !important;
  }

  ._marginTop50pc {
    margin-top: 50px !important;
  }

  ._marginTop1emPc {
    margin-top: 1em !important;
  }

  ._marginTop2emPc {
    margin-top: 2em !important;
  }

  ._marginTop3emPc {
    margin-top: 3em !important;
  }

  ._textLeftPc {
    text-align: left !important;
  }

  ._textCenterPc {
    text-align: center !important;
  }

  ._textRightPc {
    text-align: right !important;
  }
}

@media screen and (max-width: 767px) {
  ._pcBlock {
    display: none !important;
  }

  ._marginTop0sp {
    margin-top: 0px !important;
  }

  ._marginTop5sp {
    margin-top: 5px !important;
  }

  ._marginTop10sp {
    margin-top: 10px !important;
  }

  ._marginTop15sp {
    margin-top: 15px !important;
  }

  ._marginTop20sp {
    margin-top: 20px !important;
  }

  ._marginTop25sp {
    margin-top: 25px !important;
  }

  ._marginTop30sp {
    margin-top: 30px !important;
  }

  ._marginTop35sp {
    margin-top: 35px !important;
  }

  ._marginTop40sp {
    margin-top: 40px !important;
  }

  ._marginTop45sp {
    margin-top: 45px !important;
  }

  ._marginTop50sp {
    margin-top: 50px !important;
  }

  ._marginTop1emSp {
    margin-top: 1em !important;
  }

  ._marginTop2emSp {
    margin-top: 2em !important;
  }

  ._marginTop3emSp {
    margin-top: 3em !important;
  }

  ._textLeftSp {
    text-align: left !important;
  }

  ._textCenterSp {
    text-align: center !important;
  }

  ._textRightSp {
    text-align: right !important;
  }
}
 dl {
  margin: inherit;
}

dl dd,
dl dl {
  margin-bottom: 0;
  margin-left: 0;
}

ul {
  margin: 0;
}

a:hover,
.link:hover,
a:focus,
.link:focus {
  text-decoration: inherit;
}

table {
  width: auto;
  margin: inherit;
}

tr {
  padding: inherit;
  border-bottom: inherit;
}

th {
  padding: inherit;
}

tbody tr:hover,
tbody tr:focus {
  background: inherit;
}

td {
  padding: inherit;
}
@charset "UTF-8";

/* H2
---------------------------------------- */
#patients .headline02 {
  display: inline-block;
  width: 100%;
  font-size: 160%;
  line-height: 1.5em;
  border-left: 3px solid #ea68a2;
  border-bottom: 1px solid #ea68a2;
  color: #333333;
  padding: 5px 16px;
  margin: 0 0 20px 0;
  font-weight: bold;
  text-align: left;
  box-sizing: border-box;
}

/* H3
---------------------------------------- */
#patients .headline03 {
  background-color: #E7E9EB;
  line-height: 1.5em;
  font-size: 140%;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  font-weight: bold;
  border-left: 3px solid #ea68a2;
  padding: 14px 10px;
  margin: 10px 0 20px 0;
}

/* H4
---------------------------------------- */
#patients .headline04 {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  color: #ea68a2;
  margin: 10px 0;
}

/* image-list
---------------------------------------- */
#patients .treatment .image-list-item-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  /*  justify-content: space-between; */
  flex-wrap: wrap;
  box-sizing: border-box;
  margin: 20px 0;
}

#patients .treatment .image-list-item-wrapper .image-list-item {
  width: calc(33.33% - 20px);
  /* margin-right: 30px; 2021/03/24 comment out */
  margin-bottom: 30px;
}

/* #patients .treatment .image-list-item-wrapper .image-list-item:nth-child(3n) { 2021/03/24 comment out
  margin-right: 0;
} */

#patients .treatment .image-list-item-wrapper .image-list-item:nth-child(3n+2) { /* 2021/03/24 add */
  margin-left: 30px;
  margin-right: 30px;
}

#patients .treatment .image-list-item-wrapper .image-list-item a {
  width: 100%;
  height: 100%;
  display: block;
}

#patients .treatment .image-list-item-wrapper .image-list-item a:hover {
  text-decoration: none !important;
  
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-head {
  background-color: #FAE0EC;
  color: #585858;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-head span {
  text-align: left;
  display: inline-block;
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-image {
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-text {
  box-sizing: border-box;
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 50%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 90%, #EA68A2 100%);
  background-size: 8px 100%,100% 1.5em;
  line-height: 1.5em;
  padding: 0 0 10px 0;
  margin: 10px 0;
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-text.no-line {
  background-image:none;
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-text.indented {
  padding: 0 10px 10px;
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-text .item-text-head {
  font-weight: bold;
  color: #ea68a2;
}

  @media screen and (max-width:767px){
    /* #patients .treatment .image-list-item-wrapper { 2021/03/24 comment out
      flex-direction: column;
    } */

  #patients .treatment .image-list-item-wrapper .image-list-item:nth-child(3n+2) { /* 2021/03/24 add */
    margin-left: 0;
    margin-right: 0;
  }

	#patients .treatment .image-list-item-wrapper .image-list-item {
      width: 100%;
    }
    #patients .treatment .image-list-item-wrapper .image-list-item .item-image img{
        width: 100%;
        max-width: 375px;
    }
}

/* image-list-item-wrapper-2column
---------------------------------------- */
#patients .treatment .image-list-item-wrapper-2column {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin: 20px 0;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item {
  width: calc(33.33% - 20px);
  margin-bottom: 30px;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item + .image-list-item {
  margin-left: 30px;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item a {
  width: 100%;
  height: 100%;
  display: block;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item a:hover {
  text-decoration: none !important;
  
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item .item-head {
  background-color: #FAE0EC;
  color: #585858;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item .item-head span {
display: inline-block;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item .item-image {
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item .item-text {
  box-sizing: border-box;
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fff 50%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 90%, #EA68A2 100%);
  background-size: 8px 100%,100% 1.5em;
  line-height: 1.5em;
  padding: 0 0 10px 0;
  margin: 10px 0;
}

#patients .treatment .image-list-item-wrapper .image-list-item .item-text.no-line {
  background-image:none;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item .item-text.indented {
  padding: 0 10px 10px;
}

#patients .treatment .image-list-item-wrapper-2column .image-list-item .item-text .item-text-head {
  font-weight: bold;
  color: #ea68a2;
}

  @media screen and (max-width:767px){
  #patients .treatment .image-list-item-wrapper-2column .image-list-item + .image-list-item {
      margin-left: 0;
    }
  #patients .treatment .image-list-item-wrapper-2column {
      flex-direction: column;
    }
	#patients .treatment .image-list-item-wrapper-2column .image-list-item {
      width: 100%;
    }
    #patients .treatment .image-list-item-wrapper-2column .image-list-item .item-image img{
        width: 100%;
        max-width: 375px;
    }
}

/* image-list-imgTxtColumn
---------------------------------------- */
#patients .image-list-imgTxtColumn {
  display: flex;
  flex-flow: row nowrap; /* 2021/03/24 add */
  justify-content: space-between;
  margin-top: 30px;
}

#patients .image-list-imgTxtColumn .item-image {
  width: 300px;
  margin-bottom: 20px;
}

#patients .image-list-imgTxtColumn .item-image .image {
  margin-bottom: 20px;
}

#patients .image-list-imgTxtColumn .item-image img {
  width: 100%;
}

#patients .image-list-imgTxtColumn .item-text {
  width: calc(100% - 340px);
}

#patients .image-list-imgTxtColumn .item-image a {
  width: 100%;
  height: 100%;
  display: block;
}

#patients .image-list-imgTxtColumn .item-image a:hover {
  text-decoration: none !important;
  
}

#patients .image-list-imgTxtColumn .item-caption {
  text-align: left;
  padding: 0 10px;
}

#patients .image-list-imgTxtColumn .item-caption span {
  font-weight: bold;
  color: #ea68a2;
}

@media screen and (max-width:767px){
  #patients .image-list-imgTxtColumn {
    /* flex-direction: column; 2021/03/24 comment out */
    flex-wrap: wrap; /* 2021/03/24 add */
  }
  #patients .image-list-imgTxtColumn .item-image {
    text-align: center;
  }
  #patients .image-list-imgTxtColumn .item-image img {
    width: 100%;
    max-width: 375px;
  }
  #patients .image-list-imgTxtColumn .item-image,
  #patients .image-list-imgTxtColumn .item-text {
    width: 100%;
    margin-left: 0;
  }
}

/* head-colored
---------------------------------------- */
#patients .head-colored {
  display: inline-block;
  width: 100%;
  font-size: 120%;
	line-height: 2.0em;
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
	box-sizing: border-box;
  color: #fff;
  border: none;
}

#patients .head-colored.green {
  background-color: #009944;
}

#patients .head-colored.purple {
  background-color: #613499;
}

#patients .head-colored.RED {
  background-color: #e83820;
}


#patients .treatment .page-contents-index-area {
  background-color: #F5F5F5;
    border-radius:  5px;
    border: 1px solid #D5D5D5;
    box-sizing: border-box;
    margin: 30px 0;
}

#patients .treatment .page-contents-index-area .page-contents-index-wrapper {
  width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  padding: 30px 0 20px;
  box-sizing: border-box;
}

#patients .treatment .page-contents-index-area .page-contents-index-label-area {
    width: 150px;
    box-sizing: border-box;
}

#patients .treatment .page-contents-index-area .page-contents-index-label-area .index-label {
  background: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 80px;
  width: 70px;
  height: 70px;
  font-size: 120%;
  box-sizing: border-box;
  padding-top: 20px;
}

#patients .treatment .page-contents-index-area-1 .page-contents-index-label-area .index-label {
  color: #3eb370;
}

#patients .treatment .page-contents-index-area-2 .page-contents-index-label-area .index-label {
  color: #f7ab00;
}

#patients .treatment .page-contents-index-area .page-contents-index-list-area {
    width: calc(100% - 150px);
    box-sizing: border-box;
}

#patients .treatment .page-contents-index-area .page-contents-index-list-area a:visited {
  color: inherit !important;
}

#patients .treatment .page-contents-index-area .page-contents-index-list-area a:hover {
  text-decoration: none !important;
}

#patients .treatment .page-contents-index-area .index-list {
  width: 100%;
}

#patients .treatment .page-contents-index-area .index-list li{
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 10px;
    display:block;
    border-radius:  5px;
    border: 1px solid #D5D5D5;
}

#patients .treatment .page-contents-index-area .index-list li a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 4px 10px 4px 16px;
  box-sizing: border-box;
  text-decoration: none;
  }

#patients .treatment .page-contents-index-area .index-list li a:hover,
#patients .treatment .page-contents-index-area .index-list li.current a {
    color: #fff !important; /* 2021/03/23 modify */
    font-weight: bold;
}

#patients .treatment .page-contents-index-area-1 .index-list li a:hover,
#patients .treatment .page-contents-index-area-1 .index-list li.current a {
    background: #3eb370;
}

#patients .treatment .page-contents-index-area-2 .index-list li a:hover,
#patients .treatment .page-contents-index-area-2 .index-list li.current a {
    background: #f7ab00;
}

#patients .treatment .page-contents-index-area .index-list li a span,
#patients .treatment .page-contents-index-area .index-list-movie a span {
    position: relative;
    padding-left: 25px;
    display: block;
    box-sizing: border-box;
}

#patients .treatment .page-contents-index-area .index-list li a span:before,
#patients .treatment .page-contents-index-area .index-list-movie a span:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

#patients .treatment .page-contents-index-area-1 .index-list li a span:before,
#patients .treatment .page-contents-index-area .index-list-movie a span:before {
    background: #3eb370;
  }

#patients .treatment .page-contents-index-area-2 .index-list li a span:before {
  background: #f7ab00;
}

#patients .treatment .page-contents-index-area .index-list li a span:after,
#patients .treatment .page-contents-index-area .index-list-movie a span:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#patients .treatment .page-contents-index-area .index-list li a:hover span:before,
  #patients .treatment .page-contents-index-area .index-list li.current a span:before {
    background: #fff;
  }

#patients .treatment .page-contents-index-area-1 .index-list li a:hover span:after,
#patients .treatment .page-contents-index-area-1 .index-list li.current a span:after {
    border-top: 2px solid #3eb370;
    border-right: 2px solid #3eb370;
  }

#patients .treatment .page-contents-index-area-2 .index-list li a:hover span:after,
#patients .treatment .page-contents-index-area-2 .index-list li.current a span:after {
    border-top: 2px solid  #f7ab00;
    border-right: 2px solid  #f7ab00;
  }

#patients .treatment  .page-contents-index-area .index-list-movie {
    box-sizing: border-box;
    background-color: #fff;
    margin: 40px 0 10px 0;
    display:block;
    border-radius:  5px;
    border: 1px solid #D5D5D5;
}

#patients .treatment .page-contents-index-area .index-list-movie a {
  display: flex; /* 2021/03/24 add */
  flex-flow: column nowrap; /* 2021/03/24 add */
  /* display: block; 2021/03/24 comment out */
  box-sizing: border-box;
  width: 100%;
  /* height: 100%; */
  /* padding: 16px 0 16px 20px; 2021/03/24 comment out */
  padding: 5px 80px 5px 20px; /* 2021/03/24 add */
  background:  url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/whats_nutritional/movieBtn_bg.png") top 50% right 0 no-repeat; /* 2021/03/23 modify */
  position: relative;
  /* line-height: 1.5; 2021/03/24 comment out */
  line-height: 1.2; /* 2021/03/24 add */
}

#patients .treatment .page-contents-index-area .index-list-movie a:before {
  content: '動画';
  display: block;
  position: absolute;
    z-index: 1;
    top: -10px;
    left: -10px;
    background: #3eb370;
    color: #fff;
    padding: 0.2em 1em;
    font-size: 90%;
    font-weight: bold;
}

#patients .treatment .page-contents-index-area .index-list-movie a span {
  flex: 1 0 66px;
  display: flex;
  align-items: center;
  /* text-shadow: 1px 1px 2px #fff; 2021/03/24 comment out */
  text-shadow: 2px 2px 0 #FFF, /* 2021/03/24 add */
    -2px -2px 0 #FFF,
    -2px 2px 0 #FFF,
    2px -2px 0 #FFF,
    0px 2px 0 #FFF,
    0 -2px 0 #FFF,
    -2px 0 0 #FFF,
    2px 0 0 #FFF;
}

#patients .treatment .page-contents-index-area .index-list-movie a:hover {
  
  text-decoration: none !important;
}

#patients .treatment .page-contents-index-area .index-list-movie a span:before {
    /* top: 10px; 2021/03/24 comment out */
    top: 0; /* 2021/03/24 add */
    right: auto; /* 2021/03/24 add */
    bottom: 0; /* 2021/03/24 add */
    margin: auto; /* 2021/03/24 add */
}

#patients .treatment .page-contents-index-area .index-list-movie a span:after {
  /* top: 15px; 2021/03/24 comment out */
    top: 0; /* 2021/03/24 add */
    right: auto; /* 2021/03/24 add */
    bottom: 0; /* 2021/03/24 add */
    margin: auto; /* 2021/03/24 add */
}

  @media screen and (max-width:767px){
  #patients .treatment .page-contents-index-area .page-contents-index-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: 25px 20px;
    }

    #patients .treatment .page-contents-index-area .page-contents-index-label-area,
    #patients .treatment .page-contents-index-area .page-contents-index-list-area {
        width: 100%;
    }

    #patients .treatment .page-contents-index-area .page-contents-index-label-area {
      padding-bottom: 20px;
    }

    #patients .treatment .page-contents-index-area-2 .page-contents-index-label-area .index-label {
      margin: 0 auto;
    }
}

/* ---------------------------------------------
*   text-image-right-wrapper
    text-image-left-wrapper
--------------------------------------------- */
#patients .treatment .text-image-right-wrapper,
#patients .treatment .text-image-left-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top: 30px;
  padding-bottom: 20px;
  box-sizing: border-box;
  margin: 10px 0;
}

#patients .treatment .text-image-right-wrapper .image-area,
#patients .treatment .text-image-left-wrapper .image-area  {
  width: 33.3%;
  box-sizing: border-box;
  text-align: center;
}

#patients .treatment .text-image-right-wrapper .image-area {
  padding-left: 32px;
}

#patients .treatment .text-image-left-wrapper .image-area {
  padding-right:  32px;
}

#patients .treatment .text-image-right-wrapper .image-area img,
#patients .treatment .text-image-left-wrapper .image-area img{
    width: 100%;
  }

#patients .treatment .text-image-right-wrapper .text-area,
#patients .treatment .text-image-left-wrapper .text-area {
  width: 66.7%;
  box-sizing: border-box;
}

@media screen and (max-width:767px){
  #patients .treatment .text-image-right-wrapper,
  #patients .treatment .text-image-left-wrapper {
      flex-direction: column;
      margin-top: 40px;
      padding: 0;
  }

  #patients .treatment .text-image-right-wrapper .image-area,
  #patients .treatment .text-image-left-wrapper .image-area {
      width: 100%;
      margin-bottom: 5px;
      text-align: center;
      padding-left: 0;
      padding-right:0;
  }

  #patients .treatment .text-image-right-wrapper .image-area img,
  #patients .treatment .text-image-left-wrapper .image-area img  {
    width: 100%;
    max-width: 375px;
  }

  #patients .treatment .text-image-right-wrapper .text-area,
  #patients .treatment .text-image-left-wrapper .text-area {
    width: 100%;
    box-sizing: border-box;
  }
}


/*  to-detail-button
---------------------------------------- */
#patients .to-detail-button {
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 7px 35px;
  margin: 10px 0;
  border: 1px solid #ea68a2;
  text-decoration: none;
  background: url('../../images/pc/common/arrow_pink_white.png') top 50% right 10px no-repeat;
  background-color: #fff;
  background-size: 20px 20px;
}

#patients .to-detail-button:hover,
#patients .to-detail-button:active {
  background: url('../../images/sp/common/arrow_white_pink.png') top 50% right 10px no-repeat;
  background-color: #ea68a2;
  color: #fff;
  text-decoration: none !important;
}

@media screen and (max-width:767px){
  #patients .to-detail-button,
  #patients .to-detail-button:hover,
  #patients .to-detail-button:active  {
    font-size: 0.96em;
    padding: 5px 28px;
    background-size: 16px 16px;
    background-position: top 8px right 5px;
  }
}

/*  pc_hide
    sp_hide
---------------------------------------- */
@media screen and (min-width: 767px) {
  #patients .pc_hide { display: none; }
}
@media screen and (max-width: 767px) {
  #patients .sp_hide { display: none; }
}

.treatment span.item-head, .treatment span.item-image, .treatment span.item-text {
  display: block;
}
@charset "UTF-8";
/*
body {
  font-size: 15px;
}

/* ==========================================================================================
default
========================================================================================== */
/*
p { line-height: 1.5;}
li { list-style: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; font-family: inherit;}
caption, th, td { text-align: left; vertical-align: top;}
fieldset { border: 0;}
input, textarea, select { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 100%; font-family: inherit; vertical-align: middle;}
label { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 100%; font-family: inherit; vertical-align: middle; cursor: pointer;}
textarea { overflow: auto;}
legend { display: none;}
img { border: 0; vertical-align: middle;}
object { vertical-align: middle; outline: 0;}
em { font-style: italic;}
strong { font-weight: 700;}
small { font-size: 100%;}
abbr, acronym { border: 0; font-variant: normal;}
q:before, q:after { content: "";}
address, caption, cite, code, dfn, var { font-weight: 400; font-style: normal;}
code, pre { font-family: monospace;}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
hr { display: none;}
.inner { width: 1000px; margin: 0 auto; padding: 0 0;}
.left { float: left;}
.right { float: right;}
.clear { clear: both;}
.t-left { text-align: left;}
.t-right { text-align: right;}
.t-center { text-align: center;}
.clearfix { overflow: hidden; *zoom: 1;}
.legacy-clearfix { *zoom: 1;}
.legacy-clearfix:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.pie-clearfix { *zoom: 1;}
.pie-clearfix:after { content: ""; display: table; clear: both;}
.bold { font-weight: bold;}
.fix { position: absolute !important;}
.hidden { display: none;}
.fixed { background: #fff; position: fixed; top: 0; z-index: 9999; width: 985px; width: 755px;}
.fixed-area.fixed { padding-bottom: 20px;}
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf { zoom: 1;}
*/
.mt0 {
  margin-top: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}

/* ==========================================================================================
top
========================================================================================== */
#patients .top-keyvisual-sp {
  width: 0;
  height: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9999;
}
#patients .top-keyvisual-all {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#patients .top-keyvisual-wrap {
  width: auto;
  margin: 0 auto; /*height: 320px; 2021/04/15 comment out */
  position: relative;
}
/*#patients .top-keyvisual {width: 2148px; position: absolute; left: 50%; margin-left: -1074px; } */
/* #patients .top-keyvisual {width: 2880px; position: absolute; left: 50%; margin-left: -1440px; } 2021/04/15 comment out */
#patients .top-keyvisual ul {
  width: 100%;
  height: auto;
}
#patients .top-keyvisual ul li {
  width: 960px !important;
  line-height: 0;
  filter: alpha(opacity=30);
}
#patients .top-keyvisual ul li.active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#patients .top-keyvisual ul li img {
  width: 100%;
  vertical-align: bottom;
}
#patients .top-keyvisual .bx-controls-direction {
}
#patients .bx-prev {
  background: url(../../images/pc/content/top_slider_prev.png) no-repeat;
  width: 20px;
  height: 20px;
  line-height: 0;
  text-indent: -9999em;
  display: block;
  position: absolute;
  z-index: 2 !important;
  left: 50%;
  bottom: 10px;
  margin-top: 90px;
  margin-left: 290px;
}
#patients .bx-next {
  background: url(../../images/pc/content/top_slider_next.png) no-repeat;
  width: 20px;
  height: 20px;
  line-height: 0;
  text-indent: -9999em;
  display: block;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 10px;
  margin-top: 90px;
  margin-left: 320px;
}

#patients .top-keyvisual-thumbnail {
  box-sizing: border-box;
  padding: 20px 0px;
}

#patients .top-keyvisual-thumbnail ul {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

#patients .top-keyvisual-thumbnail ul li {
  display: inline-block;
  margin-right: 20px;
}

#patients .top-keyvisual-thumbnail ul li:last-child {
  margin-right: 0;
}

#patients .top-keyvisual-thumbnail ul li a {
  display: block;
  width: 120px;
  height: 60px;
}

#patients .top-keyvisual-thumbnail ul li a img {
  width: 100%;
  height: 100%;
}

#patients .top-keyvisual-thumbnail a.current-slide {
  border: 3px solid #ea68a2;
  position: relative;
}

#patients .top-keyvisual-thumbnail a.current-slide:after {
  content: "";
  position: absolute;
  right: 0;
  top: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #ea68a2 transparent;
  border-width: 0 10px 10px 10px;
}

@media screen and (max-width: 960px) {
  /* #patients .top-keyvisual-wrap { 2021/04/15 comment out
    	height: 34vw;
    } */
  /* #patients .top-keyvisual {width: 300vw; position: absolute; left: 50vw; margin-left: -150vw; } 2021/04/15 comment out */
  #patients .top-keyvisual ul li {
    width: 100vw !important;
  }
}

@media screen and (min-width: 961px) {
  /* 2021/04/15 add */
  #patients .top-keyvisual ul {
    margin-left: calc((100% - 960px) / 2);
  }
}

@media screen and (min-width: 701px) and (max-width: 768px) {
  /* 2021/04/15 add */
  #patients .top-keyvisual ul {
    margin-left: calc((100% - 700px) / 2);
  }
}

@media screen and (max-width: 768px) {
  #patients .top-keyvisual-thumbnail {
    display: none;
  }

  /* #patients .top-keyvisual-wrap { 2021/04/15 comment out
    	height: 240px !important;
    } */
  /* #patients .top-keyvisual {width: 2160px; position: absolute; left: 50%; margin-left: -1048px; } 2021/04/15 comment out */
  #patients .top-keyvisual ul li {
    /* width: 700px !important; 2021/04/15 comment out */
    max-width: 700px;
  }
}

@media screen and (max-width: 699px) {
  #patients .top-keyvisual-all {
    display: none;
  }

  #patients .top-keyvisual-sp {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
  }
}
/*
#patients section{
  box-sizing: border-box;
   margin-bottom: 40px;
}

#patients section h2 {
	font-size: 140%;
	line-height: 1.5em;
	border-left: 3px solid #ea68a2;
	position: relative;
	font-weight: bold;
	color: #707070;
	text-align: left;
	box-sizing: border-box;
	padding: 0 10px;
}
*/

@media screen and (max-width: 767px) {
  #patients section {
    margin-bottom: 20px !important;
  }

  #patients section > p {
    font-size: 0.96em;
  }
}

/* drupal用 */
/*
@media screen and (max-width: 767px) {
   #patients .top-sp-order-change .region-gnav {
      display: flex;
      flex-direction: column;
    }
    .bx-wrapper {
       margin-bottom: 0;
    }
    #patients .top-sp-order-change {
      display: flex;
      flex-direction: column;
   }

    #patients .top-sp-order-change .gnav {
    	order: 2;
    }

    #patients .top-sp-order-change .top-keyvisual-area {
       order: 1;
    }

    /* #patients .top-sp-order-change .top-news-wrapper { 2021/03/31 comment out
       order: 2;
    } */

/* #patients .top-sp-order-change .top-bnr-products { 2021/03/31 comment out
   	   order: 1;
   }
}

#patients .top-notice {
   box-sizing: border-box;
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 2px;
   padding: 8px 15px;
   box-shadow: 0 2px 2px #ccc;
   display: flex;
   flex-direction: row;
   margin-bottom: 25px;
   flex-wrap: wrap;
}

#patients .top-notice label {
    width: 130px;
    cursor: auto !important;
    box-sizing: border-box;
    margin: 8px 0;
}

#patients .top-notice label:first-child {
    color: #ea68a2;
    font-weight: bold;
    padding-left: 35px;
    background: url('../../images/pc/common/notice_popup.png') top 0 left 5px no-repeat;
}

#patients .top-notice  p {
    box-sizing: border-box;
    width: calc(100% - 130px);
    margin: 8px 0;
 }

 #patients .top-notice  p a {
    text-decoration: underline;
 }

 #patients .top-notice  p a:hover {
  	text-decoration: none;
    
 }



 @media screen and (max-width: 767px) {
 	#patients .top-notice {
 	  padding: 8px 0 0;
 	  flex-direction: column;
 	}

 	#patients .top-notice label {
 		display: block;
 		box-sizing: border-box;
 		width:100%;
 		float: none;
 		border-bottom: 1px solid #eaeaea;
 		background-position: top 50% left 10px;
 		padding: 5px 0 5px 40px;
    }

   #patients .top-notice  p {
      width: 100%;
      padding: 0 15px 8px;
    }
 }

#patients .top-search-wrapper {
   box-sizing: border-box;
   width: 100%;
   background-color: #F5F5F5;
   padding: 20px 60px;
   border-radius: 6px;
}

@media screen and (max-width: 767px) {
   #patients .top-search-wrapper {
     padding: 10px;
   }

}

#patients .top-search {
}

#patients .top-search h2 {
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
	position: relative;
	text-align: left !important;
	border: none;
	padding-left: 0;
	color: #585858;
	}

#patients .top-search ul {
	margin-top: 20px;
	letter-spacing: -0.4em;
	line-height: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	}

#patients .top-search ul li {
	display: inline-block;
	letter-spacing: normal;
	font-size: 125%;
	line-height: 1;
	overflow: hidden;
	height: 55px;
	width: 55px;
	}

#patients .top-search ul li a {
	  display: block;
	  box-sizing: border-box;
	  background: #ea68a2;
	  color: #fff;
	  font-weight: bold;
	  border-radius: 3px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  font-size: 110%;
	  padding-top: 18px;

}

#patients .top-search ul li a:hover {
	   text-decoration: none;
	   filter:alpha(opacity=50);
	   -moz-
	   
}


#patients .top-search ul li a:focus {
     border: 2px solid #008AE4;
     padding-top: 16px;
 }

#patients .top-search ul li span {
       display: block;
        box-sizing: border-box;
       color: #fff;
       background: #777;
       font-weight: bold;
      border-radius: 3px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  font-size: 110%;
	  padding-top: 18px;
}
*/
@media screen and (max-width: 767px) {
  #patients .top-search {
    text-align: center;
  }

  /* #patients .top-search ul:after { 2021/03/16 comment out
        	 content: '';
             width: 100%;
       } */

  #patients .top-search ul li {
    display: block;
    overflow: hidden;
    height: 47px;
    width: 18%;
    margin-bottom: 10px;
    order: 0;
  }

  #patients .top-search ul li a,
  #patients .top-search ul li span {
    font-size: 100%;
    padding-top: 14px;
  }

  /* #patients .top-search ul li:nth-child(n+5) { 2021/03/16 comment out
          float: none;
   } */

  /* #patients .top-search ul li:last-child { 2021/03/16 comment out
        float: none;
  } */
}

#patients .top-search .top-sp-search-all {
  display: none;
}

@media screen and (max-width: 767px) {
  #patients .top-sp-search-all {
    text-align: center;
  }

  #patients .top-sp-search-all a {
    display: inline-block;
    text-align: center;
    border-radius: 40px;
    padding: 10px 50px;
    border: 1px solid #ea68a2;
    text-decoration: none;
    background: url("../../images/pc/common/arrow_pink_white.png") top 50% right
      15px no-repeat;
    background-color: #fff;
    font-weight: bold;
  }

  #patients .top-sp-search-all a:hover {
    background: url("../../images/sp/common/arrow_white_pink.png") top 50% right
      15px no-repeat;
    background-color: #ea68a2;
    color: #fff !important;
    text-decoration: none;
  }
  #patients .top-sp-search-all a:visited {
    color: #333333;
  }
}

#patients .top-search-wrapper .txt-box {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 20px 10px;
  background-color: #eaeaea;
  cursor: pointer;
}

#patients .top-search-wrapper .txt-box dt {
  color: #777;
  font-weight: bold;
  padding-bottom: 10px;
  display: inline-block;
  float: left;
  margin-right: 30px;
}

#patients .top-search-wrapper .txt-box .detail-open {
  color: #777;
  font-weight: bold;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 30px;
  cursor: pointer;
  float: none;
}

#patients .top-search-wrapper .txt-box .detail-open .detail-open-button {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../images/pc/common/button_plus_gray.png") no-repeat;
  margin-left: 10px;
  background-size: cover;
}

#patients
  .top-search-wrapper
  .txt-box.is-open
  .detail-open
  .detail-open-button {
  background: url("../../images/pc/common/button_minus_gray.png") no-repeat;
}

#patients .top-search-wrapper .txt-box dd {
  display: none;
  clear: both;
}

#patients .top-search-wrapper .txt-box dd a {
  text-decoration: underline;
}

#patients .top-search-wrapper .txt-box dd a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #patients .top-search-wrapper .txt-box {
    clear: both;
    margin-top: 10px;
    text-align: center;
    padding: 10px 20px;
  }

  #patients .top-search-wrapper .txt-box .head {
    display: inline-block;
  }

  #patients .top-search-wrapper .txt-box dt {
    margin-right: 0;
    padding: 0;
    margin-bottom: 0;
  }

  #patients .top-search-wrapper .txt-box .detail-open {
    display: inline-block;
    margin-left: 0;
    padding: 0;
  }

  #patients .top-search-wrapper .txt-box .detail-open .detail-open-text {
    display: none;
  }

  #patients .top-search-wrapper .txt-box dd {
    text-align: left;
  }
}
/* blank_link_box
*****************************************/
.blank_link_box {
  width: 1000px;
  margin: 0 auto;
  padding: 8px 0 50px;
}
.blank_link_box .hdg01 {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 33px;
  color: #d7007f;
  text-align: center;
  font-size: 25px;
  line-height: 1;
  font-weight: normal;
  margin: 60px 0 38px;
}
.blank_link_box p {
  font-size: 14px;
  line-height: 1.78;
  text-align: center;
}
.blank_link_box .button01 {
  text-align: center;
  margin-top: 40px;
}
.blank_link_box .button01 a {
  font-size: 14px;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(218, 218, 218);
  border-radius: 5px;
  background-image: -moz-linear-gradient(
    90deg,
    rgb(235, 235, 235) 0%,
    rgb(246, 244, 244) 100%
  );
  background-image: -webkit-linear-gradient(
    90deg,
    rgb(235, 235, 235) 0%,
    rgb(246, 244, 244) 100%
  );
  background-image: -ms-linear-gradient(
    90deg,
    rgb(235, 235, 235) 0%,
    rgb(246, 244, 244) 100%
  );
  padding: 0.8em 0;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}
.blank_link_box .button01 a span {
  font-size: 14px;
  letter-spacing: 0.03em;
  margin: 0 1.5em 0 1.95em;
  background: url(/patient/img/common/icon_blank.png) no-repeat 100% 50%;
  padding-right: 25px;
}

@media only screen and (max-width: 767px) {
  .blank_link_box {
    width: 90%;
  }
  .blank_link_box .button01 a {
    background: url(/patient/img/common/icon_blank.png),
      -webkit-linear-gradient(90deg, rgb(235, 235, 235) 0%, rgb(246, 244, 244)
            100%);
    background-repeat: no-repeat;
    background-position: 95% 50%;
  }
  .blank_link_box .button01 a span {
    background: none;
    margin: 0;
    padding: 0 0 0 16px;
    display: block;
    width: 80%;
    text-align: left;
  }
  .blank_link_box .button01 a::after {
  }
}

/* ==========================================================================================
Product
========================================================================================== */

#patients .patient-products {
  padding-bottom: 20px;
}

#patients .patient-products .main-header {
  display: none;
}

#patients .patient-products .fixed-area {
  box-sizing: border-box;
  width: 100%;
  background-color: #f5f5f5;
  padding: 20px 60px;
  border-radius: 6px;
  margin-bottom: 30px;
}

#patients .patient-products .main-meta-contents p {
  font-weight: bold;
  text-align: left;
  color: #474645;
}

@media screen and (max-width: 767px) {
  #patients .patient-products .fixed-area {
    background-color: #eee;
    padding: 10px;
  }
}

#patients .patient-products .main-meta-contents .btn-pagination ul {
  margin-top: 10px;
  letter-spacing: -0.4em;
  line-height: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#patients .patient-products .main-meta-contents .btn-pagination ul li {
  display: inline-block;
  letter-spacing: normal;
  font-size: 125%;
  line-height: 1;
  overflow: hidden;
  height: 55px;
  width: 55px;
}

#patients .patient-products .main-meta-contents .btn-pagination ul li a {
  display: block;
  box-sizing: border-box;
  background: #ea68a2;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 110%;
  padding-top: 18px;
}

#patients .patient-products .main-meta-contents .btn-pagination ul li a:hover {
  text-decoration: none;
  filter: alpha(opacity=50);
  -moz-
  
}

#patients .patient-products .main-meta-contents .btn-pagination ul li a:focus {
  border: 2px solid #008ae4;
  padding-top: 16px;
}

#patients
  .patient-products
  .main-meta-contents
  .btn-pagination
  ul
  li
  a:disabled,
#patients
  .patient-products
  .main-meta-contents
  .btn-pagination
  ul
  li
  a.disabled {
  background: #777;
}

#patients
  .patient-products
  .main-meta-contents
  .btn-pagination
  ul
  li
  a.disabled:hover {
  opacity: 1;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #patients .patient-products .fixed-area {
    text-align: center;
    margin-bottom: 0;
  }

  #patients .patient-products .main-meta-contents .btn-pagination ul:after {
    content: "";
    width: 100%;
  }

  #patients .patient-products .main-meta-contents .btn-pagination ul li {
    display: block;
    overflow: hidden;
    height: 47px;
    width: 18%;
    margin-bottom: 10px;
    order: 0;
  }

  #patients .patient-products .main-meta-contents .btn-pagination ul li a {
    font-size: 100%;
    padding-top: 14px;
  }

  #patients
    .patient-products
    .main-meta-contents
    .btn-pagination
    ul
    li
    a:active {
    background: #fff;
    color: #ea68a2;
  }

  #patients
    .patient-products
    .main-meta-contents
    .btn-pagination
    ul
    li:nth-child(n + 5) {
    float: none;
  }

  #patients
    .patient-products
    .main-meta-contents
    .btn-pagination
    ul
    li:last-child {
    float: none;
  }
}

/* product table
*****************************************/

#patients .patient-products .view-header table {
  width: 100%;
  border: 1px solid #dadada;
  border-collapse: separate;
  box-shadow: 2px 2px 4px #ccc;
}

#patients .patient-products .view-header table thead {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

#patients .patient-products .view-header .nav-table-wrapper table {
  margin-bottom: 0;
}

#patients .patient-products .view-header .nav-table-wrapper.table-fixed {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 0 16px;
  display: block;
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
}

#patients .patient-products .view-header .nav-table-wrapper.table-fixed table {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

#patients .patient-products .view-header table tr {
  border-bottom: 2px solid #dadada;
  width: 100%;
}

#patients .patient-products .view-header table.table-fixed thead tr {
  box-sizing: border-box;
  display: flex;
}

#patients .patient-products .view-header table th {
  font-weight: bold;
  font-size: 0.96em;
  border-right: 1px solid #eee;
  padding: 0px 0 0px 15px;
  vertical-align: middle;
  background-color: #fff;
  height: 96px;
}

@media screen and (max-width: 767px) {
  #patients .patient-products .view-header table {
    display: none !important;
  }
}

#patients .patient-products .view-header table th:first-child {
  width: 42%;
  /*padding-top: 9px; */
}

#patients .patient-products .view-header table th:nth-child(2) {
  width: 20%;
}

#patients .patient-products .view-header table th:nth-child(3) {
  width: 38%;
  border-right: none;
}
#patients .patient-products .view-header table th:first-child > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#patients .patient-products .view-header table th:first-child span {
  display: inline-block;
  float: left;
  margin-right: 20px;
  padding-top: 30px;
}

#patients .patient-products .view-header table th:first-child ul {
  letter-spacing: -0.4em;
  line-height: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  width: 220px;
  float: none;
  margin-top: 4px;
}

#patients .patient-products .view-header table th:first-child ul li {
  display: inline-block;
  letter-spacing: normal;
  font-size: 125%;
  line-height: 1;
  overflow: hidden;
  height: 32px;
  width: 32px;
  margin-bottom: 8px;
  margin-right: 8px;
}

#patients .patient-products .view-header table th:first-child ul li a {
  display: block;
  box-sizing: border-box;
  background: #eee;
  color: #ea68a2;
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 98%;
  padding-top: 9px;
}

#patients .patient-products .view-header table th:first-child ul li a:hover {
  text-decoration: none;
  background: #ea68a2;
  color: #fff;
}

#patients .patient-products .view-header table th:first-child ul li a:focus {
  border: 2px solid #008ae4;
  padding-top: 7px;
}

#patients .patient-products .view-header table th:first-child ul li a:active {
  background: #ea68a2;
  color: #fff;
}

#patients .patient-products .view-header table th:first-child ul li a:disabled,
#patients .patient-products .view-header table th:first-child ul li a.disabled {
  color: #fff;
  background: #888;
}

#patients
  .patient-products
  .view-header
  table
  th:first-child
  ul
  li
  a.disabled:hover {
  opacity: 1;
  text-decoration: none;
}

#patients .patient-products .view-content {
  margin-bottom: 20px;
}

#patients .patient-products .views-table {
  width: 100%;
  box-shadow: 2px 0px 4px #ccc;
  border: 1px solid #dadada;
  border-collapse: separate;
  margin-bottom: 0;
}

#patients .patient-products .views-table caption {
  background: #f7dee9;
  padding: 8px 15px;
  font-weight: bold;
  font-size: 120%;
  text-shadow: 2px 2px 4px #aaa;
  box-shadow: 2px 0px 4px #ccc;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
}

#patients .patient-products .views-table tbody td {
  font-size: 0.96em;
  border-right: 1px solid #eee;
  padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px dashed #eee;
}

#patients .patient-products .views-table tbody td:first-child {
  width: 42%;
}

#patients .patient-products .views-table tbody td:nth-child(2) {
  width: 20%;
}

#patients .patient-products .views-table tbody td:nth-child(3) {
  width: 38%;
  border-right: none;
}

#patients .patient-products .views-table tbody td a {
  text-decoration: underline;
}

#patients .patient-products .views-table tbody td a:hover {
  
}

#patients .patient-products .views-table tbody td a:visited {
  color: #008ae4;
}

#patients .patient-products .views-table tbody td:nth-child(2) a:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../../images/pc/common/icon_link.png) 0 0 no-repeat;
  margin-left: 8px;
  background-size: contain;
}

#patients
  .patient-products
  .views-table
  tbody
  td:nth-child(3)
  span.file--application-pdf {
  padding: 0;
  background: none;
}

/* #patients .patient-products .views-table tbody td:nth-child(3) a.pdf:before { 2021/04/05 comment out */
#patients .patient-products .views-table tbody td:nth-child(3) a.pdf:after {
  /* 2021/04/05 add */
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../../images/pc/common/icon_pdf_2.png) 0 0 no-repeat;
  background-size: contain;
  margin-left: 0.3em; /* 2021/04/05 add */
}

@media screen and (max-width: 767px) {
  #patients .patient-products .views-table {
    width: 100%;
    box-shadow: none;
    border: none;
  }

  #patients .patient-products .views-table caption {
    display: block;
    cursor: pointer;
    margin-top: 10px;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    width: 100%;
    background: url("../../images/sp/common/icon_white_open_plus.png") top 75%
      right 10px no-repeat;
    background-color: #ea68a2;
    color: #fff;
    padding: 8px 15px;
    font-weight: bold;
    font-size: 120%;
    text-shadow: none;
  }

  #patients .patient-products .views-table tr {
    padding: 0;
    border: none;
  }

  #patients .product-table tr:nth-child(2) {
    margin-top: 0;
  }

  #patients .patient-products .views-table caption.is-open {
    background: url("../../images/sp/common/icon_white_open_minus.png") top 60%
      right 10px no-repeat;
    background-color: #ea68a2;
  }
}

@media screen and (max-width: 767px) {
  #patients .patient-products .view-content {
    margin: 20px 0;
  }
  #patients .patient-products .views-table tbody {
    display: block;
    width: 100%;
  }

  #patients .patient-products .views-table tbody tr {
    display: block;
    width: 100% !important;
  }

  #patients .patient-products .views-table tbody td {
    display: block;
    width: 100% !important;
    border: none;
    padding: 0;
  }

  #patients .patient-products .views-table tbody td a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px 15px;
    line-height: 1.5em;
  }

  #patients .patient-products .views-table tbody td:first-child {
    background: #f7dee9;
    box-sizing: border-box;
    padding: 10px 15px;
  }

  #patients .patient-products .show-all-content {
    text-align: center;
  }

  #patients .patient-products .show-all-content a {
    display: inline-block;
    text-align: center;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    padding: 10px 50px;
    border: 1px solid #ea68a2;
    text-decoration: none;
    background: url("../../images/pc/common/arrow_pink_white.png") top 50% right
      15px no-repeat;
    background-color: #fff;
    font-weight: bold;
  }

  /* add 2021.03.05 */
  #patients .patient-products .show-all-content a:visited {
    color: #333333;
  }

  #patients .patient-products .show-all-content a:active {
    background: url("../../images/sp/common/arrow_white_pink.png") top 50% right
      15px no-repeat;
    background-color: #ea68a2;
    color: #fff;
  }
}

/* ==========================================================================================
Useful
========================================================================================== */

#patients .view-useful .hdg {
  font-size: 160%;
  line-height: 1.6em;
  border-left: 3px solid #ea68a2;
  border-top: 1px solid #9d9d9d;
  border-bottom: 1px solid #ea68a2;
  padding: 8px 16px;
  position: relative;
  font-weight: bold;
  color: #474645;
  text-align: left;
}

#patients .view-useful .view-filters {
  padding: 10px 16px;
  box-sizing: border-box;
}
/* drupal用 */
#patients .view-useful .view-filters fieldset[class="form-item"] {
  margin-left: 0px !important;
}

#patients .view-useful .view-filters h2 {
  display: inline-block;
  font-weight: bold;
  color: #474645;
  font-size: 130%;
  padding: 8px 10px 0 37px;
  border-bottom: 2px solid #ea68a2;
  background: url("../../images/pc/common/arrow_pink_white_down.png") bottom 4px
    left 15px no-repeat;
  background-size: 19px 19px;
}

#patients .view-useful .view-filters fieldset {
  /* 2021/03/31 modify */
  float: none;
}

#patients .view-useful .view-filters .form-checkboxes > .form-checkboxes {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* margin: 10px 0 5px 0; 2021/03/24 comment out */
  width: 100%; /* 2021/03/24 add */
  margin: 20px 0 10px; /* 2021/03/24 add */
}

#patients .view-useful .view-filters .form-type-checkbox {
  box-sizing: border-box; /* 2021/03/24 add */
  flex: 0 0 176px; /* 2021/03/24 add */
  max-width: 176px; /* 2021/03/24 add */
  margin: 0 !important; /* 2021/03/24 add */
  padding: 5px 8px; /* 2021/03/24 add */
  /* background-color: #FAE0EC; 2021/03/24 comment out */
  /* width: 160px; */
  text-align: center;
  /* padding: 6px 0; */
  /* display: inline-block; 2021/03/24 comment out */
  /* margin: 5px 8px !important; comment out */
  /* border-radius: 15px; 2021/03/24 comment out */
  /* cursor: pointer; 2021/03/24 comment out */
}

#patients .view-useful .view-filters .form-type-checkbox:hover {
  
}

/* #patients .view-useful .view-filters .form-type-checkbox:active { 2021/03/24 comment out */
#patients .view-useful .view-filters .form-type-checkbox:active label {
  /* 2021/03/24 add */
  background-color: #ea68a2;
  color: #fff;
  cursor: pointer; /* 2021/03/24 add */
}

#patients .view-useful .view-filters .form-type-checkbox input {
  display: none;
}

/* #patients .view-useful .view-filters .active { 2021/03/24 comment out */
#patients .view-useful .view-filters .active label {
  /* 2021/03/24 add */
  background-color: #ea68a2;
  color: #fff;
}

#patients .view-useful .view-filters label {
  display: block;
  padding: 6px 0;
  background-color: #fae0ec; /* 2021/03/24 add */
  border-radius: 15px; /* 2021/03/24 add */
}

#patients .view-useful .view-filters .button {
  position: static;
}

#patients .view-useful .view-filters div[id^="edit-actions"] {
  text-align: center;
  margin-top: 10px !important;
}

@media screen and (max-width: 600px) {
  #patients .view-useful .view-filters input[type="submit"] {
    width: auto;
  }
}

#patients .view-useful .view-filters .js-hide {
  display: none;
}

#patients .view-useful .view-filters input[id^="edit-reset"] {
  appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ea68a2;
  text-align: center;
  padding: 18px 55px;
  display: inline-block;
  margin: 5px 0;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 400;
}

#patients .view-useful .view-filters input[id^="edit-reset"]:hover {
  background-color: #ea68a2;
  color: #fff;
}

@media screen and (max-width: 319px) {
  #patients .view-useful .view-filters input#edit-reset {
    width: 100%;
    padding: 18px 0;
  }
}

#patients .view-useful .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 30px;
}

#patients .view-useful .view-content h3 {
  background-color: #e7e9eb;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 20px;
  margin-top: 30px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 140%;
  font-weight: bold;
  border-left: 3px solid #ea68a2;
  padding: 14px 10px;
}

#patients .view-useful .view-content > div {
  width: calc(50% - 16px);
  margin-bottom: 20px;
}

#patients .view-useful .view-content > div a {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #ea68a2;
  box-sizing: border-box;
  padding: 16px;
  box-shadow: 2px 2px 2px #ccc;
  height: 100%;
  width: 100%;
}

#patients .view-useful .view-content > div a:hover {
  text-decoration: none;
  
}

#patients .view-useful .view-content > div a h4 {
  font-weight: bold;
  color: #474645;
  font-size: 105%;
  box-sizing: border-box;
  padding: 5px 0;
  display: inline-block;
}

#patients .view-useful .view-content > div a.pdf h4:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../images/pc/common/icon_pdf_2.png") top 50% left 50%
    no-repeat;
  margin-left: 5px;
}

#patients .view-useful .view-content > div a.mov h4:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../images/pc/common/icon_mov.png") top 50% left 50%
    no-repeat;
  margin-left: 5px;
}

#patients .view-useful .view-content > div a.sound h4:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../images/pc/common/icon_sound.png") top 50% left 50%
    no-repeat;
  margin-left: 5px;
}

#patients .view-useful .view-content > div a.url h4:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../images/pc/common/icon_url.png") top 50% left 50%
    no-repeat;
  margin-left: 5px;
}

#patients .view-useful .view-content > div a.word h4:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../images/pc/common/icon_word.png") top 50% left 50%
    no-repeat;
  margin-left: 5px;
}

#patients .view-useful .view-content > div a.xls h4:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../images/pc/common/icon_xls.png") top 50% left 50%
    no-repeat;
  margin-left: 5px;
}

#patients .view-useful .view-content > div a.zip h4:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../../images/pc/common/icon_zip.png") top 50% left 50%
    no-repeat;
  margin-left: 5px;
}

#patients .view-useful .view-content > div a .image {
  margin-top: 10px;
}

#patients .view-useful .view-content > div a .image img {
  margin: 0 auto;
  display: block;
}

#patients .view-useful .view-content > div a .image p {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  #patients .view-useful .view-filters {
    padding: 10px 0;
  }

  #patients .view-useful .view-filters .form-type-checkbox {
    flex: 0 1 180px; /* 2021/03/24 add */
    max-width: 50%; /* 2021/03/24 add */
    padding: 5px 10px; /* 2021/03/24 add */
    /* width: calc(50% - 20px); 2021/03/24 comment out */
    /* max-width: 160px; 2021/03/24 comment out */
    /* text-align: center; 2021/03/24 comment out */
    /* padding: 6px 0; */
    /* display: inline-block; 2021/03/24 comment out */
    /* margin: 5px 10px !important; 2021/03/24 comment out */
    /* border-radius: 15px; 2021/03/24 comment out */
    /* cursor: pointer; 2021/03/24 comment out */
  }

  #patients .view-useful .view-content > div {
    width: 100%;
  }
}

/* ==========================================================================================
Recipe
========================================================================================== */

#patients .recipe-section {
  margin-bottom: 50px;
}

#patients .recipe-top {
  border: 1px solid #ea68a2;
  box-sizing: border-box;
  padding: 8px;
  position: relative;
  z-index: 0;
}

#patients .recipe-top:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 10;
  background: #ea68a2;
  top: 0;
  left: 0;
}

#patients .recipe-top:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 10;
  background: #ea68a2;
  bottom: 0;
  right: 0;
}

#patients .recipe-top-inner {
  border: 1px solid #f8aecf;
  box-sizing: border-box;
  padding: 15px 5px;
  z-index: 2;
}

#patients .recipe-top-head-area {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  align-items: center;
}

#patients .recipe-top-head {
  font-weight: bold;
  color: #b5007c;
  display: inline-block;
  font-size: 120%;
  width: 60%;
}

#patients .recipe-top img {
  margin-top: 10px;
  width: 100%;
}

#patients .recipe-top-head-area .facility-name {
  display: inline-block;
  font-size: 0.88em;
  width: 60%;
}

@media screen and (max-width: 767px) {
  #patients .recipe-top-head,
  #patients .recipe-top-head-area .facility-name {
    width: 80%;
    max-width: 600px;
  }

  #patients .recipe-top-head {
    font-size: 110%;
  }
}

#patients .recipe-head {
  font-weight: bold;
  color: #b5007c;
}

#patients .recipe-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

#patients .recipe-image-area {
  width: 30%;
  box-sizing: border-box;
  padding-right: 32px;
  text-align: center;
}

#patients .recipe-image-area img {
  width: 200px;
}

#patients .recipe-text-area {
  width: 70%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #patients .recipe-wrapper {
    width: 100%;
    flex-direction: column;
    margin-top: 10px;
  }

  #patients .recipe-image-area {
    width: 100%;
    padding-right: 0;
    text-align: center;
  }

  #patients .recipe-image-area img {
    display: inline-block;
  }

  #patients .recipe-text-area {
    width: 100%;
    padding-left: 0;
    display: block;
    margin-top: 10px;
    font-size: 0.96em;
  }
}

#patients .recipe-button-area {
  /* 2021/03/24 add */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

@media screen and (max-width: 767px) {
  #patients .recipe-button-area {
    /* 2021/03/24 add */
    gap: 10px;
    flex-flow: column;
  }
}

#patients .recipe-button {
  width: 100%;
  max-width: 224px;
  box-sizing: border-box;
  display: flex;
  min-height: 48px;
  border-radius: 24px;
  align-items: center;
  justify-content: center;
  color: #fff;
}

#patients .recipe-text {
  padding-bottom: 20px;
}

#patients .message-button {
  background: #007fad;
}

#patients .recipe-list-button {
  background: #b5007c;
}

#patients .message-button:visited,
#patients .recipe-list-button:visited {
  color: #fff;
}

#patients .message-button:hover {
  background: #fff;
  border: 1px solid #8e9698;
  color: #333333;
}

#patients .recipe-list-button:hover {
  background-color: #fff;
  border: 1px solid #8e9698;
  color: #333333 !important;
}

#patients .recipe-ec-button {
  display: block;
  max-width: 161px;
  width: 100%;
}

#patients .recipe-ec-button img {
  display: block;
  width: 100%;
}

#patients .recipe-ec-button:hover {
  
}

@media screen and (max-width: 767px) {
  #patients .recipe-button-area {
    /* text-align: center; 2021/03/24 comment out */
    justify-content: center;
  }

  #patients .recipe-button {
    /* margin-top: 10px; 2021/03/24 comment out */
    /* margin-left: 0; 2021/03/24 comment out */
    padding: 5px 28px;
    font-size: 0.96em;
  }

  /* #patients .message-button { 2021/03/24 comment out
		margin-right: 10px;
	} */

  /* #patients .recipe-detail-button  { 2021/03/24 comment out
		margin-bottom: 10px;
	} */
}

#patients .recipe-fat-amount-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#patients .recipe-fat-amount-list li {
  display: inline-block;
  margin-right: 20px;
}

#patients .recipe-fat-amount-list a {
  display: block;
  width: 130px;
  padding: 8px 0;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #ea68a2;
  border-radius: 10px;
  border: 1px solid #ea68a2;
}

#patients .recipe-fat-amount-list a:visited {
  color: #fff;
}

#patients .recipe-fat-amount-list a:hover {
  background: #fff;
  color: #ea68a2;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #patients .recipe-fat-amount-list {
    justify-content: center;
  }

  #patients .recipe-fat-amount-list li {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 10px;
  }
}

/**** Recipe Category ******/

#patients .view-crohn-recipe-lipid-amount h3 {
  background-color: #e7e9eb;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  font-size: 140%;
  font-weight: bold;
  border-left: 3px solid #ea68a2;
  padding: 14px 10px;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid.horizontal {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid
  .views-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid.horizontal.cols-4
  .views-col {
  width: 25%;
  margin-bottom: 30px;
  width: calc(25% - 15px) !important;
  box-sizing: border-box;
  margin-right: 20px;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid.horizontal.cols-4
  .views-col:nth-child(4n) {
  margin-right: 0;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid
  .views-col
  img {
  width: 100%;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid
  .views-field-title {
  margin-top: 10px;
  font-weight: bold;
  color: #ea68a2;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid
  .views-field-title
  a {
  color: #ea68a2;
}

#patients
  .view-crohn-recipe-lipid-amount
  .view-content
  .views-view-grid
  .views-field-title
  .new {
  font-weight: bold;
  color: #fff;
  font-size: 0.9em;
  display: inline-block;
  background: #ea68a2;
  padding: 0 5px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  #patients
    .view-crohn-recipe-lipid-amount
    .view-content
    .views-view-grid
    .views-row {
    justify-content: space-between;
  }

  #patients
    .view-crohn-recipe-lipid-amount
    .view-content
    .views-view-grid.horizontal.cols-4
    .views-col {
    width: calc(50% - 8px) !important;
    margin-bottom: 30px;
    margin-right: 0;
  }

  #patients
    .view-crohn-recipe-lipid-amount
    .view-content
    .views-view-grid.horizontal.cols-4
    .views-col:nth-child(4n) {
    margin-left: 16px;
  }
}

/**** Recipe Subpage ******/

#patients .recipe-section .views-element-container h2 {
  background-color: #e7e9eb;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 20px;
  margin-top: 30px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 140%;
  font-weight: bold;
  border-left: 3px solid #ea68a2;
  padding: 14px 10px;
}

#patients .recipe-section .view-crohn-recipe-list h2 {
  /* 2021/03/25 add */
  background-color: #e7e9eb;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 140%;
  font-weight: bold;
  border-left: 3px solid #ea68a2;
  padding: 14px 10px;
}

#patients .view-crohn-recipe-list .view-content .views-view-grid.horizontal {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#patients .view-crohn-recipe-list .view-content .views-view-grid .views-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#patients
  .view-crohn-recipe-list
  .view-content
  .views-view-grid.horizontal.cols-4
  .views-col {
  width: 25%;
  margin-bottom: 30px;
  width: calc(25% - 15px) !important;
  box-sizing: border-box;
  margin-right: 20px;
}

#patients
  .view-crohn-recipe-list
  .view-content
  .views-view-grid.horizontal.cols-4
  .views-col:nth-child(4n) {
  margin-right: 0;
}

#patients
  .view-crohn-recipe-list
  .view-content
  .views-view-grid
  .views-col
  img {
  width: 100%;
}

#patients
  .view-crohn-recipe-list
  .view-content
  .views-view-grid
  .views-field-title {
  margin-top: 10px;
  font-weight: bold;
  color: #ea68a2;
}

#patients
  .view-crohn-recipe-list
  .view-content
  .views-view-grid
  .views-field-title
  a {
  color: #ea68a2;
}

#patients
  .view-crohn-recipe-list
  .view-content
  .views-view-grid
  .views-field-title
  .new {
  font-weight: bold;
  color: #fff;
  font-size: 0.9em;
  display: inline-block;
  background: #ea68a2;
  padding: 0 5px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  #patients .view-crohn-recipe-list .view-content .views-view-grid .views-row {
    justify-content: space-between;
  }

  #patients
    .view-crohn-recipe-list
    .view-content
    .views-view-grid.horizontal.cols-4
    .views-col {
    width: calc(50% - 8px) !important;
    margin-bottom: 30px;
    margin-right: 0;
  }

  #patients
    .view-crohn-recipe-list
    .view-content
    .views-view-grid.horizontal.cols-4
    .views-col:nth-child(4n) {
    margin-left: 16px;
  }
}

/**** Recipe Book ******/

#patients .recipe-sub-top-section h2 {
  font-size: 140%;
  line-height: 1.5em;
  border-left: 3px solid #ea68a2;
  border-top: 1px solid #9d9d9d;
  border-bottom: 1px solid #ea68a2;
  padding: 8px 10px;
  position: relative;
  font-weight: bold;
  color: #474645;
  text-align: left;
}

/*
#patients .recipe-sub-top-section p a{
  text-decoration: underline;
}

#patients .recipe-sub-top-section p a:hover{
  
}
*/

#patients .recipe-sub-top-section .recipe-sub-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

#patients .recipe-sub-top-section .image-area {
  width: 30%;
  box-sizing: border-box;
  padding-right: 32px;
  text-align: center;
}

#patients .recipe-sub-top-section .image-area img {
  width: 100%;
}

#patients .recipe-sub-top-section .text-area {
  width: 70%;
  box-sizing: border-box;
}

#patients .book-ec-link-area {
  display: flex; /* 2021/03/24 add */
  flex-flow: row wrap; /* 2021/03/24 add */
  align-items: center; /* 2021/03/24 add */
  justify-content: center; /* 2021/03/24 add */
  margin-top: 40px;
  background: #b5007c;
  color: #fff;
  padding: 8px;
  /* text-align: center; 2021/03/24 comment out */
  font-weight: bold;
}

#patients .book-ec-link-area span {
  /* display: inline-block; 2021/03/24 comment out */
  /* margin-right: 20px; 2021/03/24 comment out */
  margin: 0 10px; /* 2021/03/24 add */
  font-size: 110%;
}

#patients .book-ec-link-area a {
  /* display: inline-block; 2021/03/24 comment out */
  margin: 0 10px; /* 2021/03/24 add */
  background: #fff;
}

/* #patients .book-ec-link-area a img:hover {
   
 } */

#patients .book-ec-link-area a:hover {
  /* 2021/03/24 add */
  opacity: 1;
}

#patients .book-ec-link-area a:hover img {
  /* 2021/03/24 add */
  
}
#patients .book-ec-link-area a[target="_blank"]::after {
  content: none;
}

@media screen and (max-width: 767px) {
  #patients .recipe-sub-top-section .recipe-sub-wrapper {
    flex-direction: column;
  }

  #patients .recipe-sub-top-section .image-area {
    width: 100%;
    padding-right: 0;
  }

  #patients .recipe-sub-top-section .image-area img {
    width: 100%;
    max-width: 375px;
  }

  #patients .recipe-sub-top-section .text-area {
    width: 100%;
    margin-top: 20px;
  }
}

#patients .recipe-sub-description-wrapper {
  margin-top: -40px;
  margin-bottom: 40px;
  padding-top: 70px;
}

#patients .book-recipe-item-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 30px;
}

#patients .book-recipe-item {
  width: calc(33.3% - 40px);
  box-sizing: border-box;
}

#patients .book-recipe-item img {
  width: 100%;
}

#patients .book-recipe-text {
  margin-top: 10px;
}

#patients .book-recipe-text .recipe-name {
  font-weight: bold;
  color: #b5007c;
}

#patients .book-recipe-arrow {
  width: 60px;
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/common/orange_arrow_right.png")
    top 30% left 50% no-repeat;
}

@media screen and (max-width: 767px) {
  #patients .book-recipe-item-wrapper {
    flex-direction: column;
    margin-top: 50px;
  }

  #patients .book-recipe-item {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
  }

  #patients .book-recipe-item img {
    width: 100%;
    max-width: 375px;
  }

  #patients .book-recipe-arrow {
    width: 100%;
    height: 35px;
    background: url("../../images/sp/common/orange_arrow_down.png") top 50% left
      50% no-repeat; /* 2021/03/29 modify */
  }
}

#patients .recipe-book-right-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top: 30px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

#patients .recipe-book-right-wrapper .image-area {
  width: 30%;
  box-sizing: border-box;
  padding-left: 32px;
  text-align: center;
}

#patients .recipe-book-right-wrapper .image-area img {
  width: 100%;
}

#patients .recipe-book-right-wrapper .text-area {
  width: 70%;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #patients .recipe-book-right-wrapper {
    flex-direction: column;
    margin-top: 40px;
    padding: 0;
  }

  #patients .recipe-book-right-wrapper .image-area {
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    padding-left: 0;
  }

  #patients .recipe-book-right-wrapper .image-area img {
    width: 100%;
    max-width: 375px;
  }

  #patients .recipe-book-right-wrapper .text-area {
    width: 100%;
    box-sizing: border-box;
  }
}

#patients .recipe-book-info-area {
  border: 5px solid #b5007c;
  box-sizing: border-box;
  padding: 32px;
  margin-top: 30px;
  display: flex;
  flex-direction: row;
}

#patients .recipe-book-info-area .image-area img {
  width: 200px;
}

#patients .recipe-book-info-area .text-area {
  width: calc(100% - 200px);
  box-sizing: border-box;
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#patients .recipe-book-info-area .book-title {
  display: inline-block;
  color: #b5007c;
  font-size: 110%;
  font-weight: bold;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  #patients .recipe-book-info-area {
    padding: 10px;
    flex-direction: column;
  }

  #patients .recipe-book-info-area .image-area {
    width: 100%;
    text-align: center;
  }

  #patients .recipe-book-info-area .text-area {
    width: 100%;
    padding-left: 0;
    display: block;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
  }

  #patients .recipe-book-info-area .book-title {
    color: #ea68a2;
    font-size: 110%;
    font-weight: bold;
    margin-top: 10px;
  }

  #patients .recipe-book-info-area .book-ec-link-area span {
    margin-right: 10px;
    font-size: 100%;
  }
}

#patients .recipe-book-intro-area {
  margin-top: 20px;
}

#patients .recipe-book-intro-area p {
  margin-bottom: 20px;
}

#patients .recipe-book-intro-area span {
  color: #ea68a2;
}

@media screen and (max-width: 767px) {
  #patients .recipe-book-intro-area .image {
    text-align: center;
  }
}

/**** Recipe Single ******/

#patients .recipe-single-head {
  display: inline-block;
  background: #ededed;
  padding: 10px 10px 10px 30px;
  margin: 20px 0;
  box-shadow: 3px 3px 3px #aaa;
  position: relative;
}

#patients .recipe-single-head::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 0;
  height: 0;
  border-top: 20px solid #fff;
  border-right: 20px solid transparent;
}

#patients .recipe-movie-wrapper {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  max-width: 704px;
}

#patients .print-button-wrapper {
  margin: 10px 0;
  text-align: right;
}

#patients .print-button {
  display: inline-block;
  padding: 7px 35px;
  margin: 10px 0;
  color: #fff;
  border-radius: 10px;
  font-weight: bold;
  background: #b5007c;
  border: 1px solid #b5007c;
}

#patients .print-button:visited {
  /* 2021/03/29 add */
  color: #fff;
}

#patients .print-button:hover {
  background: #fff;
  color: #b5007c;
  text-decoration: none;
}

#patients .recipe-single-item-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 30px;
}

#patients .recipe-single-item {
  border: 1px solid #b5007c;
  margin-bottom: 20px;
  box-sizing: border-box;
}

#patients .recipe-single-item .head {
  padding: 5px 0 5px 50px;
  border-bottom: 1px solid #b5007c;
  width: 100%;
  box-sizing: inherit;
  font-size: 110%;
  color: #b5007c;
  font-weight: bold;
  border-left: none;
}

#patients .recipe-single-item .text {
  box-sizing: inherit;
  padding: 16px;
}

#patients .recipe-single-item.recipe-ingredient {
  width: calc(40% - 20px);
  margin-right: 20px;
}

#patients .recipe-single-item .recipe-title {
  color: #b5007c;
}

#patients .recipe-single-item.recipe-step {
  width: 60%;
}

#patients .recipe-single-item.recipe-step p {
  margin-top: 20px;
}

#patients .recipe-single-item.recipe-nutrition {
  width: 100%;
}

@media screen and (max-width: 767px) {
  #patients .recipe-single-item .text {
    font-size: 0.96em;
  }

  #patients .recipe-single-item.recipe-ingredient {
    width: 100%;
    margin-right: 0;
  }

  #patients .recipe-single-item.recipe-step {
    width: 100%;
  }
}

#patients .recipe-single-item.recipe-ingredient .head {
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate/images/pc/common/icon_recipe_ingredient.png) top 50%
    left 15px no-repeat;
  background-color: #fce7f0;
}

#patients .recipe-single-item.recipe-step .head {
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate/images/pc/common/icon_recipe_step.png) top 50% left
    15px no-repeat;
  background-color: #fce7f0;
}

#patients .recipe-single-item.recipe-nutrition .head {
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate/images/pc/common/icon_recipe_nutrition.png) top 50%
    left 15px no-repeat;
  background-color: #fce7f0;
}

#patients .recipe-single-item.recipe-ingredient .text ul li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

#patients .recipe-single-item.recipe-ingredient .text ul li span {
  display: inline-block;
}

#patients
  .recipe-single-item.recipe-ingredient
  .text
  ul
  li
  span:first-child:before {
  content: "・";
}

#patients .recipe-single-item.recipe-nutrition .text-head {
  font-weight: bold;
  font-size: 105%;
}

#patients .recipe-single-item.recipe-nutrition ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 16px;
}

#patients .recipe-single-item.recipe-nutrition ul li {
  display: block;
  width: 33.33%;
  padding-right: 16px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  #patients .recipe-single-item.recipe-nutrition ul li {
    width: 100%;
    padding: 5px 0;
  }
}

/* ==========================================================================================
Search Result
========================================================================================== */

#patients article.container {
  padding: 0;
}

#patients .view-p-search-result .view-header h2 {
  display: inline-block;
  width: 100%;
  font-size: 160%;
  line-height: 1.5em;
  border-left: 3px solid #ea68a2;
  border-bottom: 1px solid #ea68a2;
  padding: 5px 16px;
  margin: 10px 0;
  font-weight: bold;
  text-align: left;
  box-sizing: border-box;
  border-top: 1px solid #9d9d9d;
}

#patients .view-p-search-result .view-content {
  margin-top: 20px;
  padding: 0 16px;
  box-sizing: border-box;
}

#patients .view-p-search-result .view-content .views-field {
  margin-top: 40px;
  margin-bottom: 50px;
}

#patients .view-p-search-result .view-content .views-field a {
  display: block;
}

#patients .view-p-search-result .view-content .views-field a:hover {
  
}

#patients
  .view-p-search-result
  .view-content
  .views-field
  .field-content-title {
  display: block;
  font-size: 120%;
  text-decoration: underline;
}

#patients
  .view-p-search-result
  .view-content
  .views-field
  .field-content-footer {
  display: block;
  font-size: 85%;
  color: #808080;
  margin-top: 5px;
}

#patients
  .view-p-search-result
  .view-content
  .views-field
  a:visited
  .field-content-footer {
  color: #008ae4;
}

#patients .pager {
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 40px;
  display: block;
}

#patients .pager__items {
  /* display: inline-block; */
}

#patients .pager__item {
  display: inline-block;
  margin: 0 5px;
}

#patients .pager__item a {
  /* text-decoration: underline; */
}

#patients .pager__item.is-active a {
  text-decoration: none;
}

#patients .pager__item--first {
  display: none;
}

#patients .pager__item--last {
  display: none;
}

/* ==========================================================================================
News
========================================================================================== */
@charset "UTF-8";
/* ==========================================================

treatment - common
treatment - elental
treatment - movicol
treatment - moviprep
treatment - glucagon
treatment - rectabul
sitemap
blank_link
Not found

 ========================================================== */

/* ==========================================================================================
  treatment
========================================================================================== */
/* ==========================================================================================
  common
========================================================================================== */
#patients .treatment .sectionLv02,
#patients .treatment .sectionLv03,
#patients .treatment .sectionLv04,
#patients .treatment .sectionLv05 {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #patients .treatment .sectionLv02,
  #patients .treatment .sectionLv03,
  #patients .treatment .sectionLv04,
  #patients .treatment .sectionLv05 {
    margin-bottom: 40px;
  }
}

#patients .treatment .s-component {
  margin-bottom: 40px;
}

#patients .treatment .p,
#patients .elental p,
#patients .moviprep p {
  margin-bottom: 20px;
}

/* treatment
---------------------------------------- */

/* indexTopImage
---------------------------------------- */
#patients .treatment.indexTopImage {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  #patients .treatment.indexTopImage {
    margin-bottom: 20px;
  }
}

#patients .treatment.indexTopImage img {
  text-align: center;
  width: 100%;
  height: auto;
}

/* imageBox
---------------------------------------- */
#patients .treatment .imageBox img {
  width: 100%;
  height: auto;
}

#patients .treatment .imageBox.Large {
  width: 100%;
  height: auto;
}

#patients .treatment .imageBox.Medium {
  max-width: 700px;
  margin: 0 auto;
}

#patients .treatment .imageBox.Small {
  width: 250px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #patients .treatment .imageBox.Large,
  #patients .treatment .imageBox.Medium {
    width: 100%;
    height: auto;
  }
  #patients .treatment .imageBox.Small {
    max-width: 200px;
    height: auto;
  }
}

/* imageColumn_S
---------------------------------------- */
#patients .treatment .imageColumn_S .item {
  display: flex;
  justify-content: space-between;
}

#patients .treatment .imageColumn_S .item .image {
  width: 250px;
  padding-left: 40px;
  text-align: center;
}

#patients .treatment .imageColumn_S .item .text {
  width: 710px;
}

@media screen and (max-width: 767px) {
  #patients .treatment .imageColumn_S .item {
    flex-direction: column;
    width: 100%;
  }
  #patients .treatment .imageColumn_S .item .text {
    width: 100%;
  }
  #patients .treatment .imageColumn_S .item .image {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  #patients .treatment .imageColumn_S .item .image img {
    max-width: 200px;
    display: inline-block;
  }
}

/* imageColumn_M
---------------------------------------- */
#patients .treatment .imageColumn_M .item {
  display: flex;
  justify-content: space-between;
}

#patients .treatment .imageColumn_M .item .image {
  width: 40%;
  margin-left: 32px;
  text-align: center;
}

#patients .treatment .imageColumn_M .item .text {
  width: 60%;
}

@media screen and (max-width: 767px) {
  #patients .treatment .imageColumn_M .item {
    flex-direction: column;
    width: 100%;
  }
  #patients .treatment .imageColumn_M .item .text,
  #patients .treatment .imageColumn_M .item .image {
    width: 100%;
  }
  #patients .treatment .imageColumn_M .item .image {
    margin-top: 20px;
    margin-left: 0;
  }
}

/* circle-list
---------------------------------------- */
#patients .treatment .circle-list {
  padding-bottom: 10px;
}

#patients .treatment .circle-list ul {
  padding-left: 20px;
}

#patients .treatment .circle-list ul li {
  text-indent: -20px;
}

#patients .treatment .circle-list ul li + li {
  margin-top: 0.6em;
}

/* black
------------ */
#patients .treatment .circle-list.black ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #333333;
  border-radius: 50%;
  margin-right: 10px;
}

/* white
------------ */
#patients .treatment .circle-list.white ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  border: solid 1px #333333;
  margin-right: 10px;
}

/* bordeaux
------------ */
#patients .treatment .circle-list.bordeaux ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #9c3035;
  border-radius: 50%;
  margin-right: 10px;
}

/* pink
------------ */
#patients .treatment .circle-list.pink ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ed798e;
  border-radius: 50%;
  margin-right: 10px;
}

/* green
------------ */
#patients .treatment .circle-list.green ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #25ae5c;
  border-radius: 50%;
  margin-right: 10px;
}

/* lightgreen
------------ */
#patients .treatment .circle-list.lightgreen ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #8fc31f;
  border-radius: 50%;
  margin-right: 10px;
}

/* num-list
---------------------------------------- */
#patients .treatment .num-list {
  margin-bottom: 20px;
}

#patients .treatment .num-list ol {
  position: relative;
  margin: 0;
  padding: 0;
}

#patients .treatment .num-list ol li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em;
}

#patients .treatment .num-list ol li + li {
  margin-top: 0.6em;
}

#patients .treatment .num-list ol li span {
  position: absolute;
  left: 0;
  margin: 0;
}

/* p
---------------------------------------- */
#patients .treatment p {
  margin-bottom: 20px;
}

/* sup
---------------------------------------- */
sup {
  font-size: 80%;
  vertical-align: super;
}

sup.sup_r {
  font-size: 80%;
  vertical-align: 0.3em;
  top: 0;
}

sub.sub_r {
  vertical-align: -8%;
  font-size: 80%;
  bottom: 0;
}

/* bold
---------------------------------------- */
#patients .treatment .bold {
  font-weight: bold;
}

/* txtUL
---------------------------------------- */
#patients .treatment .txtUL {
  text-decoration: underline;
}

/* caption
---------------------------------------- */
#patients .treatment .caption {
  margin-top: 10px;
  font-size: 13px;
}

/* red
---------------------------------------- */
#patients .treatment .red {
  color: red;
}

/* TAright
---------------------------------------- */
#patients .treatment .TAright {
  text-align: right;
}

/* small
---------------------------------------- */
#patients .treatment .small {
  font-size: 12px;
}

/* txt-indent
---------------------------------------- */
#patients .treatment .txt-indent {
  margin-left: 1em;
  text-indent: -1em;
}

/* top-bnr-products
---------------------------------------- */
#patients .treatment .top-bnr-products {
  margin-bottom: 90px !important;
}

/* movie-section
---------------------------------------- */
#patients .treatment .movie-section {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #patients .treatment .movie-section {
    margin-bottom: 40px;
  }
}

/* movie
---------------------------------------- */
#patients .treatment .movie-section .movie {
  width: 100%;
  margin: 0 auto;
  max-width: 704px;
}

/* movie-wrapper
---------------------------------------- */
#patients .treatment .movie-section .movie-wrapper {
  margin-bottom: 20px;
}

/* movie-time
---------------------------------------- */
#patients .treatment .movie-section p.movie-time {
  font-size: 12px;
  position: relative;
  line-height: 1em;
  padding-left: 20px;
}

#patients .treatment .movie-section p.movie-time:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("")
    no-repeat;
  background-size: contain;
}

/* movie-DL
---------------------------------------- */
#patients .treatment .movie-section .movie-DL {
  text-align: center;
}

#patients .treatment .movie-section .movie-DL a {
  display: inline-block;
  padding: 7px 35px;
  margin: 10px 0;
  margin-right: 10px;
  color: #fff;
  border-radius: 10px;
  font-weight: bold;
  background: #ea68a2;
  border: 1px solid #ea68a2;
}

#patients .treatment .movie-section .movie-DL a:hover {
  background: #fff;
  color: #ea68a2;
  text-decoration: none;
}

#patients .treatment .movie-section .movie-DL p {
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  #patients .treatment .movie-section .movie-DL a {
    margin: 20px 0 10px 0;
    padding: 5px 28px;
    font-size: 0.96em;
  }
}

/* ==========================================================================================
  patient_sitemap
========================================================================================== */
#patients .patient_sitemap a:visited {
  color: #333333;
}

#patients .patient_sitemap a:hover {
  
}

#patients .patient_sitemap {
  margin-top: 10px;
  margin-bottom: 90px;
}

.patient_sitemap .icon_blank::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 12px;
  background: url("")
    8px 0 no-repeat;
  margin-left: 3px;
}

#patients .patient_sitemap .item_lists li {
  color: #ea68a2;
  font-weight: bold;
  margin-bottom: 20px;
}

#patients .patient_sitemap .item_lists li a {
  color: #ea68a2;
}

#patients .patient_sitemap .item_lists li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  /* margin-right: 0; 2021/03/24 comment out */
  margin-right: 0.3em; /* 2021/03/24 add */
  background: url("")
    no-repeat;
  background-size: contain;
  vertical-align: middle;
}

#patients .patient_sitemap .item_lists_third li:first-child {
  margin-top: 20px;
}

#patients .patient_sitemap .item_lists_third li {
  margin-left: 24px;
  margin-bottom: 18px;
  font-weight: normal;
}

#patients .patient_sitemap .item_lists_third li a {
  color: #333333;
}

#patients .patient_sitemap .item_lists_third li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 10px;
  margin-right: 6px;
  background: url("")
    no-repeat;
  background-size: contain;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  #patients .patient_sitemap {
    margin-bottom: 60px;
  }
}

/* ==========================================================================================
  elental
========================================================================================== */

/* imgbg
---------------------------------------- */
#patients .treatment.elental .imgbg01 {
  background-color: #fcf8ed;
  border-radius: 16px;
  padding: 20px 0;
}

#patients .treatment.elental .imgbg02 {
  padding: 30px;
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  background: #cae5cd;
  border: 5px solid #eab430;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental .imgbg01 {
    padding: 20px 10px;
  }
}

/* download-PDF
---------------------------------------- */
#patients .treatment.elental .download-PDF {
  text-align: center;
}

#patients .treatment.elental .download-PDF p {
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
}

#patients .treatment.elental .download-PDF img {
  width: auto;
  max-width: 100%;
  display: inline;
}

/* txt-color
---------------------------------------- */
#patients .treatment.elental .txt-color-01 {
  font-weight: bold;
  color: #a7385b;
}

/* ==========================================================================================
  howto
========================================================================================== */
/* howtoTitle
---------------------------------------- */
#patients .elental-howto .howtoTitleWrap {
  padding-top: 20px;
  padding-bottom: 30px;
  overflow: hidden;
}

#patients .elental-howto {
  margin-bottom: 30px;
}

#patients .elental-howto .howtoTitle {
  position: relative;
  margin: 0 auto;
  /* width: 750px; 2021/03/24 comment out */
  max-width: 750px; /* 2021/03/24 add */
  min-height: 280px;
  border: 3px solid #f8b62b;
  box-shadow: -2px -2px 0px 1px #f8b62b inset;
  border-radius: 30px;
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/howto/bg_01.png");
}

#patients .elental-howto .howtoTitle .text-area .image {
  position: absolute;
  top: -20px;
  left: 42px;
}

#patients .elental-howto .howtoTitle .title-area,
#patients .elental-howto .howtoTitle .text {
  width: 66%;
  margin-left: auto;
  padding: 10px;
}

#patients .elental-howto .howtoTitle .title-area {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #patients .elental-howto .howtoTitle {
    width: auto;
  }
  #patients .elental-howto .howtoTitle .title-area {
    margin: 0 auto;
  }
  #patients .elental-howto .text-area .image {
    position: relative;
    width: 30%;
    height: auto;
  }
  #patients .elental-howto .text-area .text {
    width: 60%;
  }
  #patients .elental-howto .text-area .image .inner .variable:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  #patients .elental-howto .inner {
    position: absolute;
    top: 80px;
    left: -30px;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 450px) {
  #patients .elental-howto .howtoTitleWrap {
    padding: 0;
  }
  #patients .elental-howto .text-area .image {
    position: relative;
    width: 33%;
    height: auto;
  }
  #patients .elental-howto .inner {
    position: absolute;
    top: 110px;
    left: -36px;
    width: 100%;
    height: 100%;
  }
}

/* ==========================================================================================
whats_nutritional-advice
========================================================================================== */
/* topColmunWrap
---------------------------------------- */
#patients .treatment.elental.whats_nutritional-advice .topColmunWrap {
  background-image: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/whats_nutritional/topColmun_bg.png");
  margin-bottom: 60px;
  padding-bottom: 20px;
}

#patients .treatment.elental.whats_nutritional-advice .topColmun {
  display: flex;
  padding: 10px 30px 0 80px;
}

#patients .treatment.elental.whats_nutritional-advice .topColmun .col .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #a7385b;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin: -10px auto 0;
}

#patients .treatment.elental.whats_nutritional-advice .topColmun .col figure {
  width: 283px;
  margin-top: 10px;
}

#patients .treatment.elental.whats_nutritional-advice .col + .col {
  margin-left: 36px;
}

#patients .treatment.elental.whats_nutritional-advice .topColmun ul {
  background-color: #fff;
  margin: 36px 0;
  padding: 20px 20px 20px 20px;
  border-radius: 10px 10px 10px 10px;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmun
  .col
  + .col
  ul
  li {
  padding-left: 24px;
  text-indent: -24px;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmun
  .col
  + .col
  ul
  li
  a {
  text-decoration: underline;
  padding: 0 0 0 24px;
  font-size: 15px;
  font-size: 100%;
  line-height: 1;
  position: relative;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmun
  .col
  + .col
  ul
  li
  a:hover {
  text-decoration: none;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmun
  .col
  + .col
  ul
  li
  a:visited {
  color: #333333;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmun
  .col
  + .col
  ul
  li
  a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background: #3eb370;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmun
  .col
  + .col
  ul
  li
  a:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmun
  .col
  + .col
  ul
  li
  + li {
  margin-top: 11px;
}

#patients .treatment.elental.whats_nutritional-advice .topColmun .col p {
  margin-bottom: 0;
  text-align: center;
}

#patients .treatment.elental.whats_nutritional-advice .topColmun p span {
  font-weight: bold;
  font-size: 120%;
}

#patients .treatment.elental.whats_nutritional-advice .topColmunWrap .movieBtn {
  width: 546px;
  margin: auto;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  a {
  box-sizing: border-box; /* 2021/03/24 add */
  flex: 1 0 68px; /* 2021/03/24 add */
  max-width: 100%; /* 2021/03/24 add */
  /* display: block; 2021/03/24 comment out */
  display: flex; /* 2021/03/24 add */
  align-items: center; /* 2021/03/24 add */
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  background: #fff;
  /* padding: 25px 0px 19px 43px; 2021/03/24 comment out */
  padding: 5px 90px 5px 43px; /* 2021/03/24 add */
  font-size: 15px;
  font-size: 100%;
  /* line-height: 1; 2021/03/24 comment out */
  line-height: 1.2; /* 2021/03/24 add */
  position: relative;
  background-image: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/whats_nutritional/movieBtn_bg.png");
  background-repeat: no-repeat;
  background-position: right;
  text-shadow: 2px 2px 0 #fff, /* 2021/03/24 add */ -2px -2px 0 #fff,
    -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff,
    -2px 0 0 #fff, 2px 0 0 #fff;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  a:hover {
  border: 1px solid #3eb370;
  box-shadow: 0 0 0 3px #3eb370;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  a:visited {
  color: #333333;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  p {
  position: relative;
  display: flex; /* 2021/03/24 add */
  flex-flow: column nowrap;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  p
  span {
  position: absolute;
  z-index: 1;
  top: -10px;
  left: -7px;
  background: #3eb370;
  color: #fff;
  padding: 0.2em 1em;
  font-size: 90%;
  font-weight: bold;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  a::before {
  content: "";
  position: absolute;
  /* top: 30px; 2021/03/24 comment out */
  /* left: 16px; 2021/03/24 comment out */
  top: 0; /* 2021/03/24 add */
  right: auto; /* 2021/03/24 add */
  bottom: 0; /* 2021/03/24 add */
  left: 16px; /* 2021/03/24 add */
  margin: auto; /* 2021/03/24 add */
  width: 17px;
  height: 17px;
  background: #3eb370;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  a::after {
  content: "";
  position: absolute;
  /* top: 35px; 2021/03/24 comment out */
  /* left: 20px; 2021/03/24 comment out */
  top: 0; /* 2021/03/24 add */
  right: auto; /* 2021/03/24 add */
  bottom: 0; /* 2021/03/24 add */
  left: 20px; /* 2021/03/24 add */
  margin: auto; /* 2021/03/24 add */
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

#patients
  .treatment.elental.whats_nutritional-advice
  .topColmunWrap
  .movieBtn
  a
  strong {
  font-size: 120%;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.whats_nutritional-advice .topColmun {
    padding: 10px 10px 0;
  }

  #patients .treatment.elental.whats_nutritional-advice .col + .col {
    margin-left: 0px;
  }

  #patients .treatment.elental.whats_nutritional-advice .topColmun ul {
    margin: 26px 0;
  }

  #patients
    .treatment.elental.whats_nutritional-advice
    .topColmunWrap
    .movieBtn {
    width: auto;
    margin: 16px; /* 2021/03/24 add */
  }

  /* #patients .treatment.elental.whats_nutritional-advice .topColmunWrap .movieBtn a { 2021/03/24 comment out
    text-shadow:2px 2px 0 #FFF,
                -2px -2px 0 #FFF,
                -2px 2px 0 #FFF,
                2px -2px 0 #FFF,
                0px 2px 0 #FFF,
                0-2px 0 #FFF,
                -2px 0 0 #FFF,
                2px 0 0 #FFF;
  } */
  #patients .treatment.elental.whats_nutritional-advice .topColmun {
    flex-wrap: wrap;
  }
  #patients .treatment.elental.whats_nutritional-advice .topColmun .col {
    width: 100%;
  }
  #patients .treatment.elental.whats_nutritional-advice .topColmun .col figure {
    width: 100%;
    margin-top: 10px;
  }
  /* #patients .treatment.elental.whats_nutritional-advice .topColmunWrap .movieBtn { 2021/03/24 comment out
    width: auto;
    margin: 16px
  } */
}

/* ilBox03
---------------------------------------- */
#patients .treatment.elental.whats_nutritional-advice .ilBox03 {
  background-color: #fcf8ed;
  padding: 120px 0 20px;
  border-radius: 16px;
  position: relative;
}

#patients .treatment.elental.whats_nutritional-advice .ilBox03 .il03 {
  position: absolute;
  width: 400px;
  top: -100px;
  right: 0px;
}

@media only screen and (max-width: 767px) {
  #patients .treatment.elental.whats_nutritional-advice .ilBox03 {
    padding: 10px;
  }
  #patients .treatment.elental.whats_nutritional-advice .ilBox03 div {
    text-align: center;
    margin-bottom: 20px;
  }
  #patients .treatment.elental.whats_nutritional-advice .ilBox03 .il04 {
    width: 80%;
  }
}

/* point
---------------------------------------- */
#patients .treatment.elental.whats_nutritional-advice .point {
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
  color: #6d4e50;
  background-image: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/whats_nutritional/point_bg.png");
  padding: 28px 20px;
  text-align: center;
  position: relative;
}

#patients .treatment.elental.whats_nutritional-advice .point::before,
#patients .treatment.elental.whats_nutritional-advice .point::after {
  height: 20px;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}

#patients .treatment.elental.whats_nutritional-advice .point::before {
  top: -5px;
  background: linear-gradient(225deg, #fff 10px, transparent 0),
    linear-gradient(135deg, #fff 10px, transparent 0);
  background-size: 20px 20px;
}

#patients .treatment.elental.whats_nutritional-advice .point::after {
  bottom: -5px;
  background: linear-gradient(315deg, #fff 10px, transparent 0),
    linear-gradient(45deg, #fff 10px, transparent 0);
  background-size: 20px 20px;
}

/*il-box
---------------------------------------- */
#patients .treatment.elental.whats_nutritional-advice .il-box {
  display: flex;
  margin-bottom: 40px;
}

#patients .treatment.elental.whats_nutritional-advice .il-box div {
  box-sizing: border-box; /* 2021/03/23 add */
  width: 50%;
  min-height: 0%;
  background-color: #fcf8ed;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
}

#patients .treatment.elental.whats_nutritional-advice .il-box div + div {
  margin-left: 30px;
}

#patients .treatment.elental.whats_nutritional-advice .il-box02 {
  width: 700px;
  text-align: center;
  margin: 60px auto 0;
  border-top: 3px solid #dcebc4;
  border-bottom: 3px solid #dcebc4;
  padding: 16px 0;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.whats_nutritional-advice .il-box {
    flex-direction: column;
    align-items: center;
  }
  #patients .treatment.elental.whats_nutritional-advice .il-box div {
    /* width: auto; 2021/03/23 comment out */
    /* max-width: 2021/03/23 comment out 375px; */
    width: 375px;
    max-width: 100%;
  }
  #patients .treatment.elental.whats_nutritional-advice .il-box div + div {
    margin-left: 0;
  }
  #patients .treatment.elental.whats_nutritional-advice .il-box02 {
    width: 100%;
  }
}

/*column
---------------------------------------- */
#patients .treatment.elental.whats_nutritional-advice .column {
  box-sizing: border-box; /* 2021/03/23 add */
  width: 100%;
  border: 3px dotted #a9cf52;
  border-radius: 38px;
  position: relative;
  margin: 30px auto;
  padding: 10px;
}

#patients .treatment.elental.whats_nutritional-advice .column p {
  margin-bottom: 0;
}

#patients .treatment.elental.whats_nutritional-advice .column .ic {
  width: 74px;
  height: 74px;
  background-color: #a9cf52;
  border-radius: 37px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 112%;
  position: absolute;
  top: -4px;
  left: -4px;
  line-height: 4.4;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

#patients .treatment.elental.whats_nutritional-advice .column .txt {
  padding-left: 70px;
  font-size: 15px;
}

#patients .treatment.elental.whats_nutritional-advice .column .ic.type01,
#patients .treatment.elental.whats_nutritional-advice .column .ic.type02 {
  top: -18px;
}

#hs_cos_wrapper_widget_1715352309018
  .treatment.elental.whats_nutritional-advice
  .column
  .ic.type01,
#hs_cos_wrapper_widget_1715352309018
  .treatment.elental.whats_nutritional-advice
  .column
  .ic.type02 {
  top: 0;
}

#hs_cos_wrapper_widget_1715353141713
  .treatment.elental.whats_nutritional-advice
  .column
  .ic.type01,
#hs_cos_wrapper_widget_1715353141713
  .treatment.elental.whats_nutritional-advice
  .column
  .ic.type02 {
  top: 0;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.whats_nutritional-advice .column {
    width: 94%;
  }
  #patients .treatment.elental.whats_nutritional-advice .column .ic {
    top: -24px;
  }

  #hs_cos_wrapper_widget_1715352309018
    .treatment.elental.whats_nutritional-advice
    .column
    .ic {
    top: 0;
  }

  #hs_cos_wrapper_widget_1715353141713
    .treatment.elental.whats_nutritional-advice
    .column
    .ic {
    top: 0;
  }

  #patients .treatment.elental.whats_nutritional-advice .column .ic.type01 {
    top: -6px;
  }

  #hs_cos_wrapper_widget_1715352309018
    .treatment.elental.whats_nutritional-advice
    .column
    .ic.type01 {
    top: 0;
  }

  #hs_cos_wrapper_widget_1715353141713
    .treatment.elental.whats_nutritional-advice
    .column
    .ic.type01 {
    top: 0;
  }

  #patients .treatment.elental.nutritional-advice .column .ic.type02 {
    top: -32px;
  }

  #hs_cos_wrapper_widget_1715352309018
    .treatment.elental.nutritional-advice
    .column
    .ic.type02 {
    top: 0;
  }

  #hs_cos_wrapper_widget_1715353141713
    .treatment.elental.nutritional-advice
    .column
    .ic.type02 {
    top: 0;
  }
}

/*ilBox04
---------------------------------------- */
#patients .treatment.elental.whats_nutritional-advice .ilBox04 .item {
  display: flex;
  justify-content: space-between;
  background-color: #eaeff9;
  padding: 20px;
}

#patients .treatment.elental.whats_nutritional-advice .ilBox04 .image {
  width: 250px;
  padding-left: 40px;
  text-align: center;
}

#patients
  .treatment.elental.whats_nutritional-advice
  .ilBox04
  .item
  .image
  img {
  width: 110px;
}

#patients .treatment.elental.whats_nutritional-advice .ilBox04 .text {
  width: 710px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.whats_nutritional-advice .ilBox04 .item {
    flex-direction: column;
    width: auto;
  }
  #patients .treatment.elental.whats_nutritional-advice .ilBox04 .item .text {
    width: 100%;
  }
  #patients .treatment.elental.whats_nutritional-advice .ilBox04 .item .image {
    width: 100%;
    padding-left: 0;
  }

  #patients
    .treatment.elental.whats_nutritional-advice
    .ilBox04
    .item
    .image
    img {
    display: inline-block;
  }
  #patients
    .treatment.elental.whats_nutritional-advice
    .ilBox04
    .item
    .image
    img {
    max-width: 110px;
  }
}

/*note
---------------------------------------- */
#patients .treatment.elental.whats_nutritional-advice .note {
  border-top: 3px solid #fdda92;
  border-bottom: 3px solid #fdda92;
  position: relative;
  padding: 20px;
  margin-top: 100px;
}

#patients .treatment.elental.whats_nutritional-advice .note p {
  color: #e9546b;
  font-weight: bold;
  margin-left: 130px;
}

#patients .treatment.elental.whats_nutritional-advice .note img {
  position: absolute;
  width: 120px;
  left: 6px;
  top: -48px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.whats_nutritional-advice .action img {
    position: unset;
    display: block;
    margin: 20px auto 0;
    width: 40%;
  }
  #patients .treatment.elental.whats_nutritional-advice .note img {
    top: 10px;
  }
}

/* ==========================================================================================
  nutritional-advice
========================================================================================== */
/* topIndexMenu
---------------------------------------- */
#patients .treatment.elental.nutritional-advice .topIndexMenu {
  display: flex;
  background: #fbf9e2;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 40px;
}

#patients .treatment.elental.nutritional-advice .topIndexMenu .img {
  width: 50%;
  text-align: center;
}

#patients .treatment.elental.nutritional-advice .topIndexMenu .menu {
  width: 50%;
  padding-left: 60px;
}

#patients .treatment.elental.nutritional-advice .topIndexMenu .menu ul {
  margin-top: 10px;
}

#patients .treatment.elental.nutritional-advice .topIndexMenu .menu ul li a {
  display: block;
  text-decoration: underline;
  padding: 0 0 0 23px;
  line-height: 1.3;
  position: relative;
}

#patients
  .treatment.elental.nutritional-advice
  .topIndexMenu
  .menu
  ul
  li
  a:hover {
  text-decoration: none;
}

#patients
  .treatment.elental.nutritional-advice
  .topIndexMenu
  .menu
  ul
  li
  a:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #f7ab00;
}

#patients
  .treatment.elental.nutritional-advice
  .topIndexMenu
  .menu
  ul
  li
  a:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

#patients .treatment.elental.nutritional-advice .topIndexMenu .menu ul li + li {
  margin-top: 11px;
}

#patients .treatment.elental.nutritional-advice .topIndexMenu .menu p {
  margin-bottom: 0;
}

#patients
  .treatment.elental.nutritional-advice
  .topIndexMenu
  .menu
  p.text-center {
  text-align: center;
  margin-top: 100px;
}

#patients .treatment.elental.nutritional-advice .topIndexMenu a:visited {
  color: #333333;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.nutritional-advice .topIndexMenu {
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
  #patients .treatment.elental.nutritional-advice .topIndexMenu .img,
  #patients .treatment.elental.nutritional-advice .topIndexMenu .menu {
    width: 100%;
    padding-left: 0;
  }
  #patients
    .treatment.elental.nutritional-advice
    .topIndexMenu
    .menu
    p.text-center {
    margin-top: 40px;
  }
}

/* menuList01
---------------------------------------- */
#patients .treatment.elental.nutritional-advice .menuList01 {
  display: flex;
  justify-content: space-between;
}

#patients .treatment.elental.nutritional-advice .menuList01 .col {
  width: 31.4285714286%;
}

#patients .treatment.elental.nutritional-advice .menuList01 .col .figure {
  width: 70%;
  margin: 0 auto;
  text-align: center; /* 2021/03/23 add */
}

#patients .treatment.elental.nutritional-advice .menuList01 .col .col_inner {
  /* display: flex; 2021/03/23 comment out */
  background: #fffcd1;
  border-radius: 10px;
  margin-top: 20px;
  padding: 17px 30px 8px;
  height: calc(100% - 170px);
}

#patients
  .treatment.elental.nutritional-advice
  .menuList01
  .col
  .col_inner
  dl
  dt {
  font-size: 14px;
  font-size: 93.33%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.7em;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.nutritional-advice .menuList01 {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  #patients .treatment.elental.nutritional-advice .menuList01 .col {
    width: 100%;
    margin-bottom: 40px;
  }
}

/* featureBox
---------------------------------------- */
#patients .treatment.elental.nutritional-advice .featureBox01 {
  border: 3px dotted #009944;
  padding: 20px;
  text-align: center;
  border-radius: 15px;
}
#patients .treatment.elental.nutritional-advice .featureBox01 figure {
  margin-bottom: 0;
}

#patients .treatment.elental.nutritional-advice .featureBox01 figure img {
  width: 70%;
  height: auto;
}

#patients .treatment.elental.nutritional-advice .featureBox02 {
  border: 3px dotted #009944;
  padding: 20px 100px 0 100px;
  border-radius: 15px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

#patients .treatment.elental.nutritional-advice .featureBox02 figure {
  text-align: center;
  width: 49%;
}

#patients .treatment.elental.nutritional-advice .featureBox02 figure {
  margin-bottom: 20px;
}

#patients
  .treatment.elental.nutritional-advice
  .featureBox02
  figure
  + figure
  img {
  width: 30%;
}

#patients .treatment.elental.nutritional-advice .featureBox02 figure img {
  width: 60%;
}

#patients
  .treatment.elental.nutritional-advice
  .featureBox02
  figure
  figcaption {
  text-align: center;
  font-weight: bold;
  margin-top: 4px;
}

@media only screen and (max-width: 767px) {
  #patients .treatment.elental.nutritional-advice .featureBox01 figure img {
    width: 100%;
    height: auto;
  }
  #patients .treatment.elental.nutritional-advice .featureBox02 {
    border: 3px dotted #009944;
    padding: 20px 20px 0 20px;
    border-radius: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}

/* nutritionalHdg02
---------------------------------------- */
#patients .treatment.elental.nutritional-advice h2.nutritionalHdg02 {
  border-left: none;
}

#patients .treatment.elental.nutritional-advice .nutritionalHdg02 {
  text-align: center;
  margin-bottom: 40px;
}

#patients .treatment.elental.nutritional-advice .nutritionalHdg02 .hdgInner {
  text-align: center;
  display: inline-block;
  margin: 0 auto 0;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  background: #ef845d;
  border-radius: 60px;
  padding: 0.35em 2.5em 0.55em 1.25em;
  position: relative;
}

#patients
  .treatment.elental.nutritional-advice
  .nutritionalHdg02.type02
  .hdgInner {
  line-height: 1;
  padding: 0.55em 1.25em 0.55em 1.25em;
  border-radius: 29px;
}

#patients
  .treatment.elental.nutritional-advice
  .nutritionalHdg02
  .hdgInner
  .ph01 {
  position: absolute;
  bottom: 28px;
  right: -10px;
  width: 56px;
}

#patients
  .treatment.elental.nutritional-advice
  .nutritionalHdg02
  .hdgInner
  .ph02 {
  position: absolute;
  bottom: 13px;
  right: 13px;
  width: 25px;
}

@media only screen and (max-width: 767px) {
  #patients .treatment.elental.nutritional-advice .nutritionalHdg02 {
    margin-bottom: 20px;
  }
  #patients .treatment.elental.nutritional-advice .nutritionalHdg02 .hdgInner {
    text-align: center;
    display: block;
    margin: 0 auto 0;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    background: #ef845d;
    border-radius: 38px;
    padding: 0.25em 3.5em 0.35em 1.25em;
    position: relative;
  }
  #patients
    .treatment.elental.nutritional-advice
    .nutritionalHdg02
    .hdgInner
    .ph01 {
    position: absolute;
    bottom: 30px;
    right: 14px;
    width: 61px;
  }
  #patients
    .treatment.elental.nutritional-advice
    .nutritionalHdg02
    .hdgInner
    .ph02 {
    position: absolute;
    bottom: 13px;
    right: 23px;
    width: 30px;
  }
}

/* howtowList01
---------------------------------------- */
#patients .treatment.elental.nutritional-advice .howtowList01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#patients .treatment.elental.nutritional-advice .howtowList01 .col {
  background: #fffcdd;
  width: 48.2804232804%;
  padding: 10px 0 10px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

#patients .treatment.elental.nutritional-advice .howtowList01 .col .text {
  width: 200px;
}

#patients .treatment.elental.nutritional-advice .howtowList01 .col figure {
  width: 230px;
  margin-bottom: 0;
}

#patients .treatment.elental.nutritional-advice .howtowList01 .col figure img {
  height: 170px;
  width: auto;
}

#patients .treatment.elental.nutritional-advice .howtowList01 .col .text .num {
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-size: 106.66%;
  font-weight: bold;
  line-height: 1;
  width: 1.25em;
  height: 1.25em;
  background: #ef845d;
  border-radius: 50%;
  padding-top: 0.1em;
  margin-bottom: 0.3em;
  position: relative;
}

#patients
  .treatment.elental.nutritional-advice
  .howtowList01
  .col
  .text
  .noteCap {
  color: #ff0000;
  font-size: 12px;
  margin-top: 30px;
  margin-left: 1em;
  text-indent: -1em;
}

@media only screen and (max-width: 767px) {
  #patients .treatment.elental.nutritional-advice .howtowList01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 26px;
  }
  #patients .treatment.elental.nutritional-advice .howtowList01 .col {
    background: #fffcdd;
    width: 100%;
    padding: 10px 0 10px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 18px;
  }
  #patients .treatment.elental.nutritional-advice .howtowList01 .col .text {
    width: 61.4285714286%;
  }
  #patients .treatment.elental.nutritional-advice .howtowList01 .col figure {
    width: 37.4285714286%;
    margin-bottom: 0;
  }

  #patients
    .treatment.elental.nutritional-advice
    .howtowList01
    .col.type02
    .text {
    width: 48.5714285714%;
  }
  #patients
    .treatment.elental.nutritional-advice
    .howtowList01
    .col.type02
    figure {
    width: 48.5714285714%;
  }

  #patients .treatment.elental.nutritional-advice .howtowList01 .col .text p {
    margin-bottom: 0;
  }

  #patients
    .treatment.elental.nutritional-advice
    .howtowList01
    .col
    figure
    img {
    height: auto;
    width: 100%;
  }
}

/* noticeBox
---------------------------------------- */
#patients .treatment.elental.nutritional-advice .noticeBox01Wrap {
  /* text-align: center; 2021/03/23 comment out */
  display: flex; /* 2021/03/23 add */
  flex-flow: row nowrap; /* 2021/03/23 add */
  align-items: center; /* 2021/03/23 add */
  justify-content: center; /* 2021/03/23 add */
}

#patients
  .treatment.elental.nutritional-advice
  .noticeBox01Wrap
  .noticeBox01WrapInner {
  /* display: inline-block; 2021/03/23 comment out */
  flex: 0 0 auto; /* 2021/03/23 add */
  max-width: 100%; /* 2021/03/23 add */
}

#patients
  .treatment.elental.nutritional-advice
  .noticeBox01Wrap
  .noticeBox01WrapInner
  .noticeBox01 {
  display: flex;
  /* flex-wrap: wrap; 2021/03/23 comment out */
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #0054a7;
  border-radius: 22px;
  /* padding: 0.95em 1.3em; 2021/03/23 comment out */
  margin: 0 auto 60px;
  flex-flow: row wrap;
  box-sizing: border-box; /* 2021/03/23 add */
  padding: 0.95em calc(1.3em - 10px); /* 2021/03/23 add */
}

#patients
  .treatment.elental.nutritional-advice
  .noticeBox01Wrap
  .noticeBox01WrapInner
  .noticeBox01
  p {
  text-align: left;
  font-size: 18px;
  font-size: 128.5%;
  font-weight: bold;
  /* margin-bottom: 0; 2021/03/23 comment out */
  box-sizing: border-box; /* 2021/03/23 add */
  flex: 0 0 auto; /* 2021/03/23 add */
  max-width: calc(100% - 20px); /* 2021/03/23 add */
  margin: 0 10px; /* 2021/03/23 add */
}

#patients
  .treatment.elental.nutritional-advice
  .noticeBox01Wrap
  .noticeBox01WrapInner
  .noticeBox01
  p
  + p {
  font-size: 16px;
  font-size: 100%;
  font-weight: normal;
  /* margin-left: 20px; 2021/03/23 comment out */
}

#patients .treatment.elental.nutritional-advice .noticeBox02 p {
  display: inline-block;
  color: #fff;
  background: #0054a7;
  border-radius: 22px;
  text-align: center;
  padding: 0.95em 5em;
}

@media screen and (max-width: 767px) {
  #patients
    .treatment.elental.nutritional-advice
    .noticeBox01Wrap
    .noticeBox01WrapInner
    .noticeBox01 {
    /* display: flex; 2021/03/23 comment out */
    /* flex-wrap: wrap; 2021/03/23 comment out */
    /* align-items: center; 2021/03/23 comment out */
    /* justify-content: center; 2021/03/23 comment out */
    /* color: #fff; 2021/03/23 comment out */
    /* background: #0054a7; 2021/03/23 comment out */
    border-radius: 11px;
    /* padding: 0.75em 1.3em; 2021/03/23 comment out */
    margin: 0 auto 40px;
    text-align: center;
    padding: 0.75em calc(1.3em - 10px); /* 2021/03/23 add */
  }
  #patients
    .treatment.elental.nutritional-advice
    .noticeBox01Wrap
    .noticeBox01WrapInner
    .noticeBox01
    p {
    text-align: center;
  }
  #patients .treatment.elental.nutritional-advice .noticeBox02 p {
    display: inline-block;
    color: #fff;
    background: #0054a7;
    border-radius: 11px;
    text-align: center;
    padding: 0.95em 1em;
  }
}

/* faqList01
---------------------------------------- */
#patients .treatment.elental.nutritional-advice .faqList01 ul li {
  list-style: disc;
}

#patients .treatment.elental.nutritional-advice .faqList01 ul {
  margin-left: 20px;
}

#patients .treatment.elental.nutritional-advice .faqList01 p {
  margin-bottom: 0;
}

#patients .treatment.elental.nutritional-advice .faqList01 div .q {
  background: #d3edfb;
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
  padding: 0.55em 1em;
  border-radius: 24px;
  margin-bottom: 16px;
}

#patients .treatment.elental.nutritional-advice .faqList01 .aBox {
  background: #fce5e8;
  border-radius: 24px;
  padding: 14px 20px;
  margin-left: 56px;
}

#patients .treatment.elental.nutritional-advice .faqList01 .aBox .noteCap {
  margin-left: 1em;
  text-indent: -1em;
  margin-top: 20px;
}

#patients .treatment.elental.nutritional-advice .faqList01 .aBox div {
  margin-top: 16px;
  margin-left: 30px;
}

#patients .treatment.elental.nutritional-advice .faqList01 div .q .list_mark {
  display: inline-block;
  width: 2.25em;
}

#patients .treatment.elental.nutritional-advice .faqList01 div div .a {
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
}

#patients
  .treatment.elental.nutritional-advice
  .faqList01
  div
  div
  .a
  .list_mark {
  display: inline-block;
  width: 2.25em;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental .faqList01 .aBox {
    margin-left: 30px;
  }
}

/* text-right
---------------------------------------- */
#patients .treatment.elental .text-right {
  text-align: right;
  margin-top: 55px;
}
#patients .treatment.elental .text-right p {
  display: inline-block;
  text-align: left;
}

/* ==========================================================================================
  suien_lifecare
========================================================================================== */
/* topIndexMenu
---------------------------------------- */
#patients .treatment.elental.suien_lifecare .topColmunWrap {
  background: #006fbc;
  padding: 20px;
  margin-bottom: 60px;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .topColmun {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  padding: 20px;
  border-radius: 20px;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .img {
  width: 50%;
  text-align: center;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .img img {
  max-width: 300px;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .menu {
  width: 50%;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .menu ul {
  margin-top: 50px;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .menu ul li a {
  display: block;
  text-decoration: underline;
  padding: 0 0 0 24px;
  font-size: 15px;
  font-size: 100%;
  line-height: 1.3;
  position: relative;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .menu ul li a:hover {
  text-decoration: none;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .menu ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background: #006fbc;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .menu ul li a:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

#patients .treatment.elental.suien_lifecare .topIndexMenu .menu ul li + li {
  margin-top: 11px;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu p span {
  font-weight: bold;
  font-size: 120%;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu p {
  margin-bottom: 0;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu p.text-center {
  margin-top: 100px;
}

#patients .treatment.elental.suien_lifecare .topIndexMenu a:visited {
  color: #333333;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.suien_lifecare .topColmun {
    flex-direction: column;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
  #patients .treatment.elental.suien_lifecare .topIndexMenu .img,
  #patients .treatment.elental.suien_lifecare .topIndexMenu .menu {
    width: 100%;
  }
  #patients .treatment.elental.suien_lifecare .topIndexMenu .img img {
    width: 100%;
  }
  #patients .treatment.elental.suien_lifecare .topIndexMenu .menu ul {
    margin-top: 20px;
  }
  #patients .treatment.elental.suien_lifecare .topIndexMenu p.text-center {
    margin-top: 40px;
  }
}

/* suien_lifecare headline04
---------------------------------------- */
#patients .treatment.elental .suien_lifecare .headline04 {
  font-size: 20px;
  font-size: 133%;
  font-weight: bold;
  color: #006fbc;
  margin-bottom: 20px;
}

/* treatmentstep
---------------------------------------- */
#patients .treatment.elental.suien_lifecare .treatmentstep {
  display: flex;
  margin-top: 60px;
}

#patients .treatment.elental.suien_lifecare .treatmentstep .item {
  width: 600px;
}

#patients .treatment.elental.suien_lifecare .treatmentstep .image {
  width: 360px;
  text-align: center;
}

#patients .treatment.elental.suien_lifecare .treatmentstep .image img {
  width: 155px;
}

#patients .treatment.elental.suien_lifecare .treatmentstep .stepBox .step01 {
  border: 3px solid #006fbc;
  background-color: #dff2fc;
  width: 600px;
  min-height: 60px;
  padding: 60px 0 0 24px;
  position: relative;
}

#patients
  .treatment.elental.suien_lifecare
  .treatmentstep
  .stepBox
  .step01
  .hdg {
  background: no-repeat
    url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/suien_lifecare/s04-b01.png");
  width: 280px;
  height: 69px;
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: -20px;
  left: -12px;
  line-height: 62px;
}

#patients
  .treatment.elental.suien_lifecare
  .treatmentstep
  .stepBox
  .step01
  img {
  position: absolute;
  width: 155px;
  top: -76px;
  right: 0px;
}

#patients .treatment.elental.suien_lifecare .treatmentstep .next {
  text-align: center;
  margin-bottom: 16px;
}

#patients .treatment.elental.suien_lifecare .treatmentstep .next p {
  margin: 24px 0 16px 0;
}

#patients .treatment.elental.suien_lifecare .treatmentstep .stepBox .step02 {
  border: 3px solid #727171;
  width: 600px;
  min-height: 40px;
  padding: 60px 0 20px 24px;
  position: relative;
  margin-top: 32px;
}

#patients
  .treatment.elental.suien_lifecare
  .treatmentstep
  .stepBox
  .step02
  .hdg {
  background: no-repeat
    url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/suien_lifecare/s04-b02.png");
  width: 174px;
  height: 69px;
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: -20px;
  left: -12px;
  line-height: 62px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.suien_lifecare .treatmentstep {
    flex-direction: column;
    padding: 0;
    margin-top: 0;
  }
  #patients .treatment.elental.suien_lifecare .treatmentstep .item {
    width: auto;
    height: auto;
  }
  #patients .treatment.elental.suien_lifecare .treatmentstep .item {
    order: 2;
  }
  #patients .treatment.elental.suien_lifecare .treatmentstep .image {
    order: 1;
  }
  #patients .treatment.elental.suien_lifecare .treatmentstep .stepBox .step01 {
    width: auto;
    height: auto;
    padding: 60px 0 20px 24px;
    margin-top: 40px;
  }
  #patients .treatment.elental.suien_lifecare .treatmentstep .stepBox .step02 {
    width: auto;
    height: auto;
    padding: 60px 0 20px 24px;
  }
}

/* food-lipid-guideline
---------------------------------------- */
#patients .treatment.elental.suien_lifecare .food-lipid-guideline {
  /* width: 950px; 2021/03/23 comment out */
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

#patients .treatment.elental.suien_lifecare .food-lipid-guideline .item {
  display: flex;
  flex-direction: column;
  width: 30%;
  border-right: 2px solid #838282;
  border-bottom: 2px solid #838282;
  padding: 20px 0 20px 20px;
}

#patients .treatment.elental.suien_lifecare .food-lipid-guideline .item p {
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
}

#patients .treatment.elental.suien_lifecare .food-lipid-guideline .item p + p {
  text-align: center;
}

#patients
  .treatment.elental.suien_lifecare
  .food-lipid-guideline
  .item
  p
  + p
  + p {
  font-size: 26px;
  font-size: 173%;
  font-weight: bold;
  color: #006fbc;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}

#patients .treatment.elental.suien_lifecare .food-lipid-guideline .item img {
  height: 120px;
  margin-top: 16px;
  margin-right: 10px;
  vertical-align: bottom;
  width: auto;
  margin-inline: auto;
}

#patients
  .treatment.elental.suien_lifecare
  .food-lipid-guideline
  .item:nth-child(3n) {
  border-right: none;
}

#patients
  .treatment.elental.suien_lifecare
  .food-lipid-guideline
  .item:nth-child(n + 10) {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  #patients .treatment.elental.suien_lifecare .food-lipid-guideline {
    width: 100%;
  }
  #patients .treatment.elental.suien_lifecare .food-lipid-guideline .item {
    width: 100%;
    border-right: none;
    padding: 20px 0 10px 0;
  }
  #patients
    .treatment.elental.suien_lifecare
    .food-lipid-guideline
    .item:nth-child(n + 10) {
    border-bottom: 2px solid #838282;
  }
}

/* app
---------------------------------------- */
#patients .treatment.elental.suien_lifecare .app {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #bae3f9;
  border-radius: 10px;
  padding: 30px;
}

#patients .treatment.elental.suien_lifecare .app .text {
  width: 80%;
}

#patients .treatment.elental.suien_lifecare .app .text .btn ul {
  display: flex;
  width: 330px;
  margin-left: 40%;
}

#patients .treatment.elental.suien_lifecare .app .text .btn img {
  max-height: 52px;
}

#patients .treatment.elental.suien_lifecare .app .btn ul li + li {
  margin-left: 16px;
}

#patients .treatment.elental.suien_lifecare .app .image {
  width: 20%;
}

#patients .treatment.elental.suien_lifecare .app .image img {
  width: 165px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.suien_lifecare .app {
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    padding: 30px 10px;
  }

  #patients .treatment.elental.suien_lifecare .app .image img {
    width: 50% !important;
  }

  #patients .treatment.elental.suien_lifecare .app .text,
  #patients .treatment.elental.suien_lifecare .app .image {
    width: 100%;
  }
  #patients .treatment.elental.suien_lifecare .app .text .btn ul {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  #patients .treatment.elental.suien_lifecare .app .btn ul li + li {
    margin-left: 6px;
  }
  #patients .treatment.elental.suien_lifecare .app .text .btn {
    max-width: 330px;
    margin: 0 auto;
    margin-top: 40px;
  }
  .image {
    margin-top: 30px;
    text-align: center;
  }
}

/* ==========================================================================================
  p-howto
========================================================================================== */
/* cautionBox01
---------------------------------------- */
#patients .treatment.elental.p-howto .cautionBox01 {
  border: 2px solid #f3dae9;
  border-radius: 6px;
}

#patients .treatment.elental.p-howto .cautionBox01 .boxHdg {
  text-align: center;
  padding: 8px 0;
  background: #ed798e;
  border-radius: 4px 4px 0 0;
}

#patients .treatment.elental.p-howto .cautionBox01 .boxHdg .inner {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  padding-left: 30px;
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_03.png")
    no-repeat 0 50%;
  background-size: 28px auto;
  padding: 0.5em 0 0.5em 42px;
}

#patients .treatment.elental.p-howto .cautionBox01 .cautionBox01Inner01 {
  padding: 20px 17px 20px 18px;
}

/* table-p-howto-heat
---------------------------------------- */
#patients .treatment.elental.p-howto table.table-phowto-heat {
  width: 100%;
}

#patients .treatment.elental.p-howto table.table-phowto-heat {
  border: 1px solid #d5d5d5;
}

#patients .treatment.elental.p-howto table.table-phowto-heat th {
  background: #fde09a;
  font-weight: bold;
  text-align: center;
  padding: 0.25em 1em;
}

#patients .treatment.elental.p-howto table.table-phowto-heat td {
  border-left: 1px solid #b8b4b4;
  padding: 10px;
  text-align: center;
  vertical-align: top;
}

#patients
  .treatment.elental.p-howto
  table.table-phowto-heat
  tbody
  tr:nth-child(even)
  td {
  background: #fdf2f7;
}

/* calcBox01
---------------------------------------- */
#patients .treatment.elental.p-howto .calcBox01 p {
  margin-bottom: 0;
}

#patients .treatment.elental.p-howto .calcBox01 {
  border: 1px solid #d5d5d5;
  padding: 25px 50px 45px 50px;
}

#patients .treatment.elental.p-howto .calcBox01 .calcBox01Inner {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_06.png")
    no-repeat 53% 50%;
}

#patients .treatment.elental.p-howto .calcBox01 .calcBox01Inner .inputArea {
  width: 344px;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  .elentalWrap,
#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  .concentrationWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  .elentalWrap
  p,
#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  .concentrationWrap
  p {
  width: 131px;
  text-align: right;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  .concentrationWrap {
  margin-top: 20px;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  select {
  width: 200px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.4em 1.5em 0.4em 0.3em;
  font-size: 17px;
  text-align: left;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #cbcbcb;
  background: #fff
    url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_01.png")
    no-repeat 100% 50%;
  background-size: 49px auto;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  select::-ms-expand {
  display: none;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .inputArea
  .concentrationWrap
  select {
  background: #fff
    url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_02.png")
    no-repeat 100% 50%;
  background-size: 49px auto;
}

#patients .treatment.elental.p-howto .calcBox01 .calcBox01Inner .resultArea {
  width: 304px;
  display: flex;
  justify-content: space-between;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .resultArea
  div {
  width: 140px;
  padding: 20px 5px 20px;
  box-sizing: border-box;
  border: 3px solid #d5d5d5;
  text-align: center;
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_04.png")
    no-repeat 50% 50%;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .resultArea
  div
  + div {
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_05.png")
    no-repeat 50% 50%;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .resultArea
  div
  .hdg {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0.5em;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .resultArea
  div
  .volume {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #ed798e;
}

#patients
  .treatment.elental.p-howto
  .calcBox01
  .calcBox01Inner
  .resultArea
  div
  .ml {
  font-size: 16px;
  line-height: 1;
  margin-left: 0.2em;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.p-howto .calcBox01 {
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    padding: 20px 14px 20px 14px;
  }
  #patients .treatment.elental.p-howto .calcBox01 p {
    text-align: center;
  }
  #patients .treatment.elental.p-howto .calcBox01 .calcBox01Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_06_sp.png")
      no-repeat 50% 56%;
    background-size: 40px auto;
  }
  #patients .treatment.elental.p-howto .calcBox01 .calcBox01Inner .inputArea {
    width: 100%;
    margin-bottom: 40px;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .elentalWrap,
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .concentrationWrap {
    display: block;
    align-items: center;
    justify-content: space-between;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .elentalWrap
    p,
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .concentrationWrap
    p {
    width: 100%;
    font-size: 100%;
    text-align: center;
    margin-right: 10px;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .elentalWrap
    .selectWrap,
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .concentrationWrap
    .selectWrap {
    /*width: 62%;*/
    text-align: center;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .concentrationWrap {
    margin-top: 20px;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    select {
    width: 70%;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.4em 3.5em 0.4em 0.3em;
    font-size: 15px;
    text-align: left;
    line-height: 1.5;
    background: #fff;
    border: 1px solid #cbcbcb;
    background: #fff
      url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_01.png")
      no-repeat 100% 50%;
    background-size: 49px auto;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .inputArea
    .concentrationWrap
    select {
    background: #fff
      url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_02.png")
      no-repeat 100% 50%;
    background-size: 49px auto;
  }
  #patients .treatment.elental.p-howto .calcBox01 .calcBox01Inner .resultArea {
    width: 90%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto 0;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .resultArea
    div {
    width: 100%;
    padding: 10px 20px 7px 30px;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    background: #fff
      url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_04_sp.png")
      no-repeat 7px 50%;
    background-size: auto 23px;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .resultArea
    div
    + div {
    background: #fff
      url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/elental/p-howto/bg_05_sp.png")
      no-repeat 7px 50%;
    background-size: auto 23px;
    margin-top: 10px;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .resultArea
    div
    .hdg {
    font-weight: bold;
    font-size: 13px;
    padding-top: 0.25em;
    margin-bottom: 0;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .resultArea
    div
    .volume {
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    color: #ed798e;
  }
  #patients
    .treatment.elental.p-howto
    .calcBox01
    .calcBox01Inner
    .resultArea
    div
    .ml {
    font-size: 100%;
    line-height: 1;
    /*margin-left: 0.5em;*/
  }
}

/* dispensing-table
---------------------------------------- */
#patients .treatment.elental.preparation table.dispensing-table {
  border: 1px solid #d5d5d5;
}

#patients .treatment.elental.preparation table.dispensing-table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}

#patients .treatment.elental.preparation .dispensing-table thead th,
#patients .treatment.elental.preparation .dispensing-table tbody td {
  width: 100px;
}

#patients .treatment.elental.preparation .dispensing-table td.fixed01,
#patients .treatment.elental.preparation .dispensing-table th.fixed01 {
  width: 100px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#patients .treatment.elental.preparation .dispensing-table td.fixed02,
#patients .treatment.elental.preparation .dispensing-table th.fixed02 {
  width: 170px !important;
}

#patients .treatment.elental.preparation.preparation .dispensing-table {
  width: 100%;
  border: 1px solid #d5d5d5;
}

#patients .treatment.elental.preparation.preparation .dispensing-table .lv01 {
  background: #c7d9f0;
}

#patients .treatment.elental.preparation.preparation .dispensing-table .lv02 {
  background: #cce198;
}

#patients .treatment.elental.preparation.preparation .dispensing-table thead th,
#patients .treatment.elental.preparation.preparation .dispensing-table tbody th,
#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  tbody
  td {
  font-size: 14px;
  font-size: 87.5%;
  text-align: center;
  vertical-align: middle;
  padding: 0.3em 0.25em;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  thead
  th.text-right,
#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  tbody
  th.text-right,
#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  tbody
  td.text-right {
  text-align: right;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table.typeNowrap
  th,
#patients
  .treatment.elental.preparation.preparation
  .dispensing-table.typeNowrap
  td {
  white-space: nowrap;
  padding: 0.3em 0.85em;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  thead
  th {
  font-weight: bold;
  background: #c7d9f0;
  border-right: 1px solid #000;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table.sosei
  thead
  th {
  border-bottom: 1px solid #000;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  tbody
  th {
  border-top: 1px solid #000;
  background: #cce198;
  border-right: 1px solid #000;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  tbody
  td {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table.sosei
  tbody
  td {
  border-top: none;
}

#patients .treatment.elental.preparation.preparation .dispensing-table th + th,
#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  thead
  tr:nth-child(n + 2)
  th:first-child {
  border-right: 1px solid #000;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  thead
  tr:nth-child(even)
  th {
  background: #dff2fc;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  tbody
  tr:nth-child(even)
  td {
  background: #f2f7e3;
  border-top: none;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table.sosei
  tbody
  tr.bb
  td {
  border-bottom: 1px solid #000;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  .border-l-none {
  border-left: none;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  .border-r-none {
  border-right: none;
}

#patients
  .treatment.elental.preparation.preparation
  .dispensing-table
  tbody
  .text-left {
  text-align: left;
}

#patients .treatment.elental.preparation.preparation .scroll_div {
  width: 100%;
  overflow: auto;
}

@media screen and (max-width: 767px) {
  #patients .treatment.elental.preparation .dispensing-table thead th,
  #patients .treatment.elental.preparation .dispensing-table tbody td {
    width: 80px;
  }

  #patients .treatment.elental.preparation .dispensing-table td.fixed01,
  #patients .treatment.elental.preparation .dispensing-table th.fixed01 {
    width: 85px !important;
  }

  #patients .treatment.elental.preparation .dispensing-table td.fixed02,
  #patients .treatment.elental.preparation .dispensing-table th.fixed02 {
    width: 145px !important;
  }

}

/*　早見表　横のラベル固定無しに変更 24.10.11*/
@media screen and (max-width: 767px) {
  #patients .fixed_header_display_none_at_print {
    display: none;
  }
}
/* ==========================================================================================
  moviprep
========================================================================================== */
/* ==========================================================================================
  howto
========================================================================================== */
/* cautionArea
---------------------------------------- */
#patients .treatment.moviprep.howto .clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#patients .treatment.moviprep.howto .cautionArea.howto_bg {
  background: #542f8e;
}

#patients .treatment.moviprep.howto .cautionArea.howto2_bg {
  background: #00a0e9;
}

#patients .treatment.moviprep.howto .cautionArea {
  padding: 24px 18px 31px;
  margin-top: 44px;
}

#patients .treatment.moviprep.howto .cautionArea p {
  color: #fff;
}

#patients .treatment.moviprep.howto .cautionArea .cautionAreaInner {
  background: #fff;
  border-radius: 6px;
  padding: 20px;
}

#patients .treatment.moviprep.howto .cautionArea .cautionAreaInner ul li {
  float: left;
  font-size: 16px;
  font-size: 106.66%;
  line-height: 2em;
  color: #e83828;
  font-weight: bold;
  min-width: 7em;
  display: block;
  margin-left: 30px;
  text-indent: -1em;
}

#patients
  .treatment.moviprep.howto
  .cautionArea
  .cautionAreaInner
  ul
  li::before {
  content: "・";
}

@media screen and (max-width: 767px) {
  #patients .treatment.moviprep.howto .cautionArea .cautionAreaInner {
    border-radius: 4px;
    padding: 6.39% 7.9% 6.5%;
    margin-top: 17px;
  }
  #patients .treatment.moviprep.howto .cautionArea .cautionAreaInner ul li {
    width: 50%;
    line-height: 1.6em;
    margin-left: 0;
  }
}

/* ==========================================================================================
  movicol
========================================================================================== */
#patients .treatment.movicol .circle-list .lead {
  font-size: 20px;
}

/* .doseguideline-table-pc
---------------------------------------- */
#patients .treatment.movicol .doseguideline-table-pc table {
  margin-top: 10px;
  margin-bottom: 20px;
}

#patients .treatment.movicol .doseguideline-table-pc table thead th {
  width: 25%;
}

#patients .treatment.movicol .doseguideline-table-pc table,
#patients .treatment.movicol .doseguideline-table-pc table th,
#patients .treatment.movicol .doseguideline-table-pc table td {
  padding: 0.6em;
  text-align: center;
}

#patients .treatment.movicol .doseguideline-table-pc table,
#patients .treatment.movicol .doseguideline-table-pc table th {
  border: 2px solid #a0a2a2;
}

#patients .treatment.movicol .doseguideline-table-pc table th,
#patients .treatment.movicol .doseguideline-table-pc table td {
  border-right: 2px solid #a0a2a2;
}

#patients .treatment.movicol .doseguideline-table-pc table thead th {
  color: #00a273;
  text-align: center;
  font-weight: bold;
  padding: 0.3em 0.5em 0.2em;
}

#patients .treatment.movicol .doseguideline-table-pc table tbody th {
  font-weight: bold;
  vertical-align: middle;
}

#patients .treatment.movicol .doseguideline-table-pc table tbody .dot_bottom {
  border-bottom: 2px dotted #a0a2a2;
}

#patients .treatment.movicol .doseguideline-table-pc table tbody ul {
  text-align: left;
  margin-top: 10px;
}

#patients .treatment.movicol .doseguideline-table-pc em {
  color: #00a161;
  font-weight: bold;
  font-style: inherit;
}

#patients .treatment.movicol .doseguideline-table-pc table .bg01 {
  background: #e5f6f1;
}

#patients .treatment.movicol .doseguideline-table-pc table .bg02 {
  background: #d8effc;
}

/* doseguideline-table-sp
---------------------------------------- */
#patients .treatment.movicol .doseguideline-table-sp table {
  width: 100%;
}

#patients .treatment.movicol .doseguideline-table-sp table th,
#patients .treatment.movicol .doseguideline-table-sp table td {
  display: block;
}

#patients .treatment.movicol .doseguideline-table-sp table {
  border-bottom: 2px solid #a0a2a2;
}

#patients .treatment.movicol .doseguideline-table-sp table th {
  border-bottom: 2px solid #a0a2a2;
}

#patients .treatment.movicol .doseguideline-table-sp table th,
#patients .treatment.movicol .doseguideline-table-sp table td {
  border-left: 2px solid #a0a2a2;
  border-right: 2px solid #a0a2a2;
}

#patients .treatment.movicol .doseguideline-table-sp table {
  margin-top: 10px;
  margin-bottom: 20px;
}

#patients .treatment.movicol .doseguideline-table-sp table th.title,
#patients .treatment.movicol .doseguideline-table-sp table td {
  padding: 0.6em;
  text-align: center;
}

#patients .treatment.movicol .doseguideline-table-sp table th {
  color: #00a273;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}

#patients .treatment.movicol .doseguideline-table-sp table .dot_bottom {
  border-bottom: 2px dotted #a0a2a2;
}

#patients .treatment.movicol .doseguideline-table-sp table tbody ul {
  text-align: left;
  margin-top: 10px;
}

#patients .treatment.movicol .doseguideline-table-sp em {
  color: #00a161;
  font-weight: bold;
  font-style: inherit;
}

#patients .treatment.movicol .doseguideline-table-sp table .bg01 {
  background: #e5f6f1;
}

#patients .treatment.movicol .doseguideline-table-sp table .bg02 {
  background: #d8effc;
}

#patients
  .treatment.movicol
  .doseguideline-table-sp
  table
  .item_head
  th:first-of-type {
  display: none;
}

#patients
  .treatment.movicol
  .doseguideline-table-sp
  table
  .item_head
  th:first-of-type
  + th {
  border-top: 2px solid #a0a2a2;
}

/* doseguideline-memo
---------------------------------------- */
#patients .treatment.movicol .doseguideline-memo {
  background: #f1f7e3;
  padding: 20px;
}

#patients .treatment.movicol .doseguideline-memo ul {
  margin-top: 40px;
  margin-left: 1em;
}

#patients .treatment.movicol .doseguideline-memo ul li {
  background: #f1f7e3;
  list-style: disc;
}

@media screen and (max-width: 767px) {
  #patients .treatment.movicol .doseguideline-memo ul {
    margin-top: 20px;
  }
}

/* check
---------------------------------------- */
#patients .treatment.movicol ul.check {
  text-align: center;
  margin: 40px 0;
}

#patients .treatment.movicol ul.check li {
  font-size: 130%;
  position: relative;
  font-weight: bold;
  display: inline-block;
  margin: 0 0.5em;
}

#patients .treatment.movicol ul.check li::before {
  display: block;
  position: absolute;
  top: 0.2em;
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #b6b5b5;
  z-index: 1;
}

#patients .treatment.movicol ul.check li .check {
  padding-left: 25px;
}

#patients .treatment.movicol ul.check li .check::after {
  display: block;
  content: "";
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  width: 15px;
  height: 6px;
  border-left: 3px solid #ee7c7a;
  border-bottom: 3px solid #ee7c7a;
  transform: rotate(-50deg);
  z-index: 3;
}

#patients .treatment.movicol ul.check li .sml {
  font-size: 85%;
}

@media screen and (max-width: 767px) {
  #patients .treatment.movicol ul.check {
    text-align: left;
  }
}

/* ==========================================================================================
  rectabul
========================================================================================== */
/* color01
---------------------------------------- */
#patients .treatment.rectabul .color01 {
  color: #9c3035;
}

/* il-box01
---------------------------------------- */
#patients .treatment.rectabul .il-box01 {
  display: flex;
  flex-basis: 340px;
  width: 700px;
  margin: 0 auto;
}

#patients .treatment.rectabul .il-box01 div,
#patients .treatment.rectabul .il-box01 div img {
  width: 100%;
}

#patients .treatment.rectabul .il-box01 div + div {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .il-box01 {
    flex-direction: column;
    width: 100%;
  }
  #patients .treatment.rectabul .il-box01 div {
    text-align: center;
  }
  #patients .treatment.rectabul .il-box01 div img {
    max-width: 375px;
    text-align: center;
  }
  #patients .treatment.rectabul .il-box01 div + div {
    margin-top: 10px;
    margin-left: 0;
  }
}

/* il-box02
---------------------------------------- */
@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .il-box02 img {
    width: 100%;
  }
}

/* figureList01
---------------------------------------- */
#patients .treatment.rectabul .figureList01 {
  margin-bottom: 20px;
}

#patients .treatment.rectabul .figureList01 ul {
  display: flex;
}

#patients .treatment.rectabul .figureList01 li {
  display: flex;
  flex: 0 0 auto; /* 2021/03/23 add */
  width: calc(50% - 20px); /* 2021/03/23 add */
}

#patients .treatment.rectabul .figureList01 li:first-child {
  margin-right: 40px;
}

#patients .treatment.rectabul .figureList01 li figure {
  /* width: 180px; 2021/03/23 comment out */
  flex: 0 1 180px; /* 2021/03/23 add */
  max-width: 180px; /* 2021/03/23 add */
}

#patients .treatment.rectabul .figureList01 li dl {
  /* width: 230px; 2021/03/23 comment out */
  margin-left: 20px;
  flex: 0 1 230px; /* 2021/03/23 add */
  max-width: 230px; /* 2021/03/23 add */
}

#patients .treatment.rectabul .figureList01 li dt {
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .figureList01 ul {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  #patients .treatment.rectabul .figureList01 li {
    /* 2021/03/23 add */
    width: 100%;
  }
  #patients .treatment.rectabul .figureList01 li:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
}

/* figureList02
---------------------------------------- */
#patients .treatment.rectabul .figureList02 ul {
  display: flex;
}

#patients .treatment.rectabul .figureList02 li {
  /* 2021/03/23 add */
  flex: 0 0 auto;
  max-width: 100%;
}

#patients .treatment.rectabul .figureList02 li:not(:first-child) {
  margin-left: 40px;
}

#patients .treatment.rectabul .figureList02 li p {
  margin-top: 20px;
}

#patients .treatment.rectabul .figureList02 li:first-child p {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .figureList02 ul {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  #patients .treatment.rectabul .figureList02 li {
    display: flex;
    width: 100%;
  }
  #patients .treatment.rectabul .figureList02 li div {
    /* 2021/03/23 add */
    flex: 0 1 150px;
    max-width: 50%;
  }
  #patients .treatment.rectabul .figureList02 li:first-child div {
    /* 2021/03/23 add */
    flex: 0 1 230px;
  }
  /* #patients .treatment.rectabul .figureList02 li:first-child p { 2021/03/23 comment out
    width: 70%;
  } */
  #patients .treatment.rectabul .figureList02 li p {
    margin-top: 0;
    margin-left: 15px;
    flex: 1 0 auto; /* 2021/03/23 add */
    max-width: calc(100% - 165px); /* 2021/03/23 add */
  }
  #patients .treatment.rectabul .figureList02 li:not(:first-child) {
    margin-left: 0;
    margin-top: 20px;
  }
}

/* figureList03
---------------------------------------- */
#patients .treatment.rectabul .figureList03 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#patients .treatment.rectabul .figureList03 ul::after {
  display: block;
  content: "";
  width: 30%;
}

#patients .treatment.rectabul .figureList03 li {
  width: 30%;
  margin-bottom: 40px;
}

#patients .treatment.rectabul .figureList03 li img {
  width: 100%;
}

#patients .treatment.rectabul .figureList03 dt {
  margin-bottom: 10px;
}

#patients .treatment.rectabul .figureList03 p {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .figureList03 ul {
    /* flex-direction: column; 2021/03/23 comment out */
    width: 100%;
    padding: 0;
  }
  #patients .treatment.rectabul .figureList03 li {
    width: 100%;
    margin-bottom: 20px;
  }
  #patients .treatment.rectabul .figureList03 dd {
    display: flex;
  }
  #patients .treatment.rectabul .figureList03 div {
    width: 50%;
  }
  #patients .treatment.rectabul .figureList03 p {
    width: 50%;
    margin-top: 0;
    padding-left: 10px;
  }
}

/* figureList04
---------------------------------------- */
#patients .treatment.rectabul .figureList04 ul {
  display: flex;
}

#patients .treatment.rectabul .figureList04 li {
  width: 270px;
}

#patients .treatment.rectabul .figureList04 li:first-child {
  padding-right: 6%;
}

#patients .treatment.rectabul .figureList04 li img {
  width: 100%;
}

#patients .treatment.rectabul .figureList04 li:nth-child(1) {
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/rectabul/ic_01.png")
    no-repeat 286px 82px;
}

#patients .treatment.rectabul .figureList04 p {
  margin-top: 20px;
}

#patients .treatment.rectabul .circle-list li p.cap {
  text-indent: 0;
  font-size: 12px;
  margin-top: 0.6em;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .figureList04 ul {
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  #patients .treatment.rectabul .figureList04 li {
    width: 100%;
  }
  #patients .treatment.rectabul .figureList04 li:first-child {
    padding-right: 0;
  }
  #patients .treatment.rectabul .figureList04 li:nth-child(1) {
    padding-bottom: 16%;
    background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/rectabul/ic_02.png")
      no-repeat 46% 94.2%;
    background-size: 9% auto;
  }
}

/* checkList01
---------------------------------------- */
#patients .treatment.rectabul .checkList01 {
  margin-bottom: 10px;
  margin-left: 21px;
}

#patients .treatment.rectabul .checkList01 li {
  position: relative;
  font-weight: bold;
  line-height: 1.857;
  padding-left: 21px;
}

#patients .treatment.rectabul .checkList01 li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 15px;
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/rectabul/ic_03.png")
    no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* figureList05
---------------------------------------- */
#patients .treatment.rectabul .figureList05 {
  padding: 0 40px;
  margin-bottom: 20px;
}

#patients .treatment.rectabul .figureList05 ul {
  display: flex;
  justify-content: space-between;
}

#patients .treatment.rectabul .figureList05 ul li {
  /* 2021/03/23 add */
  flex: 0 0 auto;
  max-width: calc(33.33% - 20px / 3);
}

#patients .treatment.rectabul .figureList05 ul li p {
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .figureList05 {
    padding: 0;
  }
  #patients .treatment.rectabul .figureList05 ul li + li {
    margin-left: 10px;
  }
  #patients .treatment.rectabul .figureList05 ul li p {
    margin-top: 10px;
  }
}

/* sideeffectBox01
---------------------------------------- */
#patients .treatment.rectabul .clearfix::after {
  content: "";
  display: block;
  clear: both;
}

#patients .treatment.rectabul .sideeffectBox01 {
  background: #dff2fc;
  border-radius: 5px;
  padding: 20px 200px;
}

#patients .treatment.rectabul .sideeffectBox01 ul li {
  float: left;
  line-height: 2.26;
  font-weight: bold;
  min-width: 10em;
  display: block;
  margin-left: 30px;
  text-indent: -1em;
}

#patients .treatment.rectabul .sideeffectBox01 ul li::before {
  content: "・";
}

@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .sideeffectBox01 {
    background: #dff2fc;
    border-radius: 5px;
    padding: 13px 10px;
  }
  #patients .treatment.rectabul .sideeffectBox01 ul li {
    min-width: 3em;
  }
}

/* cautionBox02
---------------------------------------- */
#patients .treatment.rectabul .cautionBox02 {
  border: 2px solid #e83820;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}

#patients .treatment.rectabul .cautionBox02 p {
  color: #e83820;
  font-weight: bold;
  line-height: 2.26;
  margin-bottom: 0;
}

/* heading01
---------------------------------------- */
#patients .treatment.rectabul .heading01 {
  font-size: 18px;
  font-size: 120%;
  font-weight: bold;
  color: #e83820;
}

/* checkList01
---------------------------------------- */
#patients .treatment.rectabul .checkList02 {
  margin-top: 19px;
}

#patients .treatment.rectabul .checkList02 li {
  background: #dff2fc;
  border-radius: 6px;
  position: relative;
}
#patients .treatment.rectabul .checkList02 li + li {
  margin-top: 16px;
}
#patients .treatment.rectabul .checkList02 li span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 4.65em;
  padding: 1.5em 126px 1.5em 63px;
  padding: 0 126px 0 63px;
  line-height: 1.733;
  background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/rectabul/ic_04.png")
    no-repeat 22px 48%;
}
#patients .treatment.rectabul .checkList02 li a {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -12px;
}
@media screen and (max-width: 767px) {
  #patients .treatment.rectabul .heading01 + .checkList02 {
    margin-top: 19px;
  }
  #patients .treatment.rectabul .checkList02 li {
    background: #dff2fc;
    border-radius: 6px;
    position: relative;
  }
  #patients .treatment.rectabul .checkList02 li + li {
    margin-top: 4.04%;
  }
  #patients .treatment.rectabul .checkList02 li span {
    display: inline-block;
    vertical-align: middle;
    width: inherit;
    height: inherit;
    padding: 10px 15px 40px 25px;
    line-height: 1.733;
    background: url("https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/pc/treatment/rectabul/ic_04.png")
      no-repeat 8px 14px;
    background-size: 11.5px auto;
  }
  #patients .treatment.rectabul .checkList02 li a {
    position: absolute;
    top: inherit;
    bottom: 12px;
    right: 8px;
    width: 92px;
  }
}

/* ==========================================================================================
  useful
========================================================================================== */
/* useful-button
---------------------------------------- */
#patients .useful .useful-button-area {
  margin-top: 60px;
  text-align: right;
}

#patients .useful .useful-button-area a {
  display: inline-block;
  padding: 7px 26px;
  margin: 10px 0;
  margin-right: 10px;
  color: #fff;
  border-radius: 10px;
  font-weight: bold;
  background: #ea68a2;
  border: 1px solid #ea68a2;
}

#patients .useful .useful-button-area .useful-button {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #fff;
  text-decoration: none;
}

#patients .useful .useful-button-area .useful-button::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 55%;
  right: 10px;
  margin-top: -6px;
}

#patients .useful .useful-button-area .useful-button:hover::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #ea68a2;
  position: absolute;
  top: 55%;
  right: 10px;
  margin-top: -6px;
}

#patients .useful .useful-button-area .useful-button:hover {
  background: #fff;
  color: #ea68a2;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #patients .useful .useful-button-area {
    margin-top: 0;
    text-align: center;
  }
  #patients .useful .useful-button-area a {
    margin: 20px 0 10px 0;
  }
  #patients .useful .useful-button-area a {
    padding: 5px 28px;
    font-size: 0.96em;
  }
}

/* ==========================================================================================
  blank_link
========================================================================================== */
/* blank_link
---------------------------------------- */
#patients .blank_link {
  margin-bottom: 70px;
}

#patients .blank_link p {
  margin-bottom: 45px;
}

/* blank_link_button
---------------------------------------- */
#patients .blank_link .blank_link_button {
  width: 460px;
  margin: 0 auto;
}

/*  to-detail-button
---------------------------------------- */
#patients .blank_link .to-detail-button {
  display: inline-block;
  text-align: center;
  border-radius: 30px;
  padding: 7px 35px;
  margin: 10px 0;
  border: 1px solid #ea68a2;
  text-decoration: none;
  background: url("../../images/pc/common/arrow_pink_white.png") top 50% right
    10px no-repeat;
  background-color: #fff;
  background-size: 20px 20px;
}

#patients .blank_link .to-detail-button:hover,
#patients .blank_link .to-detail-button:active {
  background: url("../../images/sp/common/arrow_white_pink.png") top 50% right
    10px no-repeat;
  background-color: #ea68a2;
  color: #fff;
  text-decoration: none !important;
}

@media screen and (max-width: 767px) {
  #patients .blank_link {
    margin-bottom: 60px;
  }
  #patients .blank_link .blank_link_button {
    width: 300px;
  }
  #patients .blank_link p {
    margin-bottom: 18px;
  }
  #patients .blank_link .to-detail-button,
  #patients .blank_link .to-detail-button:hover,
  #patients .blank_link .to-detail-button:active {
    font-size: 0.96em;
    padding: 5px 50px;
    background-size: 16px 16px;
    background-position: top 18px right 8px;
  }
}

/* ==========================================================================================
  Not found
========================================================================================== */
/* h2
---------------------------------------- */
#patients .not-found {
  margin-bottom: 70px;
}

#patients .not-found h2 {
  font-size: 140%;
  line-height: 1.5em;
  border-left: 3px solid #ea68a2;
  border-top: 1px solid #9d9d9d;
  border-bottom: 1px solid #ea68a2;
  padding: 8px 10px;
  margin-bottom: 32px;
  position: relative;
  font-weight: bold;
  color: #474645;
  text-align: left;
}

@media screen and (max-width: 767px) {
  #patients .not-found {
    margin-bottom: 60px;
  }
}
/* for scroll hint js ========== */
@-webkit-keyframes scroll-hint-appear {
    0% {
      -webkit-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    50%,
    100% {
      -webkit-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0;
    }
  }
  @keyframes scroll-hint-appear {
    0% {
      -webkit-transform: translateX(40px);
      transform: translateX(40px);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    50%,
    100% {
      -webkit-transform: translateX(-40px);
      transform: translateX(-40px);
      opacity: 0;
    }
  }
  
  .scroll-hint.is-right-scrollable {
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  }
  
  .scroll-hint.is-right-scrollable.is-left-scrollable {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  }
  
  .scroll-hint.is-left-scrollable {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  }
  
  .scroll-hint-icon {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    border-radius: 5px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 20px 10px 10px 10px;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
  }
  
  .scroll-hint-icon-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none;
  }
  
  @media screen and (max-width: 767px) {
    .scroll-hint-icon-wrap {
      display: block;
    }
  }
  
  .scroll-hint-text {
    font-size: 10px;
    color: #FFF;
    margin-top: 5px;
  }
  
  .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    
  }
  
  .scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #FFF;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
  }
  
  .scroll-hint-icon:after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 0;
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s;
  }
  
  .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1;
  }
  
  .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    -webkit-animation: scroll-hint-appear 1.2s linear;
    animation: scroll-hint-appear 1.2s linear;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
  }
  
  .scroll-hint-icon-white {
    background-color: #FFF;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
  }
  
  .scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
  }
  
  .scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
  }
  
  .scroll-hint-icon-white .scroll-hint-text {
    color: #000;
  }

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */

.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all .3s ease-in-out;
}

.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}

.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none;
}

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}

.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}

.modaal-wrapper [tabindex="0"] {
  outline: 0 !important;
}

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,.2);
  cursor: auto;
}

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0);
  border-radius: 100%;
  transition: all .2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
  outline: 0;
  background: #fff;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #b93d0c;
}

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-close:after,
.modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  transition: background .2s ease-in-out;
}

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 30px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0;
}

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background .2s ease-in-out;
}

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  box-shadow: none !important;
}

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0;
}

.modaal-instagram .modaal-content-container>blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}

.modaal-gallery-item img {
  display: block;
}

.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.modaal-gallery-label:focus {
  outline: 0;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,0);
  border: none;
  border-radius: 100%;
  transition: all .2s ease-in-out;
}

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: 0;
  background: #fff;
}

.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
  background: #afb7bc;
}

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-gallery-control:after,
.modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  transition: background .2s ease-in-out;
}

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}

.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
  left: 22px;
}

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}

.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  transform: scale(0.25);
}

.modaal-loading-spinner>div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner>div>div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner>div:nth-of-type(1)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner>div:nth-of-type(2)>div,
.modaal-loading-spinner>div:nth-of-type(3)>div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner>div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(2)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s;
}

.modaal-loading-spinner>div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(3)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.modaal-loading-spinner>div:nth-of-type(4)>div,
.modaal-loading-spinner>div:nth-of-type(5)>div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner>div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(4)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
}

.modaal-loading-spinner>div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(5)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.modaal-loading-spinner>div:nth-of-type(6)>div,
.modaal-loading-spinner>div:nth-of-type(7)>div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner>div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(6)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s;
}

.modaal-loading-spinner>div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(7)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
}

.modaal-loading-spinner>div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner>div:nth-of-type(8)>div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s;
}

.modaal-loading-spinner>div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: .1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}

@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    transform: none;
    background: rgba(0,0,0,.7);
  }

  .modaal-gallery-control:after,
  .modaal-gallery-control:before {
    background: #fff;
  }

  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }

  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}

@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}

@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}

@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}

@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .modaal-instagram iframe {
    width: 600px !important;
  }
}

@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }

  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}

@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}








.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}


@media not screen and (max-width: 767px) {
  .pc-hide {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .sp-hide {
    display: none !important;
  }
}

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





.l-footer-01 {
  background: #f5f5f5;
  display: block;
  padding: 40px 0 20px;
}

@media print {
  .l-footer-01 {
    margin-top: 100px;
  }
}

.l-footer-01__sitemap {
  display: grid;
  grid-template-columns: 100%;
  gap: 70px;
}

.l-footer-01__title {
  font-weight: bold;
}

.l-footer-01__title a {
  text-decoration: none;
}

.l-footer-01__grid {
  padding-left: 30px;
  margin-top: 20px;
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1.2fr repeat(2, 1fr);
  gap: 30px;
}

.l-footer-01__grid-item {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 100%;
  gap: 15px;
}

.l-footer-01__category a {
  text-decoration: none;
}

.l-footer-01__menu {
  display: grid;
  grid-template-columns: 100%;
  gap: 10px;
  font-size: 13px;
  margin-top: 15px;
}

.l-footer-01__menu-item a,
.l-footer-01__menu-item button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  padding: 0 0 0 1em;
  position: relative;
  background: none;
  border: none;
  margin: 0;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}

.l-footer-01__menu-item a::before,
.l-footer-01__menu-item button::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

.l-footer-01__copyright {
  margin-top: 60px;
  font-size: 13px;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .l-footer-01__sitemap {
    gap: 40px;
  }

  .l-footer-01__grid {
    margin-top: 20px;
    padding-left: 0;
    grid-template-columns: 100%;
    gap: 15px;
  }

  .l-footer-01__grid-item {
    border-bottom: solid 1px #fff;
    padding-bottom: 15px;
  }

  .l-footer-01__grid-block {
    padding-left: 10px;
  }

  .l-footer-01__grid-block+.l-footer-01__grid-block {
    border-top: solid 1px #fff;
    padding-top: 15px;
  }

  .l-footer-01__copyright {
    font-size: 12px;
    margin-top: 40px;
  }
}

@media (hover: hover) {
  .l-footer-01__title a:hover {
    
  }

  .l-footer-01__category a:hover {
    
  }

  .l-footer-01__menu-item a:hover,
  .l-footer-01__menu-item button:hover {
    
  }
}
.l-header-01 {
  display: block;
  background: #fff;
  padding: 0 16px;
  min-height: 100px;
  display: grid;
  align-items: center;
}

.l-header-01__inner {
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.l-header-01__site {
  display: flex;
  align-items: center;
}

.l-header-01__site-logo {
  width: 294px;
  height: auto;
  display: block;
}

.l-header-01__site-name {
  font-size: 16px;
  margin-left: 16px;
  color: #505050;
  font-weight: bold;
  line-height: 1.2;
}

.l-header-01__right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.l-header-01__common-menu {
  font-size: 13px;
}

.l-header-01__link[target=_blank]::after {
  vertical-align: top;
  display: inline-block;
  content: "";
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-medical/images/common/icon-blank.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 4px;
  width: 16px;
  height: 1lh;
}

.l-header-01__search {
  width: 160px;
}

.l-header-01__menu {
  font-weight: inherit;
  background: rgba(0,0,0,0);
  border: none;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  display: inline;
  text-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  text-align: inherit;
  display: none;
}

@media screen and (max-width: 1023px) {
  .l-header-01__site {
    flex-flow: column;
    align-items: flex-start;
  }

  .l-header-01__site-logo {
    max-width: 200px;
  }

  .l-header-01__site-name {
    font-size: 13px;
    margin-top: 4px;
    margin-left: 47px;
  }
}

@media screen and (max-width: 767px) {
  .l-header-01 {
    border-bottom: 1px solid #b4b4b4;
    min-height: 66px;
    padding-right: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
  }

  .l-header-01__site-logo {
    max-width: 179px;
  }

  .l-header-01__site-name {
    font-size: 11.5px;
    margin-left: 42px;
  }

  .l-header-01__common-menu {
    display: none;
  }

  .l-header-01__search {
    display: none;
  }

  .l-header-01__menu {
    display: block;
    width: 66px;
    height: 66px;
    padding: 15px;
  }
}

@media (hover: hover) {
  .l-header-01__link:hover {
    
  }
}
.l-layout__main {
  margin-top: 44px;
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .l-layout {
    padding-top: 66px;
  }
}
.l-navigation-01 {
  display: block;
  background: #b5007c;
  position: relative;
  padding-inline: 16px;
  z-index: 1;
}

.l-navigation-01__list {
  max-width: 1000px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1px;
  padding-left: 1px;
  padding-right: 1px;
}

.l-navigation-01__box {
  position: relative;
}

.l-navigation-01__box::before {
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  background: #fff;
  position: absolute;
  left: -1px;
  top: 50%;
  translate: 0 -50%;
}

.l-navigation-01__item:last-child .l-navigation-01__box::after {
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  background: #fff;
  position: absolute;
  right: -1px;
  top: 50%;
  translate: 0 -50%;
}

.l-navigation-01__button,
.l-navigation-01__link {
  font-weight: inherit;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  display: inline;
  text-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  text-align: inherit;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.l-navigation-01__button:focus-visible,
.l-navigation-01__link:focus-visible {
  outline: none !important;
  background: #c73499 !important;
  text-decoration: none !important;
  color: #fff !important;
}

.l-navigation-01__button:visited,
.l-navigation-01__link:visited {
  color: #fff;
}

.l-navigation-01__button {
  position: relative;
}

.l-navigation-01__button.is-active {
  color: #333;
  background: #fadde9;
  --l-navigation-01__button-arrow-rotate: 180deg;
  --l-navigation-01__button-icon-background: #b5007c;
  --l-navigation-01__button-icon-color: #fadde9;
  --l-navigation-01__button-icon-after-visibility: hidden;
}

.l-navigation-01__navigation {
  display: none;
  background: #faddeb;
}

.l-navigation-01__inner {
  max-width: 1000px;
  margin-inline: auto;
}

.l-navigation-01__submenu-link {
  transition: none;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  text-decoration: none;
}

.l-navigation-01__submenu-link.is-active {
  text-decoration: underline;
}

.l-navigation-01__submenu-link:visited {
  color: inherit;
}

.l-navigation-01__submenu-link:focus-visible {
  
  outline: none;
}

.l-navigation-01__submenu-link-inner {
  display: flex;
  align-items: flex-start;
  grid-template-columns: 18px auto;
  gap: 10px;
}

.l-navigation-01__submenu-link-icon {
  width: 18px;
  height: 18px;
  margin-top: calc((1lh - 18px) / 2);
}

.l-navigation-01__submenu-link[target="_blank"]
  .l-navigation-01__submenu-link-label::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/common/icon-blank.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  translate: 0 -2px;
  margin-left: 6px;
}

.l-navigation-01__close {
  margin-top: 80px;
  width: 224px;
  margin-inline: auto;
}

.l-navigation-01__close-button {
  font-weight: inherit;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  display: inline;
  text-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  text-align: inherit;
  background: #fff;
  border-radius: 100px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: solid 1px #8e9698;
}

.l-navigation-01__close-button:focus-visible {
  
  outline: none;
}

.l-navigation-01__common-menu {
  border-bottom: solid 1px #fff;
}

.l-navigation-01__common-menu-item {
  border-top: solid 1px #fff;
}

.l-navigation-01__common-menu-link {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  min-height: 60px;
  align-items: center;
  padding: 0 10px;
  color: inherit;
  line-height: 1.6;
}

.l-navigation-01__common-menu-link:visited {
  color: inherit;
}

.l-navigation-01__common-menu-link[target="_blank"]
  .l-navigation-01__common-menu-link-label::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate-patient/images/common/icon-blank.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  translate: 0 -2px;
  margin-left: 6px;
}

.l-navigation-01__search {
  margin-top: 20px;
}

.l-navigation-01__mobile-close {
  margin-top: 60px;
  max-width: 224px;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .l-navigation-01 {
    display: none;
    position: fixed;
    top: 66px;
    width: 100%;
    background: #f5f5f5;
    padding-inline: 0;
    height: calc(100dvh - 66px);
    z-index: 100;
  }

  .l-navigation-01__container {
    height: 100%;
    overflow: auto;
  }

  .l-navigation-01__list {
    background: #b5007c;
    grid-template-columns: 100%;
    gap: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .l-navigation-01__item + .l-navigation-01__item {
    border-top: solid 1px #fff;
  }

  .l-navigation-01__box::before {
    display: none;
  }

  .l-navigation-01__item:last-child .l-navigation-01__box::after {
    display: none;
  }

  .l-navigation-01__button,
  .l-navigation-01__link {
    justify-content: flex-start;
    padding: 0 20px;
  }

  .l-navigation-01__button {
    padding-right: 60px;
  }

  .l-navigation-01__button-icon {
    aspect-ratio: 1/1;
    background: var(--l-navigation-01__button-icon-background, #fff);
    border-radius: 50%;
    -webkit-clip-path: none;
    clip-path: none;
    width: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    translate: 0 -50%;
  }

  .l-navigation-01__button-icon::before,
  .l-navigation-01__button-icon::after {
    content: "";
    display: block;
    width: 50%;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    background: var(--l-navigation-01__button-icon-color, #b5007c);
  }

  .l-navigation-01__button-icon::after {
    rotate: 90deg;
    visibility: var(--l-navigation-01__button-icon-after-visibility);
  }

  .l-navigation-01__inner {
    padding-inline: 20px;
  }

  .l-navigation-01__submenu-item {
    border-top: solid 1px #c73499;
  }

  .l-navigation-01__submenu-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: 100%;
    min-height: 60px;
  }

  .l-navigation-01__submenu-link-icon {
    width: 16px;
    height: 16px;
    margin-top: calc((1lh - 16px) / 2);
  }

  .l-navigation-01__submenu-link[target="_blank"]
    .l-navigation-01__submenu-link-label::after {
    width: 14px;
    height: 14px;
  }

  .l-navigation-01__close {
    display: none;
  }

  .l-navigation-01__mobile {
    padding: 20px 20px 60px;
  }

  .l-navigation-01__common-menu-link[target="_blank"]
    .l-navigation-01__common-menu-link-label::after {
    width: 14px;
    height: 14px;
  }
}

@media not screen and (max-width: 767px) {
  .l-navigation-01__button-icon {
    aspect-ratio: 12/6;
    display: block;
    width: 12px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    translate: -50% 0;
    background-color: currentColor;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    rotate: var(--l-navigation-01__button-arrow-rotate);
  }

  .l-navigation-01__navigation {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 15;
  }

  .l-navigation-01__inner {
    padding: 60px 16px;
  }

  .l-navigation-01__submenu {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 60px;
  }

  .l-navigation-01__mobile {
    display: none;
  }
}

@media (hover: hover) {
  .l-navigation-01__button:hover,
  .l-navigation-01__link:hover {
    background: #c73499;
    text-decoration: none;
    color: #fff;
  }

  .l-navigation-01__submenu-link:hover {
    
  }

  .l-navigation-01__submenu-link:not(.is-active):hover {
    text-decoration: none;
  }

  .l-navigation-01__close-button:hover {
    background-color: #b5007c;
    border-color: transparent;
    color: #fff !important;
  }
}
.l-navigation-buttons {
  margin-top: 140px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media screen and (max-width: 767px) {
  .l-navigation-buttons {
    margin-top: 80px;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.l-navigation-buttons__item {

}

.l-navigation-buttons__button {
  height: 100%;
  display: flex;
  min-height: 60px;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  border-radius: 100px;
  font-size: 16px;
  border: solid 1px #8E9698;
  text-align: center;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .l-navigation-buttons__button {
    font-size: 14px;
    min-height: 48px;
  }
}

@media (hover: hover) {
  .l-navigation-buttons__button:hover {
    /**/
    color: #fff !important;
    background-color: #B5007C;
    border-color: transparent;
  }
}

.l-navigation-buttons__button.is-active {
  color: #fff !important;
  background-color: #B5007C;
  border-color: transparent;
}

@media (hover: hover) {
  .l-navigation-buttons__button.is-active:hover {
    color: inherit !important;
    background-color: #fff;
    border-color: #8E9698;
  }
}

.l-navigation-buttons__button-label {

}





.patient-news .view-header ul {
  margin-bottom: 20px;
}

.patient-news .view-header ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
}

.patient-news .view-header ul li a {
  font-size: 115%;
  color: #ea68a2;
  font-weight: bold;
  display: inline-block;
}

.patient-news .view-header ul li a:hover {
  text-decoration: none;
  
}

.patient-news .view-header ul li a.current {
  color: #707070;
}

.patient-news .view-header ul li a.current:hover {
  opacity: 1;
}

.patient-news .view-header ul li a:before {
  content: '';
  display: inline-block;
  background: url("../../images/pc/common/arrow_pink_white.png") bottom 0 left 50% no-repeat;
  width: 16px;
  height: 15px;
  background-size: contain;
  margin-right: 3px;
}

.patient-news .view-header h2 {
  display: inline-block;
  width: 100%;
  font-size: 160%;
  line-height: 1.5em;
  border-left: 3px solid #ea68a2;
  border-bottom: 1px solid #ea68a2;
  padding: 5px 16px;
  margin: 10px 0;
  font-weight: bold;
  text-align: left;
  box-sizing: border-box;
  border-top: 1px solid #9D9D9D;
}

.patient-news .view-content {
  box-sizing: border-box;
  margin-bottom: 30px;
}

/* drupal用 */
.patient-news .view-content .item-list ul,
.patient-news .view-content .item-list ul li {
  margin-left: 0;
}

.patient-news .view-content .item-list ul li {
  list-style: none;
  border-bottom: 1px dotted #cacaca;
  display: flex;
  flex-flow: row nowrap;
  padding: 12px 0;
}

.patient-news .view-content .item-list ul li a {
  display: flex;
  flex-direction: row;
  align-items: top;
  flex: 0 0 100%;
  flex-wrap: nowrap;
  width: 100%;
}

.patient-news .view-content .item-list ul li span {
  flex: 0 0 150px;
  width: 150px;
}


.patient-news .view-content .item-list ul li p {
  flex: 1 0 auto;
  max-width: calc(100% - 150px);
}

.patient-news .view-content .item-list ul li a p {
  text-decoration: underline;
}

.patient-news .view-content .item-list ul li a:visited {
  color: #008AE4;
}

.patient-news .view-content .item-list ul li a:hover {
  
}


@media screen and (max-width: 767px) {
  .patient-news .view-header ul li a {
    font-size: 108%;
  }

  .patient-news .view-header ul li a:before {
    width: 15px;
    height: 14px;
  }

  .patient-news .view-content {
    padding: 10px 0px;
  }

  .patient-news .view-content .item-list ul li {
    display: list-item;
    font-size: 0.96em;
  }

  .patient-news .view-content .item-list ul li a {
    display: block;
  }

  .patient-news .view-content .item-list ul li p {
    padding-top: 5px;
    max-width: 100%;
  }
}
.patient-main-news .view-content {
  box-sizing: border-box;
}

.patient-main-news .view-content > div {
   padding: 12px 0;
 border-bottom: 1px dotted #cacaca;
 display: flex;
 flex-direction: row;
 align-items: top;
}

.patient-main-news .view-content > div a {
  text-decoration: underline;
}

.patient-main-news .view-content > div a:hover {
  text-decoration: none;
  
  }

.patient-main-news .view-content > div a:visited {
  color: #008AE4;
}

.patient-main-news .view-content > div > dt {
   display: inline-block;
 width: 120px;
}

.patient-main-news .view-content > div > dd {
   display: inline-block;
 width: calc(100% - 120px);
}

.patient-main-news .view-content > div:nth-child(n+5) {
  display: none
}

@media screen and (max-width: 767px) {
  .patient-main-news .view-content {
     padding : 10px 0px;
  }

.patient-main-news .view-content > div {
     flex-direction: column;
     font-size: 0.96em;
  }

.patient-main-news .view-content > div > dt {
  display: inline-block;
  width: 100%
  }

.patient-main-news .view-content > div > dd {
  display: inline-block;
  width: 100%;
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hcp-productSelect {
  display: inline-block;
  position: relative;
}

.hcp-productSelect select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #8E9698;
  border-radius: 3px;
  color: #333;
  font-size: 16px;
  padding: 0 33px 0 20px;
  height: 48px;
  width: 320px;
  background: #fff;
}

.hcp-productSelect::after {
  border-right: 2px solid #B5007C;
  border-top: 2px solid #B5007C;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 17px;
  top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 10px;
}
.hcp-paragraph .js-form-item {
  align-items: center;
  display: flex;
  gap: 1.5rem;
}
.pager>.pager__items {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none none outside;
}

.pager>.pager__items>.pager__item {
  flex: 0 0 auto;
  margin: 0 5px;
  max-width: 100%;
  padding: 0 .4em;
  text-align: center;
}

.pager>.pager__items>.pager__item.is-active {
  border-bottom: 3px solid #06c;
}

.pager>.pager__items>.pager__item.is-active>a {
  color: #333;
  text-decoration: none;
}

.pager>.pager__items>.pager__item.is-active>a:focus,
.pager>.pager__items>.pager__item.is-active>a:hover {
  color: #333;
}

.pager>.pager__items>.pager__item.is-active>a:visited {
  color: #333;
}

.pager>.pager__items>.pager__item.pager__item--first,
.pager>.pager__items>.pager__item.pager__item--last {
  display: none;
}


.pager.-hcpNews .pager__items {
  margin: 0;
}

.pager.-hcpNews .pager__items>.pager__item.pager__item--previous,
.pager.-hcpNews .pager__items>.pager__item.pager__item--next {
  background-color: #fff;
  border: 1px solid #b5017c;
  border-radius: 3px;
}

.pager.-hcpNews .pager__items>.pager__item.pager__item--previous {
  margin-right: 15px;
  position: relative;
}

.pager.-hcpNews .pager__items>.pager__item.pager__item--previous a::before {
  border-bottom: 2px solid #b5017c;
  border-left: 2px solid #b5017c;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 10px;
  margin: auto auto auto -2px;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

.pager.-hcpNews .pager__items>.pager__item.pager__item--previous:hover,
.pager.-hcpNews .pager__items>.pager__item.pager__item--next:hover,
.pager.-hcpNews .pager__items>.pager__item.pager__item--previous a:focus,
.pager.-hcpNews .pager__items>.pager__item.pager__item--next a:focus {
  background-color: #fff;
  
}

.pager.-hcpNews .pager__items>.pager__item {
  background-color: #fff;
  border-bottom: 0;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  margin: 0 5px;
  padding: 0;
  transition: .3s ease-out;
  width: 50px;
}

.pager.-hcpNews .pager__items>.pager__item>a {
  border-bottom: 0;
  color: #333;
  display: block;
  height: 100%;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
}

.pager.-hcpNews .pager__items>.pager__item:hover,
.pager.-hcpNews .pager__items>.pager__item a:focus {
  background-color: #fadde9;
  border-radius: 3px;
}

.pager.-hcpNews .pager__items>.pager__item.is-active {
  background-color: #b5017c;
  border-bottom: 0;
  color: #fff;
  text-decoration: none;
}

.pager.-hcpNews .pager__items>.pager__item.is-active a {
  border-bottom: 0;
  color: #fff;
  text-decoration: none;
  transition: opacity .3s ease-out;
}

.pager.-hcpNews .pager__items>.pager__item.is-active:hover {
  
}

.pager.-hcpNews .pager__items>.pager__item.is-active a:focus {
  color: #333;
  
}

.pager.-hcpNews .pager__items>.pager__item.pager__item--next {
  margin-left: 15px;
  position: relative;
}

.pager.-hcpNews .pager__items>.pager__item.pager__item--next a::before {
  border-right: 2px solid #b5017c;
  border-top: 2px solid #b5017c;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 21px;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

.pager.-hcpNews .pager__items>.pager__item.is-disabled {
  border: 1px solid #b4b4b4;
}

.pager.-hcpNews .pager__items>.pager__item.is-disabled a {
  cursor: default;
}

.pager.-hcpNews .pager__items>.pager__item.is-disabled:hover,
.pager.-hcpNews .pager__items>.pager__item.is-disabled a:focus {
  opacity: 1;
}

.pager.-hcpNews .pager__items>.pager__item.pager__item--previous.is-disabled a::before,
.pager.-hcpNews .pager__items>.pager__item.pager__item--next.is-disabled a::before {
  border-color: #b4b4b4;
}

.hcp-paragraph+.hcp-paragraph {
  margin-top: 40px;
}

.page-count {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .hcp-paragraph .js-form-item {
    display: block;
  }

  .pager.-hcpNews .pager__items>.pager__item.pager__item--previous {
    margin-right: 4px;
  }

  .pager.-hcpNews .pager__items>.pager__item {
    height: 2rem;
    line-height: 2rem;
    margin: 5px 1px;
    width: 2rem;
  }

  .pager.-hcpNews .pager__items>.pager__item>a {
    line-height: 2rem;
  }

  .pager.-hcpNews .pager__items>.pager__item.pager__item--ellipsis {
    height: 2rem;
    line-height: 2rem;
    width: 0.5rem;
  }

  .pager.-hcpNews .pager__items>.pager__item.pager__item--next {
    margin-left: 4px;
  }

  .pager.-hcpNews .pager__items>.pager__item.pager__item--next a::before {
    right: 45%;
  }
}





.c-blank-modal-01 {
  position: fixed;
  left: 50%;
  top: 50%;
  background: #fff;
  border: none;
  width: 1000px;
  max-width: calc(100% - 36px);
  max-height: calc(100dvh - 36px);
  translate: -50% -50%;
  margin: 0;
  outline: none;
  padding: 0;
  overflow: auto;
  color: #333;
}

.c-blank-modal-01::-ms-backdrop {
  background: rgba(0, 0, 0, 0.4);
}

.c-blank-modal-01::backdrop {
  background: rgba(0, 0, 0, 0.4);
}

.c-blank-modal-01__container {
  padding: 60px 20px 70px;
  position: relative;
}

.c-blank-modal-01__close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: none;
  border: none;
  transition: none;
  border-radius: 4px;
}

.c-blank-modal-01__close::before,
.c-blank-modal-01__close::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #000;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
}

.c-blank-modal-01__close::before {
  rotate: 45deg;
}

.c-blank-modal-01__close::after {
  rotate: -45deg;
}

@media (hover: hover) {
  .c-blank-modal-01__close:hover {
    background: rgba(0, 0, 0, 0.1);
  }
}

.c-blank-modal-01__title {
  color: #b5007c;
  font-size: 36px;
  text-align: center;
}

.c-blank-modal-01__text {
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  line-height: 2;
}

.c-blank-modal-01__button {
  display: flex;
  align-items: center;
  max-width: 480px;
  margin-inline: auto;
  height: 60px;
  border-radius: 30px;
  border: solid 1px #8e9698;
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
  overflow: hidden;
}

.c-blank-modal-01__button:focus-visible {
  background: #b5007c;
  border-color: #b5007c;
  color: #fff;
  text-decoration: none;
  outline: none;
}

.c-blank-modal-01__button-text {
  line-height: 1.4;
  width: 100%;
}

.c-blank-modal-01__button[target="_blank"]
  .c-blank-modal-01__button-text::after {
  content: "";
  width: 0.9em;
  height: 0.9em;
  display: inline-block;
  vertical-align: baseline;
  margin-inline: 3px;
  translate: 0 1px;
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate/images/common/blank-black.svg);
}

.c-blank-modal-01__button[target="_blank"]:focus-visible
  .c-blank-modal-01__button-text::after {
  background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate/images/common/blank-white.svg);
}

@media screen and (max-width: 767px) {
  .c-blank-modal-01__container {
    padding: 40px 20px 30px;
  }

  .c-blank-modal-01__close {
    width: 25px;
    height: 25px;
    right: 10px;
    top: 10px;
  }

  .c-blank-modal-01__title {
    font-size: 20px;
  }

  .c-blank-modal-01__text {
    margin-top: 10px;
    font-size: 10px;
  }

  .c-blank-modal-01__button {
    margin-top: 20px;
    font-size: 14px;
    height: 48px;
    max-width: 238px;
  }
}

@media (hover: hover) {
  .c-blank-modal-01__button:hover {
    background: #b5007c;
    border-color: #b5007c;
    color: #fff;
    text-decoration: none;
  }

  .c-blank-modal-01__button[target="_blank"]:hover
    .c-blank-modal-01__button-text::after {
    background-image: url(https://43915771.fs1.hubspotusercontent-na1.net/hubfs/43915771/raw_assets/public/corporate/images/common/blank-white.svg);
  }
}
.c-button-01 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  box-sizing: border-box;
  border-radius: 24px;
  border: solid 2px #d8d8d8;
}

.c-button-01.is-small {
  max-width: 224px;
  margin-inline: auto;
}

@media (hover: hover) {
  .c-button-01:hover {
    background: #007fad;
    color: #fff;
    text-decoration: none;
    border-color: rgba(0,0,0,0);
  }
}
.c-cookie-banner {
  background: rgba(181, 0, 124, 0.9);
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
  /*width: 100%;*/
  padding-inline: 4.6875%;
  line-height: 2;
}

.c-cookie-banner__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 164px;
  gap: 20px 50px;
  align-items: center;
}

@media (max-width: 767px) {
  .c-cookie-banner__inner {
    grid-template-columns: 100%;
  }
}

.c-cookie-banner__left {

}

.c-cookie-banner__text {
  margin: 0;
}

@media (max-width: 767px) {
  .c-cookie-banner__text {
    font-size: 14px;
  }
}

.c-cookie-banner__text a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.c-cookie-banner__text a::after {
  display: none !important;
}

.c-cookie-banner__right {

}

@media (max-width: 767px) {
  .c-cookie-banner__right {
    width: 100%;
  }
}

.c-cookie-banner__button {
  display: flex;
  border: solid 1px #8E9698;
  background: #fff;
  color: #333;
  align-items: center;
  padding: 0 10px;
  min-height: 48px;
  border-radius: 24px;
  width: 100%;
  justify-content: center;
  transition: none;
  box-sizing: border-box;
}

.c-cookie-banner__button:hover {
  
}
.c-modal-01 {
  position: fixed;
  left: 50%;
  top: 50%;
  background: #fff;
  border: none;
  width: 1000px;
  max-width: calc(100% - 36px);
  max-height: calc(100dvh - 36px);
  translate: -50% -50%;
  margin: 0;
  outline: none;
  padding: 0;
  overflow: auto;
  color: #333;
}

.c-modal-01::-ms-backdrop {
  background: rgba(0,0,0,.4);
}

.c-modal-01::backdrop {
  background: rgba(0,0,0,.4);
}

.c-modal-01__inner {
  padding: 60px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-modal-01__inner {
    padding: 40px 34px;
  }
}

.c-modal-01__ttl {
  color: #b51a7c;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-modal-01__ttl {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.c-modal-01__lead {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .c-modal-01__lead {
    font-size: 16px;
    text-align: left;
  }

  .c-modal-01__lead br {
    display: none;
  }
}

.c-modal-01__que {
  display: flex;
  flex-flow: column;
  justify-content: center;
  background: #f5f5f5;
  width: 100%;
  max-width: 880px;
  padding: 40px 0px;
  margin: 30px 0 0;
}

@media screen and (max-width: 767px) {
  .c-modal-01__que {
    border-radius: 2px;
    padding: 20px;
    margin: 7.2% 0 0;
    box-sizing: border-box;
  }
}

.c-modal-01__que_txt {
  color: #e95151;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 1.4em;
}

@media screen and (max-width: 767px) {
  .c-modal-01__que_txt {
    font-size: 14px;
  }
}

.c-modal-01__que-btns {
  display: flex;
  justify-content: center;
  gap: 45px;
}

@media screen and (max-width: 767px) {
  .c-modal-01__que-btns {
    flex-direction: column;
    align-items: center;
    gap: 13px;
  }
}

.c-modal-01__que-btn {
  width: 335px;
  border: 1px solid #8e9698;
  border-radius: 60px;
  background: #fff;
  padding: 8px 20px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  line-height: 2;
  color: #333 !important;
  transition: all .15s linear;
}

@media screen and (max-width: 767px) {
  .c-modal-01__que-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    padding: 1em 1em 1em 1em;
    font-size: 14px;
    line-height: 1.42;
    text-align: center;
    box-sizing: border-box;
  }
}

.c-modal-01__que-btn:hover {
  background: #b51a7c;
  border: 1px solid #b51a7c;
  color: #fff !important;
  text-decoration: none !important;
}

.c-modal-01__close {
  display: block;
  width: 224px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  border: 1px solid #8e9698;
  border-radius: 60px;
  background: #fff;
  padding: 7px 20px;
  margin-top: 40px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  line-height: 2;
  color: #333 !important;

  cursor: pointer;
  transition: opacity 0.2s linear;
}

@media screen and (max-width: 767px) {
  .c-modal-01__close {
    width: 130px;
    margin-top: 20px;
    margin-bottom: 16px;
  }
}

.c-modal-01__close:hover {
  
  text-decoration: none !important;
}

.c-modal-01__copy {
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-modal-01__copy {
    line-height: 1.66;
  }
}
/*
  モジュールエリアの最初と最後のマージンを削除する
*/
.c-module-area-01 .dnd-section:first-child .dnd-row:first-child {
  --margin-top: 0;
}

.c-module-area-01 .dnd-section:last-child .dnd-row:last-child {
  --margin-bottom: 0;
}


/* 背景色をつけた箇所対策 */
.c-module-area-01 div[class*="-padding"] .dnd-row:first-child {
  --margin-top: 0;
}

.c-module-area-01 div[class*="-padding"] .dnd-row:last-child {
  --margin-bottom: 0;
}
@-webkit-keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  50% {
    visibility: visible;
    
  }

  100% {
    visibility: visible;
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  50% {
    visibility: visible;
    
  }

  100% {
    visibility: visible;
    opacity: 1;
  }
}

.c-page-top-01 {
  font-weight: inherit;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  display: inline;
  text-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  text-align: inherit;
  width: 36px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 998;
  visibility: hidden;
}

.c-page-top-01.is-active {
  visibility: visible;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

.c-page-top-01 svg {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
}

@media (hover: hover) {
  .c-page-top-01:hover {
    
  }
}

.c-page-top-01__top-anchor:focus {
  outline: none;
}
:where(.c-rich-text-01) p {
  margin-top: 20px;
  margin-bottom: 20px;
}

:where(.c-rich-text-01) a {
  text-decoration: none;
  text-underline-offset: 2px;
}

:where(.c-rich-text-01) a:not(:has(img))[target="_blank"]::after {
  content: "";
  width: 0.9em;
  height: 0.9em;
  display: inline-block;
  vertical-align: baseline;
  margin-inline: 3px;
  translate: 0 1px;
  background-image: url();
}

:where(.c-rich-text-01) a:has(img)[target="_blank"]::after {
  display: none !important;
}

:where(.c-rich-text-01) em {
  font-style: italic;
}

:where(.c-rich-text-01) h1 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 36px;
  line-height: 1.6;
  border-bottom: solid 2px #F05BB4;
}

:where(.c-rich-text-01) h2 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 500;
  border-bottom: solid 2px #0FA1C4;
  padding-bottom: 10px;
  line-height: 1.6;
  font-weight: 500;
}

:where(.c-rich-text-01) h3 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.6;
  padding-bottom: 5px;
  border-bottom: solid 2px #d8d8d8;
}

:where(.c-rich-text-01) h4,
:where(.c-rich-text-01) h5,
:where(.c-rich-text-01) h6 {
  margin-top: 45px;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
}

:where(.c-rich-text-01) pre {
  margin-top: 30px;
  margin-bottom: 30px;
}

:where(.c-rich-text-01) code {
  background: #000;
  padding: 5px;
  border-radius: 5px;
  font-family: monospace, monospace;
  color: #fff;
  margin-inline: 5px;
}

:where(.c-rich-text-01) ul {
  margin-top: 30px;
  margin-bottom: 30px;
  list-style: initial;
  list-style-position: outside;
  list-style-type: initial;
  padding-left: 20px;
}

:where(.c-rich-text-01) ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

:where(.c-rich-text-01) ol {
  margin-top: 30px;
  margin-bottom: 30px;
  list-style: initial;
  list-style-position: outside;
  list-style-type: decimal;
  padding-left: 20px;
}

/* コピペしたときに table タグがリッチテキストの直下に入った場合の対応 */
:where(.c-rich-text-01) table {
  margin-top: 30px;
  margin-bottom: 30px;
  border-collapse: collapse;
  table-layout: fixed;
}

/* リッチテキストからテーブルを挿入した際に div が一つ挟まる */
:where(.c-rich-text-01) div[data-hs-responsive-table] {
  margin-top: 30px;
  margin-bottom: 30px;
}

:where(.c-rich-text-01) div[data-hs-responsive-table] table {
  margin-top: 0;
  margin-bottom: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

:where(.c-rich-text-01) hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: none;
  height: 2px;
  background: #d8d8d8;
}

:where(.c-rich-text-01) *:first-child {
  margin-top: 0 !important;
}

:where(.c-rich-text-01) *:last-child {
  margin-bottom: 0 !important;
}

:where(.c-rich-text-01) .hs_cos_wrapper_type_module {
  --margin-top: 0;
  --margin-bottom: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  /* display: grid;
  grid-template-columns: 100%; */
}

@media screen and (max-width: 767px) {
  :where(.c-rich-text-01) h1 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 20px;
  }

  :where(.c-rich-text-01) h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  :where(.c-rich-text-01) h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 16px;
  }

  :where(.c-rich-text-01) .container {
    padding: 0 !important;
  }
}

@media (hover: hover) {
  :where(.c-rich-text-01) a:hover {
    
    text-decoration: underline;
  }
}

/* デバッグ対応用CSS */
@media screen and (max-width: 767px) {
  #hs_cos_wrapper_widget_1714114312874 .c-rich-text-01 img {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}
.c-slider-01 {
  margin-top: var(--margin-top, 15px);
  margin-bottom: var(--margin-bottom, 15px);
}

.c-slider-01 .splide__track {
  position: relative;
}

.c-slider-01 .splide__arrows {
  /* position: absolute;
  width: calc(100% - 40px);
  max-width: 1112px;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 10;
  pointer-events: none;
  display: flex;
  justify-content: space-between; */

  position: relative;
}

.c-slider-01 .splide__arrow {
  font-weight: inherit;
  background: rgba(0,0,0,0);
  border: none;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  display: inline;
  text-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  text-align: inherit;
  pointer-events: auto;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #8e9698;
  border: solid 2px #fff;
  display: block;
  z-index: 10;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  z-index: 10;
}

.c-slider-01 .splide__arrow:focus-visible {
  outline: none;
  border-color: #F05BB4;
}

.c-slider-01 .splide__arrow::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-left: var(--c-slider-01__border-left);
  border-right: var(--c-slider-01__border-right);
  position: absolute;
  top: 50%;
  left: 32%;
  -webkit-transform-origin: var(--c-slider-01__transform-origin);
  transform-origin: var(--c-slider-01__transform-origin);
  rotate: var(--c-slider-01__arrow-rotate);
}

.c-slider-01 .splide__arrow--prev {
  --c-slider-01__arrow-rotate: -45deg;
  --c-slider-01__border-left: solid 2px #fff;
  --c-slider-01__transform-origin: left top;
  right: calc(50% + 520px);
}

.c-slider-01 .splide__arrow--next {
  --c-slider-01__arrow-rotate: 45deg;
  --c-slider-01__border-right: solid 2px #fff;
  --c-slider-01__transform-origin: right top;
  left: calc(50% + 520px);
}

.c-slider-01 .splide__slide a {
  display: block;
}

.c-slider-01 .splide__slide a:focus-visible {
  outline: solid 2px #F05BB4;
  outline-offset: -2px;
}

.c-slider-01 .splide__slide img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000/280;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.c-slider-01__indicators {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
}

.c-slider-01__indicators .splide__pagination {
  display: flex;
}

.c-slider-01__indicators .splide__pagination li {
  display: block;
}

.c-slider-01__indicators .splide__pagination .splide__pagination__page {
  font-weight: inherit;
  background: rgba(0,0,0,0);
  border: none;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  display: inline;
  text-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  text-align: inherit;
  width: 30px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-slider-01__indicators .splide__pagination .splide__pagination__page::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: var(--c-slider-01__dot-color, #8E9698);
  border-radius: 50%;
  scale: var(--c-slider-01__dot-scale);
  transition: scale .2s ease;
}

.c-slider-01__indicators .splide__pagination .splide__pagination__page.is-active {
  --c-slider-01__dot-color: #000000;
  --c-slider-01__dot-scale: 166.6666666667%;
}

.c-slider-01__indicators .splide__pagination .splide__pagination__page:focus-visible {
  outline: none;
  box-shadow: 0px 0px 0px 2px #b5007c inset;
}

.c-slider-01__indicators .splide__toggle {
  font-weight: inherit;
  background: rgba(0,0,0,0);
  border: none;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  display: inline;
  text-shadow: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  width: 100%;
  cursor: pointer;
  line-height: inherit;
  text-align: inherit;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.c-slider-01__indicators .splide__toggle:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #F05BB4 inset;
}

.c-slider-01__indicators .splide__toggle svg {
  display: block;
  aspect-ratio: 1/1;
  fill: var(--c-slider-01__pause-fill);
}

.c-slider-01__indicators .splide__toggle.is-active .splide__toggle__pause {
  display: block;
}

.c-slider-01__indicators .splide__toggle__play {
  width: 40%;
  translate: 1px 0;
}

.c-slider-01__indicators .splide__toggle__pause {
  width: 40%;
}

@media screen and (max-width: 1140px) {
  .c-slider-01 .splide__arrow--prev {
    right: auto;
    left: 20px;
  }

  .c-slider-01 .splide__arrow--next {
    left: auto;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .c-slider-01 .splide {
    position: relative;
  }

  .c-slider-01 .splide__track {
    /* position: static;
    aspect-ratio: 375/205; */
  }

  .c-slider-01 .splide__arrows {
    /* width: calc(100% - 32px);
    top: auto;
    bottom: 0;
    translate: -50% 0; */
  }

  .c-slider-01 .splide__arrow {
    /* right: auto;
    top: auto;
    bottom: 0; */
    width: 28px;
    height: 28px;
    /* translate: none; */
  }

  .c-slider-01 .splide__arrow::before {
    width: 6px;
    height: 6px;
  }

  .c-slider-01 .splide__slide img {
    aspect-ratio: 375/205;
  }

  .c-slider-01__indicators {
    padding-inline: calc(4.6875% + 40px);
  }

  .c-slider-01__indicators .splide__pagination .splide__pagination__page {
    width: 26px;
  }
}

@media (hover: hover) {
  .c-slider-01 .splide__arrow:hover {
    background: #000;
  }

  .c-slider-01 .splide__slide a:hover:hover {
    
  }

  .c-slider-01__indicators .splide__pagination .splide__pagination__page:hover {
    --c-slider-01__dot-scale: 166.6666666667%;
  }

  .c-slider-01__indicators .splide__toggle:hover {
    --c-slider-01__pause-fill: #fff;
    background: #000;
  }
}
.container {
  max-width: 1036px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 18px;
}




@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade>.splide__list>.splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb>.splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: rgba(0,0,0,0);
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}