@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .c-margin-md-16{ margin-top: 16px; }
}
@media screen and (max-width: 767px) {
  #main .c-margin-sm-16{ margin-top: 16px; }
}

#main .text-gray {
  color: #777777;
}

#main .c-headline-1 {
  color: #333333;
}

#main .p-media-caption {
  line-height: 24px;
}

#main .p-main-visual__body {
  left: 16px;
  padding-right: 16px;
}

#main .p-media__image + .p-media__image {
  margin-top: 32px;
}

#main .js-carousel--single + .c-headline-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

#main .js-carousel--single .slick-dots li.slick-active button:before {
  background-color: #009fbc;
}

#main .u-font-bold {
  display: inline-block;
  margin-bottom: 4px;
}

/* Tablet */

@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .c-row-reverse { -webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;flex-direction: column-reverse; }
  #main .c-row-reverse .c-col-sm--12 + .c-col-sm--12 { margin-top: 0; }
  #main .c-row-reverse .p-media__imageblock { margin-top: 48px; }
  #main .c-row-spot .p-media__imageblock { margin-top: 0; }
  #main .c-row-spot .p-media__textblock { margin-top: 48px; }
}

/* Mobile */

@media screen and (max-width: 767px) {
  #main .c-row-reverse { -webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;flex-direction: column-reverse; }
  #main .c-row-reverse .c-col-sm--12 + .c-col-sm--12 { margin-top: 0; }
  #main .c-row-reverse .p-media__imageblock { margin-top: 48px; }
  #main .c-row-spot .p-media__imageblock { margin-top: 0; }
  #main .c-row-spot .p-media__textblock { margin-top: 48px; }
}

#main .publication-note {
  margin-top: 24px;
  font-size: 14px;
  text-align: right;
}

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

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

/*-- added new common --*/
#main *[class^=c-text]:not(.c-text-xsmall-note) + .c-text-xsmall-note { margin-top: 1em; }
#main .c-text-xsmall-note { font-size: 80%;line-height: 20px; }

#main .publication-note { text-align: left;display: flex;justify-content: flex-end; }

#main .c-row + .c-row { margin-top: 32px; }
@media screen and (max-width: 767px) {
  #main .c-row + .c-row { margin-top: 32px; }
}
#main .c-row.c-row-head + .c-row { margin-top: 80px; }
@media screen and (max-width: 767px) {
  #main .c-row.c-row-head + .c-row { margin-top: 80px; }
}
#main .c-row.c-row-head-dot + .c-row { margin-top: 32px;padding-top: 32px;position: relative; }
@media screen and (max-width: 767px) {
  #main .c-row.c-row-head-dot + .c-row { margin-top: 32px;padding-top: 32px;position: relative; }
}
#main .c-row.c-row-head-dot + .c-row::before{content: "";height: 1px;position: absolute;left: 16px;right: 16px;
background: url(/areahighlights/hokkaido/kitami/img/dot-2.png) repeat-x left center;}
#main .c-row.c-row-head-dot + .c-row::before{bottom: auto;top: 0;}

#main .c-text-small--thick + .c-text-small--thick { margin-top: 16px; }

@media screen and (min-width: 1120px) {
  #main .c-row-reverse-pc { -webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;flex-direction: row-reverse; }
}
@media screen and (max-width: 1119px) {
  #main .c-row-reverse { -webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;flex-direction: column-reverse; }
}

/*** 221116 ***/
#main [id*=section_]{ margin-top: -60px;padding-top: 60px; }

/* Padding */
#main .c-section--padding-b-sm {padding-bottom: 65px;}
#main .c-section--padding-b-md {padding-bottom: 80px;}
#main .c-section--padding-b-lg {padding-bottom: 96px;}
#main .c-section--padding-t-sm {padding-top: 65px;}
#main .c-section--padding-t-md {padding-top: 80px;}
#main .c-section--padding-t-lg {padding-top: 96px;}
#main .c-section--padding-bt-sm {padding-bottom: 65px;padding-top: 65px;}
#main .c-section--padding-bt-md {padding-bottom: 80px;padding-top: 80px;}
#main .c-section--padding-bt-lg {padding-top: 96px;padding-bottom: 96px;}

/* Button */
#main .c-button {background-color: #11928f;}
#main .c-button:hover {background-color: #18c4c1;}

