/* line 11, design.scss */
.phWrap { padding: 0 30px; }

/* line 12, design.scss */
.ph { width: 100%; /*height: 580px;*/ position: relative; }
/* line 13, design.scss */
.ph:not(:last-child) { margin-bottom: 30px; }

/* line 15, design.scss */
.caption { background: rgba(226, 234, 240, 0.8); position: absolute; font-family: "OptimaNovaLTPro-Light"; z-index: 10; bottom: 0; padding: 0 1em; font-size: 18px; color: #255a74; }
/* line 16, design.scss */
.caption.l { left: 0; border-top-right-radius: 15px; padding-right: 1.25em; }
/* line 17, design.scss */
.caption.r { right: 0; border-top-left-radius: 15px; padding-left: 1.25em; }

/* line 19, design.scss */
.caption2 { position: absolute; z-index: 10; bottom: 1em; font-size: 12px; color: #fff; }
/* line 20, design.scss */
.caption2.l { left: 1.5em; }
/* line 21, design.scss */
.caption2.r { right: 1.5em; }

/* line 24, design.scss */
.vScrollWrap { position: relative; margin-bottom: 30px; }

/* line 25, design.scss */
.vScroll { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; cursor: grab; user-select: none; scrollbar-width: none; }
/* line 26, design.scss */
.vScroll::-webkit-scrollbar { display: none; }
/* line 27, design.scss */
.vScroll.is-dragging { cursor: grabbing; }
/* line 28, design.scss */
.vScroll .ph { width: max-content; min-width: 100%; margin-bottom: 0; }
/* line 29, design.scss */
.vScroll .ph img { display: block; width: 2400px !important; max-width: none; height: auto; pointer-events: none; }

@media only screen and (max-width: 750px) { /* line 37, design.scss */
  .phWrap { padding: 0 10px; }
  /* line 38, design.scss */
  .ph { overflow: visible !important; }
  /* line 39, design.scss */
  .ph:not(:last-child) { margin-bottom: 2.5em; }
  /* line 40, design.scss */
  .ph:last-child { margin-bottom: 1.5em; }
  /* line 42, design.scss */
  .caption { padding: .15em .75em 0; font-size: 15px; line-height: 1.8; }
  /* line 43, design.scss */
  .caption.l { left: 0; border-top-right-radius: 15px; padding-right: 1em; }
  /* line 44, design.scss */
  .caption.r { right: auto; border-top-left-radius: 0px; padding-left: .75em; left: 0; border-top-right-radius: 15px; padding-right: 1em; }
  /* line 46, design.scss */
  .caption2 { bottom: -2em; font-size: 11px; line-height: 1.5; text-align: justify; color: #231815; }
  /* line 47, design.scss */
  .caption2.l { left: 0; }
  /* line 48, design.scss */
  .caption2.r { right: auto; left: 0; }
  /* line 51, design.scss */
  .vScrollWrap { margin-bottom: 2.5em; }
  /* line 52, design.scss */
  .vScroll { cursor: auto; user-select: auto; }
  /* line 54, design.scss */
  .vScroll.is-dragging { cursor: auto; }
  /* line 55, design.scss */
  .vScroll .ph { margin-bottom: 0; }
  /* line 56, design.scss */
  .vScroll .ph img { width: 750px !important; pointer-events: auto; } }
