/* Introduce Area */
#main .c-section--thick--bg.p-introduce {
  padding-bottom: 24px;
}

#main .c-section--padding-b-sm {
  padding-bottom: 65px;
}

#main .c-section--padding-b-md {
  padding-bottom: 80px;
}

#main .c-section--padding-bt-md {
  padding-bottom: 80px;
  padding-top: 80px;
}

#main .c-section--padding-bt-lg {
  padding-top: 96px;
  padding-bottom: 96px;
}

/* Header */
#main .c-headline-1 {
  color: #333;
}
#main .p-box-border .c-headline-2 {
  color: #009fbc;
}
#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-yellow-green {
  background-color: #ecf2b6;
}
#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: #009fbc;
}
/* Button */
#main .c-button {
  background-color: #009fbc;
}
#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 .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 .pastel-blue,
#main .c-section--bg.pastel-blue {
  background-color: #f3f9fb;
}

#main .p-media--staticheigh .p-media__image,
#main .p-media--staticheigh .p-media__image__container {
  /* height: 375px; */
}
#main .p-media--staticheigh .p-media__image__container {
  position: relative;
}
#main .p-media--staticheigh .p-media__image__decoration {
  position: absolute;
  bottom: -10px;
}
#main .p-media--staticheigh .p-media__image-1 .p-media__image__decoration {
  right: 0;
  width: 296px;
}
#main .p-media--staticheigh .p-media__image-2 .p-media__image__decoration {
  left: 0;
  width: 518px;
}

#main .p-media--staticheigh .p-media__overlap-image {
  width: 600px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#main .p-media--staticheigh .p-media__overlap-image.p-media__overlap-image-1 {
  width: 759px;
  margin-top: -115px;
}

#main .p-media--staticheigh .p-media__overlap-image.p-media__overlap-image-2 {
  width: 864px;
  margin-top: -107px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  #main .p-media--staticheigh .p-media__image-1 .p-media__image__decoration {
    right: 40px;
  }
  #main .p-media--staticheigh .p-media__image-2 .p-media__image__decoration {
    left: 40px;
  }
}
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image__decoration {
    bottom: -5px;
  }
  #main .p-media--staticheigh .p-media__image-1 .p-media__image__decoration {
    right: auto;
    left: 20px;
    width: 148px;
  }
  #main .p-media--staticheigh .p-media__image-2 .p-media__image__decoration {
    left: 20px;
    width: 259px;
  }

  #main .p-media--staticheigh .p-media__overlap-image.p-media__overlap-image-1,
  #main .p-media--staticheigh .p-media__overlap-image.p-media__overlap-image-2 {
    width: 80%;
  }
  #main .p-media--staticheigh .p-media__overlap-image.p-media__overlap-image-1 {
    margin-top: -10%;
  }
  #main .p-media--staticheigh .p-media__overlap-image.p-media__overlap-image-2 {
    margin-top: -10%;
  }
}
#main .p-media--staticheigh .p-media__image-1 {
  background: url(/areahighlights/kyushu/kagoshima/img/img_full_01.jpg) no-repeat center 25% / cover;
}
#main .p-media--staticheigh .p-media__image-2 {
  background: url(/areahighlights/kyushu/kagoshima/img/img_full_02.jpg) no-repeat center 25% / cover;
}
#main .p-media--staticheigh .p-media__image-3 {
  background: url(/areahighlights/kyushu/kagoshima/img/img_full_03.jpg) no-repeat center 20% / cover;
}

#main .p-media__image + .p-media__image,
#main .p-media__image + .js-carousel--single {
  margin-top: 48px;
}
#main .c-text + .c-text-xsmall {
  margin-top: 36px;
}
#main .c-text-xsmall {
   line-height: 20px;
   color: #777;
}
/* Introduce Area */
#main .p-introduce .p-introduce-person::after {
  content: none;
}
#main .p-introduce .p-introduce-person .p-introduce__titleblock {
  position: relative;
  min-height: 128px;
}
#main .p-introduce .p-introduce-person .p-introduce__titleblock::after {
  content: '';
  /* width: 166px; */
  width: 88px;
  /* height: 280px; */
  height: 128px;
  position: absolute;
  /* right: 7px;
  bottom: -48px; */
  right: 0;
  bottom: 0;
  background: url(/areahighlights/shared/img/v0005_resp/bg_introduce.png) no-repeat right bottom; }
  @media screen and (min-width: 768px) and (max-width: 1119px) {
    #main .p-introduce .p-introduce-person .p-introduce__titleblock::after {
      background-size: 80%;
      width: 160px;
      /* height: 230px;
      bottom: -40px; */
    } }
  @media screen and (max-width: 767px) {
    #main .p-introduce .p-introduce-person .p-introduce__titleblock::after {
      background-size: 60%;
      width: 150px;
      /* height: 154px; */
      /* bottom: auto;
      top: 0; */
    } }

