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

#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-introduce-row {
  flex-wrap: nowrap;
}

#main .p-introduce-row .p-introduce-header {
  width: 256px;
}

#main .p-introduce-row .p-introduce__text {
  width: 100%;
  padding-right: 256px;
}

#main .p-introduce .p-introduce-person::after {
  width: 160px;
  height: 232px;
  bottom: -18px;
  right: 80px;
  background-size: cover;
  background: url(/areahighlights/kansai/biome/img/bg_introduce.png) no-repeat center right;
}

#main .p-introduce-row .p-introduce-area::after {
  content: '';
  width: 166px;
  height: 220px;
  position: absolute;
  bottom: -4px;
  right: 80px;
  background: url(/areahighlights/kansai/biome/img/bg_map.png) no-repeat center right;
}

#main .p-introduce .p-introduce-area__link {
  background-color: #ea8520;
  margin-top: 20px;
}

#main .p-media--staticheigh .p-media__image-1 {
  background: url(/areahighlights/kansai/biome/img/bg_full_01.jpg) no-repeat center center;
  background-size: cover;
}

#main .p-media--staticheigh .p-media__image-2 {
  background: url(/areahighlights/kansai/biome/img/bg_full_02.jpg) no-repeat center center;
  background-size: cover;
}

#main .p-media--staticheigh .p-media__image-3 {
  background: url(/areahighlights/kansai/biome/img/bg_full_03.jpg) no-repeat right center;
  background-size: cover;
}

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

/* #main .p-media__overlap-image-1 {
  margin-top: -125px;
}

#main .p-media__overlap-image-2 {
  margin-top: -85px;
} */

#main .p-box-border {
  border-color: #13b076;
}

#main .p-box-border .p-media__imageblock .p-media__image img {
  margin-bottom: 10px;
}

#main .pastel-green {
  background-color: #effffa;
}

#main .pastel-orenge {
  background-color: #fff7ef;
}

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

#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 .p-introduce-row .p-introduce-header {
    width: 100px;
  }

  #main .p-introduce-row .p-introduce__text {
    padding-right: 216px;
  }

  #main .p-introduce-person--group .p-introduce__text,
  #main .p-introduce .p-introduce-area .p-introduce__text {
    width: 100%;
  }

  #main .p-introduce .p-introduce-person::after {
    right: 48px;
    bottom: -48px;
  }

  #main .p-introduce-row .p-introduce-area::after {
    right: 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 .p-introduce-row {
    flex-wrap: wrap;
  }

  #main .p-introduce-row .p-introduce-header,
  #main .p-introduce-row .p-introduce__text {
    width: 100%;
  }

  #main .p-introduce__name,
  #main .p-introduce__titleblock {
    width: 100%;
    text-align: left;
  }

  #main .p-introduce .p-introduce-person::after {
    width: 160px;
    height: 150px;
    bottom: -18px;
    right: -30px;
    background: url(/areahighlights/kansai/biome/img/bg_introduce.png) no-repeat center center;
    background-size: contain;
  }

  #main .p-introduce-row .p-introduce-area::after {
    content: '';
    right: -36px;
    top: 0;
    bottom: auto;
    height: 110px;
    background: url(/areahighlights/kansai/biome/img/bg_map.png) no-repeat center center;
    background-size: contain;
  }

  #main .p-introduce-row .p-introduce__text {
    width: 100%;
    padding-right: 0;
  }

  #main .p-media--staticheigh .p-media__overlap-image {
    /* width: 80%; */
    max-width: 90%;
  }

  /* #main .p-media__overlap-image-1 {
    margin-top: -10%;
  }

  #main .p-media__overlap-image-2 {
    margin-top: -10%;
  } */

  #main .p-introduce-person__position {
    padding-right: 100px;
  }

}

/* #main .p-introduce-note {
  padding: 6px 0 20px 0;
} */

#main .p-introduce-note {
  padding-bottom: 24px;
}

#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/kansai/biome/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;
  }
}

/**
　mainvisual
**/

#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-t{z-index: 3;}
#main .p-media--staticheigh .p-media__overlap-b{z-index: 3;}

