/* Header */
#main .c-headline-1 {
  color: #11928f;
}
#main .p-box-border .c-headline-2 {
  color: #11928f;
}
#main .p-main-visual__text {
  padding: 0 16px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-main-visual__text {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #main .p-main-visual__text {
    padding: 0;
  }
}
/* Section */
#main .c-section--thick--bg {
  background-color: #f0f0f0;
}
#main .c-section--bg.light-blue {
  background: #ebfafc url(/areahighlights/hokkaido/gokkan/img/index/bg_object.png) no-repeat center;
}
#main .js-carousel--single + .c-container__header {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  #main .js-carousel--single + .c-container__header {
    margin-top: 24px;
  }
}
/* Text */
#main .u-strong {
  font-weight: bold;
  vertical-align: baseline;
}
/* Border */
#main .p-box-border {
  border-color: #11928f;
}
/* Button */
#main .c-button {
  background-color: #11928f;
}
#main .c-button:hover {
  background-color: #11b1b7;
}
#main .p-media__image + .c-container__body {
  margin-top: 80px;
}
#main .p-media__image + .p-media__image {
  margin-top: 48px;
}
#main .p-media__text + .p-media__text,
#main .c-text + .p-media__text {
  margin-top: 8px;
}
#main .c-text-small--thick + .c-button {
  margin-top: 36px;
}
#module_breadcrumbs .utilityNav .pdfBtn > a {
  vertical-align: middle;
}
#module_breadcrumbs .utilityNav .pdfBtn > a > img {
  vertical-align: middle;
  position: relative;
  top: -0.2em;
}
/* Full Image Background */
#main .p-media--staticheigh .p-media__image {
  height: 375px;
}
#main .p-media--staticheigh .p-media__image-1 {
  background-image: url(/areahighlights/hokkaido/gokkan/img/index/img_full.jpg);
}
/* Element Spacing */
#main .light-blue .c-row + .c-row {
  margin-top: 80px;
}
#main .p-media__image + .p-media__image,
#main .p-media__image + .js-carousel--single {
  margin-top: 48px;
}
#main .p-media__text + .p-media__text,
#main .c-text + .p-media__text {
  margin-top: 8px;
}
#main .c-text + .c-text-xsmall {
  margin-top: 36px;
}
#main .c-text-xsmall {
   line-height: 20px;
   color: #777;
}
#main .c-text-xsmall-note {
   font-size: 12px;
   color: #777;
}
/* Introduce Area */
#main .p-introduce .p-introduce-person__img-1::after {
  background: url(/areahighlights/hokkaido/gokkan/img/index/bg_introduce_01.png) no-repeat right bottom;
}
#main .p-introduce .p-introduce-person__img-2::after {
  background: url(/areahighlights/hokkaido/gokkan/img/index/bg_introduce_02.png) no-repeat right bottom;
}
#main .p-introduce .p-introduce-area::after {
  background: url(/areahighlights/hokkaido/gokkan/img/index/bg_map.png) no-repeat right bottom;
}
#main .p-introduce .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person__img-2::after,
#main .p-introduce .p-introduce-area::after {
  content: '';
  position: absolute;
  width: 166px;
  background-size: contain;
  right: 96px;
}
#main .p-introduce .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person__img-2::after {
  bottom: -18px;
  height: 232px;
}
#main .p-introduce .p-introduce-area::after {
  bottom: -6px;
  height: 220px;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-introduce .p-introduce-person__img-1::after,
  #main .p-introduce .p-introduce-person__img-2::after {
    height: 144px;
    right: 16px;
    top: 0;
  }
  #main .p-introduce .p-introduce-area::after  {
    right: 24px;
  }
}
@media screen and (max-width: 767px) {
  #main .p-introduce .p-introduce-person__img-1::after,
  #main .p-introduce .p-introduce-person__img-2::after,
  #main .p-introduce .p-introduce-area::after {
    height: 104px;
    right: 16px;
    top: 8px;
  }
  #main .p-introduce .p-introduce-area::after {
    right: 4px;
    top: 0;
    bottom: auto;
    height: 110px;
  }
}
/* Ultilities responsive */
@media screen and (max-width: 767px) {
  #main .p-introduce__name {
    margin-top: 0;
  }
}
/* Carousel Navigation */
#main .js-carousel--single .slick-dots li:hover button::before {
  background-color: #11b1b7;
}
#main .js-carousel--single .slick-dots li.slick-active button::before {
  background-color: #11b1b7;
}
#main .js-carousel--single .slick-prev::before {
  background-image: url(/areahighlights/hokkaido/gokkan/img/index/icon_prev.png);
}
#main .js-carousel--single .slick-next::before {
  background-image: url(/areahighlights/hokkaido/gokkan/img/index/icon_next.png);
}
#main .js-carousel--single .slick-prev::before,
#main .js-carousel--single .slick-next::before,
#main .js-carousel--single .slick-prev:hover:before,
#main .js-carousel--single .slick-next:hover:before {
  opacity: 1;
}
#main .js-carousel--single .slick-prev:hover:before,
#main .js-carousel--single .slick-next:hover:before {
  background-color: rgba(0, 0, 0, .4);
}

@media print {
  #main .p-main-visual__header {
    zoom: 60%;
  }
}

.global-header {
  -webkit-font-smoothing: subpixel-antialiased;
}

.global-footer {
  font-size: 14.08px;
  -webkit-font-smoothing: subpixel-antialiased;
}