/* introduce */
#main .p-introduce-note {padding-bottom: 24px;}
#main .c-section--thick--bg.p-introduce{padding-bottom:24px;}
@media screen and (min-width: 320px) {
#main .p-introduce .p-introduce-person__position{word-break: keep-all;}
}
#main .p-introduce .p-introduce-person--group .p-introduce-person::after{right:32px;}
#main .p-introduce .p-introduce-person__img-1::after{background:url(/areahighlights/hokkaido/kitami/img/bg_introduce_01.png) no-repeat;}
#main .p-introduce .p-introduce-person__img-2::after{background:url(/areahighlights/hokkaido/kitami/img/bg_introduce_02.png) no-repeat;}
#main .p-introduce .p-introduce-area::after{background:url(/areahighlights/hokkaido/kitami/img/bg_map.png) no-repeat;}
#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;background-position:right bottom;}
#main .p-introduce .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person__img-2::after{bottom:-18px;height:232px;width:148px;}
#main .p-introduce .p-introduce-area::after{bottom:-6px;top:-6px;right:96px;width:168px;}
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-2::after,
#main .p-introduce .p-introduce-area::after{background-size:contain;}
@media screen and (min-width: 1120px) {
#main .p-introduce__name{margin-top:0;}
#main .p-introduce-person--group .p-introduce__text{width:calc(100% - 184px);}
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
#main .p-introduce-person--group{width:calc(100% - 100px);}
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-2::after{height:144px;width:100px;top:0;}
#main .p-introduce .p-introduce-area::after{right:24px;}
#main .p-introduce-person--group .p-introduce__titleblock{width:calc(100% - 100px - 32px);}
#main .p-introduce-person--group .p-introduce__text {width: calc(100% - 32px);}
}
@media screen and (max-width: 767px) {
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-2::after{height:140px;width:100px;right:0;top:24px;}
#main .p-introduce .p-introduce-area::after{right:4px;top:5px;height:100px;width:116px;}
#main .p-introduce-person--group .p-introduce__titleblock{width:calc(100% - 100px);}
}
@media screen and (min-width: 768px) {
#main .p-introduce-row .p-introduce-person + .p-introduce-person{border-left:2px solid #f0f0f0;}
}

/* mainvisual */

#main .p-media--staticheigh .p-media__image-1 {background-image: url(/areahighlights/hokkaido/kitami/img/bg_full_01.jpg);}
#main .p-media--staticheigh .p-media__image-2 {background-image: url(/areahighlights/hokkaido/kitami/img/bg_full_02.jpg);}
#main .p-media--staticheigh .p-media__image-3 {background-image: url(/areahighlights/hokkaido/kitami/img/bg_full_03.jpg);}

#main .p-media--staticheigh .p-media__image-visual.p-media__image-1,
#main .p-media--staticheigh .p-media__image-visual.p-media__image-2 { padding-top: 50%;height: 0; }

#main .c-container__header-1 + .c-container__body{margin-top: 50px;}
#main .c-container__header-2 + .c-container__body{margin-top: 80px;}
#main .c-title-visual{text-align: center;}
#main .c-container__header-1 .c-title-visual img{width: 105%;}
#main .c-container__header-2 .c-title-visual img{width: 100%;max-width: 561px;}
#main .c-container__header-3 .c-title-visual img{width: 100%;max-width: 613px;}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .c-title-visual{width: 50%;margin-left: 25%;}
}
@media screen and (min-width: 560px) and (max-width: 767px) {
  #main .c-title-visual{width: 76%;margin-left: 12%;}
}
@media screen and (max-width: 559px) {
  #main .c-title-visual{width: 90%;margin-left: 5%;}
}
#main .c-text-visual{color: #1c8583;}

#main .c-section-bg-carbon-nt{background-image: url(/areahighlights/hokkaido/kitami/img/bg-ptn.gif);background-repeat: repeat;background-position: left top;position: relative;z-index: 1;}
#main .c-section-bg-carbon-nt > .c-section{margin-top: 0;padding-top: 80px;}
#main .c-section-bg-carbon-nt > .c-section ~ .c-section{margin-top: 80px;padding-top: 0;}

#main .c-section-bg-carbon-nt .c-ptn_cloud{position: absolute;left: 0;right: 0;top: 0;width:100%;height:580px;max-width: 1280px;margin-left: auto;margin-right: auto;z-index: 1;}
#main .c-section-bg-carbon-nt > *:not(.c-ptn_cloud){z-index: 2;}
#main .c-section-bg-carbon-nt .c-ptn_cloud > *{position: absolute;width:calc((267 / 1280) * 100%);padding-top: calc((165 / 1280) * 100%);}
#main .c-section-bg-carbon-nt .c-ptn_cloud > *::after{background-image: url(/areahighlights/hokkaido/kitami/img/bg-cloud.png);background-repeat: no-repeat;background-position: left top;position: absolute;left: 0;right: 0;top: 0;bottom:0;content: "";background-size: contain;}