#main .p-media--staticheigh .p-media__image-visual { height: auto;background: none;position: relative;overflow-y: hidden; }
#main .p-media--staticheigh .p-media__image-visual.p-media__image-1 { padding-bottom: 295px;padding-top: 25.78%; }
#main .p-media--staticheigh .p-media__image-visual.p-media__image-2 { padding-bottom: 270px;padding-top: 28.12%; }

#main .p-media--staticheigh .p-media__overlap-t,
#main .p-media--staticheigh .p-media__overlap-b{ position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto; }
#main .p-media--staticheigh .p-media__overlap-t{ top: 20px; }
#main .p-media--staticheigh .p-media__overlap-t > img{ max-width: 100%; }
#main .p-media--staticheigh.p-media-image-wrapper-2 .p-media__overlap-t > img{ transform: translate(-6%, 0); }

#main .p-media--staticheigh .p-media__overlap-b{ bottom: 20px; }

#main .p-media--staticheigh .p-media__image-visual::after { content: "";width: 100%;padding-top: 48.83%;position: absolute;left: 0;right: 0; }
#main .p-media--staticheigh .p-media__image-visual.p-media__image-1::after { top: 205px;transform: translate(0, -32.8%); }
#main .p-media--staticheigh .p-media__image-visual.p-media__image-2::after { top: 190px;transform: translate(0, -30%); }

#main .p-media--staticheigh .p-media__image-visual.p-media__image-1::after {
  background: url(/areahighlights/kansai/biome/img/bg_full_01.jpg) no-repeat center center;
  background-size: cover;
}
#main .p-media--staticheigh .p-media__image-visual.p-media__image-2::after {
  background: url(/areahighlights/kansai/biome/img/bg_full_02.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 1279px) {
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-1::after,
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-2::after {
    content: "";width: 100%;padding-top: 0;position: absolute;left: 0;right: 0;top: 0;transform: none;height: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-media--staticheigh .p-media__overlap-t > img{ max-height: 115px; }
}
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-1,
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-2 { height: auto;padding-bottom: 0;padding-top: 100%; }
  #main .p-media--staticheigh .p-media__overlap-t,
  #main .p-media--staticheigh .p-media__overlap-b{display: none;}
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-1::after,
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-2::after {
    content: "";width: 100%;padding-top: 100%;position: absolute;left: 0;right: 0;top: 0;transform: none;height: 0;
  }

  #main .p-media--staticheigh .p-media__image-visual.p-media__image-1::after {
    background: url(/areahighlights/kansai/biome/img/bg_full_01-sp.jpg) no-repeat center center;
    background-size: cover;
  }
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-2::after {
    background: url(/areahighlights/kansai/biome/img/bg_full_02-sp.jpg) no-repeat center center;
    background-size: cover;
  }
}

/**
　biome-intro
**/

#main .biome-introduce{ padding-top: 20px;padding-bottom: 20px;position: relative; }
#main .biome-introduce::before,
#main .biome-introduce::after{content: "";width: 100%;height: 1px;position: absolute;left: 0;
background: url(/areahighlights/kansai/biome/img/dot.png) repeat-x left center;}
#main .biome-introduce::before{bottom: auto;top: 0;}
#main .biome-introduce::after{bottom: 0;top: auto;}

#main .biome-introduce__box{
  background: url(/areahighlights/kansai/biome/img/bg_report.png) repeat left center;
  border-radius: 20px;padding: 50px 96px;
}

#main .biome-introduce__box .c-headline-3{ font-size: 20px;color: #2dad7d;margin-bottom: 1em; }
#main .biome-introduce__box .p-media__image{position: relative;}
#main .biome-introduce__box .p-media__image::after{ position: absolute;top: -84px;right: -40px;content: "";width: 112px;height: 153px;background: url(/areahighlights/kansai/biome/img/img-butterfly.png) no-repeat center center;
background-size: contain;}

@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .biome-introduce__box{ padding: 48px 32px; }
  #main .biome-introduce__box .c-headline-3{ margin-bottom: 36px; }
}

@media screen and (max-width: 767px) {
  #main .biome-introduce__box{ padding: 32px 20px; }
  #main .biome-introduce__box .p-media__image::after{top: -15px;right: -25px;width: 56px;height: 76.5px; }
}


/**
　biome-unique
**/


#main .p-box-border .c-headline-2{ color: #13b076; }