#main .p-introduce .p-introduce-person__img-1 .p-introduce__titleblock::after {
  background: url(/areahighlights/kyushu/kagoshima/img/bg_introduce_01.png) no-repeat right bottom;
}
#main .p-introduce .p-introduce-person__img-2 .p-introduce__titleblock::after {
  background: url(/areahighlights/kyushu/kagoshima/img/bg_introduce_02.png) no-repeat right bottom;
}
#main .p-introduce .p-introduce-person__img-3 .p-introduce__titleblock::after {
  background: url(/areahighlights/kyushu/kagoshima/img/bg_introduce_03.png) no-repeat right bottom;
}
#main .p-introduce .p-introduce-area::after {
  background: url(/areahighlights/kyushu/kagoshima/img/bg_map.png) no-repeat right bottom;
}
#main .p-introduce .p-introduce-person__img-1 .p-introduce__titleblock::after,
#main .p-introduce .p-introduce-person__img-2 .p-introduce__titleblock::after,
#main .p-introduce .p-introduce-person__img-3 .p-introduce__titleblock::after {
  content: '';
  position: absolute;
  /* width: 166px; */
  width: 88px;
  background-size: contain;
  /* right: 96px; */
}
#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 .p-introduce__titleblock::after,
#main .p-introduce .p-introduce-person__img-2 .p-introduce__titleblock::after,
#main .p-introduce .p-introduce-person__img-3 .p-introduce__titleblock::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 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-2 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-3 .p-introduce__titleblock::after, */
  #main .p-introduce .p-introduce-area::after  {
    right: 24px;
  }
  #main .p-introduce .p-introduce-person__img-1 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-2 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-3 .p-introduce__titleblock::after {
    /* bottom: -48px; */
  }
}
@media screen and (max-width: 767px) {
  #main .p-introduce .p-introduce-person__img-1 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-2 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-3 .p-introduce__titleblock::after {
    /* right: 16px; */
    /* top: 8px; */
    right: 0;
    bottom: 0;
  }
}
/* Ultilities responsive */
@media screen and (max-width: 767px) {
  #main .p-introduce__name {
    margin-top: 0;
  }
  /* #main .p-introduce .p-introduce-person__img-1 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-2 .p-introduce__titleblock::after,
  #main .p-introduce .p-introduce-person__img-3 .p-introduce__titleblock::after, */
  #main .p-introduce .p-introduce-area::after  {
    bottom: auto;
    bottom: 0;
    height: 110px;
  }
  #main .p-introduce .p-introduce-area::after {
    right: 4px;
    top: 0;
  }
}

#main .p-introduce-person--group .p-introduce__text {
  /* width: 256px; */
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-introduce-person--group .p-introduce__text {
    /* width: 70%; */
    width: 100%;
  }
  #main .p-introduce .p-introduce-area .p-introduce__text {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  #main .p-introduce-person--group .p-introduce__text,
  #main .p-introduce .p-introduce-area .p-introduce__text {
    width: 100%;
  }
}

/* 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/kyushu/kagoshima/img/icon_prev.png);
}
#main .js-carousel--single .slick-next::before {
  background-image: url(/areahighlights/kyushu/kagoshima/img/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);
}

/* 追加 */

/* Element Spacing */
#main .p-media__list {
  margin-bottom: -40px;
}
#main .p-media__list .c-col {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #main .p-media__list {
    margin-bottom: -32px;
  }
  #main .p-media__list .c-col {
    margin-bottom: 32px;
  }
}

.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-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 .p-introduce-row + .p-introduce-row { margin-top: 10px; }

#main .p-introduce__name {
  padding-right: 88px;
}
#main .p-introduce .p-introduce-person__position {
  height: 96px;
}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-introduce-person--group-trio {
    width: calc(100% - 100px - 30px);
  }
}
@media screen and (min-width: 1120px) {
  #main .p-introduce-person--group-trio {
    width: calc(100% - 160px - 30px);
  }
  #main .p-introduce-person--group-trio .p-introduce-person {
    width: 33.3%;
  }

  #main .p-introduce-person--group-trio .p-introduce-person .p-introduce__titleblock::after {
    right: 0;
  }
}

@media screen and (max-width: 1199px) {
  #main .p-introduce-person--group-trio .p-introduce-person {
    width: 100%;
  }
  #main .p-introduce-person--group-trio {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  #main .p-introduce-person--group-trio {
    display: block;
  }
}

@media screen and (max-width: 374px) {
  #main .p-introduce-person--group-trio .p-introduce-person .p-introduce__titleblock::after {
    width: 48px;
  }
  #main .p-introduce__name {
    padding-right: 48px;
  }
}

#main .c-container--full + .c-container .c-container__body {
  margin-top: 3.5em;
  margin-bottom: 3.5em;
}
@media screen and (max-width: 767px) {
  #main .c-container--full + .c-container .c-container__body {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
#main .c-container--full + .c-container .c-container__body .c-text {
 text-align: center;
}

#main .c-headline-2.pastel-blue-font { color: #009fbc; }

/* Utility */
#main .u-mt-60 {
  margin-top: 60px;
}

#main .u-mb-40 {
  margin-bottom: 40px;
}

#main .u-mb-28 {
  margin-bottom: 28px;
}

#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;
}

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