#main .c-section-bg-carbon-nt .c-ptn_cloud .p01{left: 0;bottom: 1%;transform: scale(100%) translate(-14%,0);transform-origin: left bottom;}
#main .c-section-bg-carbon-nt .c-ptn_cloud .p02{right: 0;top: 45%;transform: scale(75%) translate(3%,-50%);transform-origin: right top;}
#main .c-section-bg-carbon-nt .c-ptn_cloud .p03{left: 28%;top: 7%;transform: scale(50%) translate(-128%,0);transform-origin: left top;}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .c-section-bg-carbon-nt .c-ptn_cloud{padding-top:calc((342 / 1280) * 100% + 80px);height: 0;}
  #main .c-section-bg-carbon-nt .c-ptn_cloud .p02{top: 50%;}
}
@media screen and (min-width: 560px) and (max-width: 767px) {
  #main .c-section-bg-carbon-nt .c-ptn_cloud{padding-top:calc((522 / 1280) * 100% + 80px);height: 0;}
  #main .c-section-bg-carbon-nt .c-ptn_cloud .p02{top: 40%;}
  #main .c-section-bg-carbon-nt .c-ptn_cloud .p03{left: 24%;}
}
@media screen and (max-width: 559px) {
  #main .c-section-bg-carbon-nt .c-ptn_cloud{padding-top:calc((608 / 1280) * 100% + 80px);height: 0;}
  #main .c-section-bg-carbon-nt .c-ptn_cloud .p02{top: 40%;}
  #main .c-section-bg-carbon-nt .c-ptn_cloud .p03{left: 20%;top: 12%;}
}

#main .pastel-marine {background-color: #39ace1;color: #fff;}
#main .pastel-yellow {background-color: #fcfbf3;}
#main .pastel-yellow2 {background-color: #f1f8e1;}

#main .p-media--staticheigh {position: relative;z-index: 1;}
#main .p-media--staticheigh .p-media__image-visual{z-index: 2;}
#main .p-media--staticheigh .p-media__overlap-c,
#main .p-media--staticheigh .p-media__overlap-l{z-index: 3;}

#main .p-media--staticheigh .p-media__overlap-c,
#main .p-media--staticheigh .p-media__overlap-l{ position: absolute;top: 2%;}
#main .p-media--staticheigh .p-media__overlap-c{left: 50%;transform: translate(-50%,0) translate(4%,0);width: calc((469 / 1280) * 100%);}
#main .p-media--staticheigh .p-media__overlap-l{left: 2%;width: calc((152 / 1280) * 100%);}
#main .p-media--staticheigh .p-media__overlap-c > img,
#main .p-media--staticheigh .p-media__overlap-l > img{width: 100%;}


@media screen and (max-width: 559px) {
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-1,
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-2 { padding-top: calc((2 / 3) * 100%); }
  #main .p-media--staticheigh .p-media__image-1 {background-image: url(/areahighlights/hokkaido/kitami/img/bg_full_01-s.jpg);}
  #main .p-media--staticheigh .p-media__image-2 {background-image: url(/areahighlights/hokkaido/kitami/img/bg_full_02-s.jpg);}
  #main .p-media--staticheigh .p-media__overlap-c,
  #main .p-media--staticheigh .p-media__overlap-l{ display: none; }
}

/* box-frame */

#main .p-box-border {border-color: #39ace1;}
#main .p-box-border .p-media__imageblock .p-media__image img {margin-bottom: 10px;}
#main .p-box-border .c-headline-2{ color: #39ace1; }

/* spot-area */
#main .p-media__image-radius{border-radius:30px;overflow:hidden;}
@media screen and (max-width: 767px) {
  #main .p-media__image-radius{border-radius:15px;}
}
@media screen and (max-width: 1119px) {
  #main .p-media .p-media__imageblock .p-media__image-radius{}
  #main .p-media .p-media__imageblock .p-media__image-radius img{width: 206%;margin-left:-53%;}
}
#main .c-row ~ .c-row-spot{margin-top: 100px;}
@media screen and (max-width: 1119px) {
  #main .c-row ~ .c-row-spot{margin-top: 48px;}
}
#main .c-row-spot{align-items:center;}

#main .c-row-spot .p-media__textblock .c-container__body{margin-top:6px;}
#main .c-row-spot .p-media__imageblock .js-carousel--single .slick-list{border-radius:30px;overflow:hidden;}
#main .c-row-spot .p-media__imageblock .js-carousel--single .slick-prev{border-radius:30px 0 0 30px;overflow:hidden;}
#main .c-row-spot .p-media__imageblock .js-carousel--single .slick-next{border-radius:0 30px 30px 0;overflow:hidden;}
@media screen and (max-width: 767px) {
  #main .c-row-spot .p-media__imageblock .js-carousel--single .slick-list{border-radius:15px;}
  #main .c-row-spot .p-media__imageblock .js-carousel--single .slick-prev{border-radius:15px 0 0 15px;}
  #main .c-row-spot .p-media__imageblock .js-carousel--single .slick-next{border-radius:0 15px 15px 0;}
  }