@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap');

body {
  background-color: #76b192;
  /*font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
  font-family: 'M PLUS Rounded 1c', "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "ヒラギノ丸ゴ ProN W3", "ヒラギノ丸ゴ ProN W6", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

.img-wrapper img {
  width: 100%;
}

header {
  pointer-events: none;
}

.bold {
  font-weight: bold;
}

@media (min-width: 1200px){
  .container {
    max-width: 1015px!important;
  }
}

.header-decoration {
  background-image: url(/assets/img/img-header-decoration.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 0;
  padding-top: 22%;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.navbar {
  pointer-events: none;
}

.navbar-brand,
.navbar-toggler,
.navbar-collapse {
  pointer-events: auto;
}

.navbar-collapse {
  -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
       -o-transition: all .25s ease;
          transition: all .25s ease;
  align-self: flex-start;
  /*margin-top: 50px;*/
  margin-top: calc(48/1200*100%);
  padding-right: 48px;
}

.nav-link {
  color: #fff;
}

.nav-link:hover,
.nav-link:focus {
  color: #fff;
  opacity: 0.7;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-left: 28px;
  padding-right: 28px;
}

.heading {
  height: 0;
  padding-top: 67.75%;
  /*padding-top: 54%;*/
  width: 100%;
}

#carouselHeading,
#kvHeading {
  position: absolute;
  top: 0;
  width: 100%;
}

#kvHeading img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 100%;
}

.carousel-indicators [data-bs-target] {
  border-radius: 50%;
  height: 18px;
  margin-left: 18px;
  margin-right: 18px;
  width: 18px;
}

.carousel-text {
  color: #fff;
  font-size: 40px;
  position: absolute;
  right: calc((100vw - 1200px) / 2 + 73px);
  top: calc(224 / 1200 * 100vw);
}

.vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.decoration-02 {
  bottom: -10%;
  position: absolute;
  width: 100%;
}

.decoration-02 img {
  width: 100%;
}

.decoration-03 {
  bottom: -2%;
  position: absolute;
  width: 100%;
}

.decoration-03 img {
  width: 100%;
}

#newstopics {
  background-image: url(/assets/img/bg-hyoutan-03.png);
  background-position: left center;
  background-repeat: no-repeat;
  /*background-size: contain;*/
  background-size: 100% 100%;
  /*height: calc(560/1250*100vw);*/
  margin-top: 50px;
  /*max-height: 560px;*/
  padding-bottom: 100px;
  padding-top: 60px;
  position: relative;
}

#newstopics .container {
  max-width: 920px;
  width: 100%;
}

#newstopics .section-title {
  margin-bottom: 40px;
  margin-right: -12px;
}

#newstopics .section-title img {
  max-width: 528px;
  width: 44%;
}

.media.item-news {
  border-bottom: 2px dotted #999;
  display: flex;
  padding-bottom: 12px;
}

.media.item-news + .media.item-news {
  padding-top: 12px;
}

.media.item-news > a {
  margin-right: 10px;
}

.media.item-news > a > img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.media.item-news .media-body {
  color: #222;
  flex-grow: 1;
}

.media.item-news .media-body time {
  font-size: 14px;
  font-weight: bold;
}

.media.item-news .media-body .news-description {
  color: #222;
  font-size: 17px;
  text-decoration: none;
}

.list-news .list-link-wrapper {
  bottom: auto;
  margin-top: 0;
  padding-right: 0;
  position: relative;
}

.bg-decoration {
  background-image: url(/assets/img/bg-decoration.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: calc(488/1200*100vw);
  margin-bottom: -16%;
  margin-top: -22.5%;
  position: relative;
  z-index: -1;
}

.bg-decoration-02 {
  background-image: url(/assets/img/bg-decoration-02.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: calc(435/1200*100vw);
  margin-bottom: -21.8%;
  margin-top: -10%;
  position: relative;
  z-index: -1;
}

.bg-decoration-03 {
  background-image: url(/assets/img/bg-decoration-03.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  height: calc(300/1200*100vw);
  /*margin-bottom: -21.8%;*/
  margin-bottom: 0;
  margin-top: -3.4%;
  position: relative;
  z-index: -1;
}

#about {
  overflow-x: hidden;
  height: calc(1136/1180*100%);
  margin-top: 30px;
  padding-bottom: 198px;
  padding-top: 100px;
  position: relative;
}

#about > img {
  width: 100%;
}

#about .about-inner {
  background-image: url(/assets/img/bg-about.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1180px;
  padding-bottom: 168px;
  padding-top: 208px;
}

#about .container {
  /*max-width: 1028px;*/
  max-width: 926px;
  position: relative;
}

.about-body {
  color: #fff;
  padding: 0 calc((100% - 640px) / 2);
  position: relative;
}

#about > .img-wrapper {
  position: absolute;
}

#about .img-wrapper.deco-01 {
  left: calc((100vw - 1180px)/ 2 + 11px);
  top: 0;
  width: 267px;
}

#about .img-wrapper.deco-02 {
  right: calc((100vw - 1180px)/ 2 - 86px);
  top: 54px;
  width: 327px;
}

#about .img-wrapper.deco-03 {
  bottom: 0;
  left: calc((100vw - 1180px)/ 2 - 91px);
  width: 357px;
}

#about .img-wrapper.deco-04 {
  bottom: 0;
  right: calc((100vw - 1180px)/ 2 - 86px);
  width: 783px;
}

#about .title {
  font-size: 36px;
  margin-bottom: 34px;
}

#about .title span {
  letter-spacing: -2.8px;
}

#about .description {
  font-size: 19px;
}

@media (min-width: 768px){
  .navbar-expand-md .navbar-nav {
    align-items: center;
  }
}

@media (max-width: 1200px){
  .carousel-text {
    font-size: 30px;
    right: calc(73 / 1200 * 100vw);
  }

  #about {
    padding-bottom: calc(198 / 1200 * 100vw);
    padding-top: calc(100 / 1200 * 100vw);
  }

  #about .about-inner {
    background-size: 100% 100%;
    padding-bottom: calc(230 / 1200 * 100vw);
    padding-top: calc(208 / 1200 * 100vw);
  }

  #about .title {
    font-size: 32px;
  }

  #about .img-wrapper.deco-01 {
    left: calc(11 / 1200 * 100%);
    top: 0;
    width: calc( 267 / 1200 * 100%);
  }

  #about .img-wrapper.deco-02 {
    right: calc(86 / 1200 * -100%);
    top: 54px;
    width: calc( 327 / 1200 * 100%);
  }

  #about .img-wrapper.deco-03 {
    bottom: 0;
    left: calc(91 / 1200 * -100%);
    width: calc( 357 / 1200 * 100%);
  }

  #about .img-wrapper.deco-04 {
    bottom: 0;
    right: calc(86 / 1200 * -100%);
    width: calc( 783 / 1200 * 100%);
  }
}

@media (max-width: 991px){
  #newstopics .list-news {
    padding-left: calc(80/1200*100vw);
  }
}

@media (max-width: 767px){
  .carousel-text {
    font-size: 20px;
    font-weight: bold;
    right: calc(90 / 750 * 100vw);
    top: calc(170 / 750 * 100vw);
  }

  .carousel-text > span:nth-of-type(2) {
    display: inline-block;
    text-indent: 1em;
  }

  .carousel-text > span:nth-of-type(3) {
    display: inline-block;
    text-indent: 2em;
  }


  #newstopics .list-news {
    padding-left: 0;
  }
}

@media (max-width: 600px){
  .carousel-text {
    font-size: 16px;
  }
}

@media (max-width: 500px){
  .carousel-text {
    font-size: 12px;
  }
}

.detail-link-wrapper {
  font-size: 22px;
  margin-top: 53px;
  padding-left: 4em;
}

.detail-link-wrapper a {
  border-bottom: 1px solid rgba(29,132,84,.6);
  color: #1d8454;
  font-weight: bold;
  text-decoration: none;
}

.oomameda-wrapper {
  max-width: calc(100% - 640px);
  position: absolute;
  right: -13px;
  right: 0;
  top: 50px;
  width: 30%;
}

.about-image {
  /*margin-top: -25.4%;*/
  /*margin-top: calc(95/1200*-100vw);*/
  /*margin-bottom: -74px;*/
  position: relative;
  /*width: 120%;*/
  /*width: 128.3%;*/
}

#introduction > img {
  position: relative;
  width: 100%;
}

.bg-introduction {
  background-color: rgba(255,255,255,.85);
}

.bg-introduction .container {
  padding: 0 30px;
  position: relative;
}

.bg-introduction .container .title-wrapper {
  left: 0;
  max-width: 484px;
  position: absolute;
  /*top: -92px;*/
  top: calc(50/1200*-100vw);
  width: 44%;
}

.bg-introduction .container .title-wrapper img {
  width: 100%;
}

.opacity-85 {
  opacity: .85;
}

#introduction .garden-list {
  padding-bottom: 30px;
  padding-top: 48px;
}

#introduction .garden-list .img-wrapper {
  border: 8px solid #fff;
  border-radius: 42px;
  overflow: hidden;
  /*padding: 0 19px;*/
  width: 100%;
}

.garden-name {
  color: #1d8454;
  font-size: 22px;
  text-align: center;
}

.list-link-wrapper {
  /*bottom: -53px;*/
  bottom: calc(33/1200*-100vw);
  font-size: 27px;
  margin-top: 49px;
  padding-right: 4em;
  position: absolute;
  left: 138px;
  z-index: 1;
}

.list-news .list-link-wrapper {
  left: unset;
  right: 0;
}

.list-link-wrapper a {
  /*border-bottom: 1px solid rgba(29,132,84,.6);*/
  color: #1d8454;
  /*font-weight: bold;*/
  text-decoration: none;
}

.ambassador-wrapper {
  align-items: center;
  background-image: url(/assets/img/bg-oomameda.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 62.85%;
  display: flex;
}

.ambassador-wrapper > div {
  flex: 0 0 50%;
}

.ambassador-image img {
  width: 102%;
}

.ambassador-text {
  color: #1d8354;
  font-size: 28px;
  padding-left: calc(2% + 10px);
}

.ambassador-text .ambassador-description {
  margin-top: 40px;
}

.ambassador-text .ambassador-name {
  font-size: 22px;
  margin-top: 38px;
}

@media (max-width: 1200px){
  #about {
    height: auto;
    max-height: none;
    padding-bottom: 100px;
  }

  #about .about-content {
    font-size: 13px;
    line-height: 1.5;
    padding-left: 4%;
  }

  .about-content .detail-link-wrapper {

  }
}

@media (max-width: 1000px){
  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 14px;
    padding-left: 18px;
    padding-right: 18px;
  }

  #about .about-content {
    padding-left: 8%;
  }
}

@media (max-width: 991px){
  .list-link-wrapper {
    font-size: 18px;
    padding-right: 0;
  }

  .ambassador-text {
    font-size: 24px;
  }

  .ambassador-text .ambassador-name {
    font-size: 18px;
  }
}

@media (max-width: 927px){
  .oomameda-wrapper {
    max-width: none;
  }
}

@media (max-width: 900px){
  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 12px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .ambassador-text {
    font-size: 18px;
  }

  .ambassador-text .ambassador-name {
    font-size: 16px;
  }
}

@media (max-width: 767px){
  #home {
    overflow-x: hidden;
  }

  .page-template.page-template-page-home {
    padding-top: 80px;
  }

  #home .heading {
    padding-top: 54%;
  }

  .header-decoration {
    background-image: url(/assets/img/img-header-decoration-sp.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 92px;
    padding-top: 80px;
  }

  .navbar-collapse {
    /*background-color: #76b192;*/
    background-color: #1d8454;
    margin-top: 0;
    padding-right: 0;
    /*padding-top: 54px;*/
    position: absolute;
    width: 100%;    
  }

  .navbar-nav {
    height: 100vh;
    margin-top: 54px;
  }

  .decoration-02 {
    bottom: -20%;
  }

  .carousel-indicators [data-bs-target] {
    height: 9px;
    margin-left: 9px;
    margin-right: 9px;
    width: 9px;
  }

  .carousel-indicators {
    bottom: -30px;
  }

  #newstopics {
    background-image: none;
    height: auto;
    margin-top: 18px; 
    padding-bottom: 30px;
    padding-top: 0;
    position: relative;
  }

  #newstopics > .container {
    background-color: rgba(255,255,255,.85);
  }

  #newstopics .section-title {
    position: absolute;
    /*top: -30px;*/
    top: -42px;
    right: 0;
    width: 100%;
  }

  #newstopics .section-title img {
    /*width: 127px;*/
  }

  #newstopics > img {
    width: 100%;
  }

  #newstopics .list-news > ul {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }

  .list-news .list-link-wrapper {
    font-size: 16px;
    padding-bottom: 16px;
    text-align: center;
    right: calc(36/375*100vw);
    position: absolute;
    bottom: calc(18/375*-100vw);
  }

  #about {
    background-image: none;
    height: auto;
    max-height: none;
    margin-bottom: 83px;
    margin-top: 0;
    overflow: visible;
    padding-top: 0;
  }

  #about .container {
    padding-bottom: 8px;
  }

  .bg-about {
    background-color: rgba(255,255,255,.85);
    padding-top: 17px;
  }

  #about .title-wrapper {
    position: absolute;
    right: 23px;
    top: -42px;
  }

  #about .title-wrapper img {
    width: 94px;
  }

  .lead-about-sp {
    margin: 0 auto;
    max-width: 248px;
    width: 100%;
  }

  #about .about-content {
    line-height: 1.23;
    margin-top: 7px;
    padding-left: 13px;
    /*width: 100%;*/
    width: 52%;
  }

  #about .about-content .supervision-info {
    font-size: 12px;
    /*font-size: 9px;*/
    /*margin-top: 1em;*/
  }

  #about .about-inner {
    background-image: url(/assets/img/bg-about-sp.png);
    background-size: 130% 100%;
    padding: 64px 0 82px;
  }

  #about .title {
    font-size: 24px;
  }

  #about .description {
    font-size: 16px;
  }

  #about .img-wrapper.deco-01 {
    bottom: calc(94 / 750 * 100%);
    left: calc(123 / 750 * 100%);
    top: unset;
    /*width: calc( 213 / 750 * 100%);*/
    width: 106px;
  }

  #about .img-wrapper.deco-02 {
    bottom: calc(87 / 750 * 100%);
    right: calc(98 / 750 * 100%);
    top: unset;
    /*width: calc( 262 / 750 * 100%);*/
    width: 131px;
  }

  #about .img-wrapper.deco-03 {
    bottom: calc(78 / 750 * -100%);
    left: calc(91 / 1200 * -100%);
    /*width: calc( 357 / 1200 * 100%);*/
    width: 178px;
  }

  #about .img-wrapper.deco-04 {
    bottom: calc(126 / 750 * -100%);
    right: calc(86 / 1200 * -100%);
    /*width: calc( 783 / 1200 * 100%);*/
    width: 341px;
  }

  .oomameda-wrapper {
    max-width: none; 
    right: -15px;
    top: 66px;
    width: 42.3%;
  }

  .about-image {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
  }

  .ambassador-wrapper {
    /*margin-left: calc(-9% - 12px);*/
    /*margin-right: calc(-9% - 12px);*/
    margin-left: -18%;
    margin-right: -9%;
    padding-bottom: 20px;
  }

  .ambassador-image img {
    width: 100%;
  }

  .ambassador-text {
    font-size: 18px;
  }

  .ambassador-text .ambassador-name {
    font-size: 16px;
    margin-top: 13px;
  }

  .ambassador-wrapper > div {
    flex: 0 0 calc(409 / 833 * 100%);
    padding-left: 12px;
  }

  .detail-link-wrapper {
    font-size: 14px;
    /*font-size: 11px;*/
    margin-top: 14px;
    padding-left: 0;
  }

  .bg-introduction .container .title-wrapper {
    top: -30px;
  }

  .bg-introduction .container .title-wrapper img {
    /*width: 92px;*/
  }

  #introduction .garden-list {
    /*padding: 14px 13px 0;*/
    padding: 14px 0 0;
  }

  #introduction .garden-list .img-wrapper {
    border-radius: 21px;
    padding: 0;
  }

  .garden-name {
    font-size: 12px;
  }

  #introduction .garden-list > div {
    margin-bottom: 14px;
  }

  #introduction .list-link-wrapper {
    bottom: calc(22/375*-100vw);
    font-size: 16px;
    margin-top: -22px;
    padding-bottom: 1rem;
    padding-right: 0;
    position: absolute;
    left: calc(60/375*100vw);
  }

  .bg-decoration-02 {
    background-image: url(/assets/img/bg-decoration-02-sp.png);
    margin-bottom: -20.6%;
    margin-top: -6%;
  }
}

@media (max-width: 600px){
  #about .about-content {
    font-size: 10px;
    /*font-size: 8px;*/
  }

  #about .title {
    font-size: 18px;
  }

  #about .description {
    font-size: 14px;
  }

  .ambassador-text {
    font-size: 16px;
  }

  .ambassador-text .ambassador-name {
    font-size: 14px;
  }

  .oomameda-wrapper {
    right: -5px;
  }

  #newstopics .section-title {
    top: -30px;
  }

  .list-news .list-link-wrapper {
    font-size: 12px;
    bottom: calc(24/375*-100vw);
  }

  #introduction .list-link-wrapper {
    font-size: 14px;
    left: calc(60/375*100vw);
  }
}

@media (max-width: 480px){
  .ambassador-text {
    font-size: 12px;
  }

  #about .description {
    font-size: 10px;
  }

  #about .img-wrapper.deco-01 {
    bottom: calc(94 / 750 * 100%);
    left: calc(123 / 750 * 100%);
    top: unset;
    /*width: calc( 213 / 750 * 100%);*/
    width: 106px;
  }

  #about .img-wrapper.deco-02 {
    bottom: calc(87 / 750 * 100%);
    right: calc(98 / 750 * 100%);
    top: unset;
    /*width: calc( 262 / 750 * 100%);*/
    width: 131px;
  }

  #about .img-wrapper.deco-03 {
    /*bottom: calc(78 / 750 * -100%);*/
    bottom: calc(120 / 750 * -100%);
    left: calc(73 / 750 * -100vw);
    /*width: calc( 357 / 1200 * 100%);*/
    width: 143px;
  }

  #about .img-wrapper.deco-04 {
    /*bottom: calc(126 / 750 * -100%);*/
    bottom: calc(156 / 750 * -100%);
    right: calc(136 / 750 * -100vw);;
    /*width: calc( 783 / 1200 * 100%);*/
    width: 313px;
  }

  .ambassador-text .ambassador-name {
    font-size: 10px;
  }

  .oomameda-wrapper {
    right: 15px;
  }
}


/* -------------------- 
/* header sp */
/* -------------------- */
.navbar-brand img {
  -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
       -o-transition: all .25s ease;
          transition: all .25s ease;
  max-width: 178px;
  width: calc(70/375*100vw);
}

.navbar-toggler {
  align-self: flex-start;
  /*margin-top: 0.5rem;*/
  margin-top: 0.625rem;
  padding: 0.25rem 1rem;
  z-index: 1;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  -webkit-transition: background-color .25s ease-in;
     -moz-transition: background-color .25s ease-in;
      -ms-transition: background-color .25s ease-in;
       -o-transition: background-color .25s ease-in;
          transition: background-color .25s ease-in;
  background-color: #fff;
  border-radius: 2px;
  height: 5px;
  margin: 12px 0;
  position: relative;
  width: 33px;
}

.navbar-toggler-icon:before,
.navbar-toggler-icon:after {
  -webkit-transition: all .25s ease-in;
     -moz-transition: all .25s ease-in;
      -ms-transition: all .25s ease-in;
       -o-transition: all .25s ease-in;
          transition: all .25s ease-in;
  background-color: #fff;
  border-radius: 2px;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
/*  width: 1.5em;*/
  width: 33px;
}

.navbar-toggler-icon:before {
  /*top: -8px;*/
  top: -13px;
}

.navbar-toggler-icon:after {
  /*top: 8px;*/
  top: 13px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-color: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
}

/* -------------------- */
/* single */
/* -------------------- */
#single {
  /*padding-top: 172px;*/
}

#single .heading {
  background-color: rgba(255,255,255,.85);
  padding-top: 14%;
}

#single.certified-garden .heading {
  /*padding-top: calc(777 / 1200 * 100%);*/
  /*padding-top: calc(823 / 1234 * 100%);*/
  padding-top: calc(3 / 4 * 100%);
}

body.single {
  background-image: url(/assets/img/bg-decoation-all.png);
  background-position: center 14%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-white-alpha {
  background-color: rgba(255,255,255,.85);
}

.decoration-us01 {
  bottom: 0;
  /*height: 70px;*/
  position: absolute;
  width: 100%;
}

.decoration-white-us01 {
  background-color: rgba(255,255,255,.85);
  bottom: 0;
  height: 70px;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.decoration-white-us01 img {
  width: 100%;
}

.bg-green-alpha {
  background-color: rgba(29,131,84,.6);
}

.news-heading {
  color: #1d8354;
  font-size: 31px;
}

.news-heading .info {
  margin-bottom: 46px;
}

.tag-list {
  display: inline-block;
  list-style: none;
  margin: 0;
}

.tag-list li {
  display: inline-block;
}

.tag-list li a {
  background-color: #4d94ff;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-size: 19px;
  height: 34px;
  line-height: 34px;
  min-width: 115px;
  pointer-events: none;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.news-body {
  padding: 42px 0 30px;
}

.news-body figure {
  margin-bottom: 40px;
  padding: 0 54px;
  width: 100%;
}

.news-body figure.wp-block-image img {
  border-radius: 83px;
  width: 100%;
}

.news-body p {
  color: #fff;
  font-size: 18px;
}

@media (min-width: 768px){
  nav.statics {
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
    /*background-color: rgba(255,255,255,.9);*/
  }

  nav.statics + .header-decoration {
    background-image: url(/assets/img/img-header-decoration-sub.png);
    /*display: none;*/
  }

  nav.statics .navbar-collapse {
    margin-top: 5px;
  }

  nav.statics .nav-link {
    /*color: #1d8454;*/
  }

  nav.statics .navbar-brand img {
    width: 80px;
  }
}

@media (min-width: 1001px){
  nav.statics .navbar-collapse {
    /*margin-top: 18px;*/
  }
}

/* 認証園一覧 */

#kvHeading .page-title {
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 65px;
  left: 50%;
  max-width: 385px;
  position: absolute;
  top: 50%;
  width: 40%;
}

#kvHeading .page-title img {
  width: 100%;
}

.page-template .heading {
  /*padding-top: 40.1%;*/
  padding-top: calc(823 / 1234 * 100%);
}

.page-template-page-certified-garden.page-template .heading,
.page-template-page-ambassador.page-template .heading,
.page-template-page-newstopics.page-template .heading {
  padding-top: calc(67 / 120 * 100%);
}

/*.page-template .content {*/
.page-template:not(.home) {
  background-image: url(/assets/img/bg-decoation-all.png);
  /*background-position: center top;*/
  background-position: center calc(823 / 1234 * 100vw);
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
}

.page-template .container {
  max-width: 978px;
  position: relative;
}

.page-template-page-certified-garden .container {
  padding: 0 30px;
}

.introduction-garden-list {
  list-style: none;
  margin-left: -20px;
  margin-right: -20px;
  padding: 0;
}

.introduction-garden-list-item {
  display: inline-block;
  margin-bottom: 40px;
  padding: 0 20px;
  position: relative;
}

.introduction-garden-list-item a {
  display: inline-block;
  text-decoration: none;
  width: 100%;
}

.introduction-garden-list-item .img-wrapper {
  position: relative;
}

.introduction-garden-list-item a > .img-wrapper > img {
  background-position: center 13px;
  background-repeat: no-repeat;
  background-size: calc(100% - 40px);
  width: 100%;
}

.introduction-garden-list-item .img-wrapper .img-garden {
  border-radius: 90px;
  left: 4.7%;
  overflow: hidden;
  position: absolute;
  /*top: 18px;*/
  top: 4%;
  width: 88%;
}

.introduction-garden-list-item .img-wrapper .img-garden img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#home .introduction-garden-list-item .img-wrapper .img-garden {
  border-radius: 50px;
}

#home .introduction-garden-list-item .img-wrapper img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.introduction-garden-info {
  text-align: center;
}

.page-template-page-certified-garden .introduction-garden-info {
  position: absolute;
  bottom: calc(50/1200*100vw);
  width: calc(100% - 40px);
}

.introduction-garden-info .label {
  color: #fff;
  border-radius: 16px;
  display: inline-block;
  font-size: 22px;
  height: 32px;
  line-height: 32px;
  margin: 0 6px 30px;
  vertical-align: top;
  width: 103px;
}

.label-kind {
  background-color: #e98b24;
}

.label-scale {
  background-color: #4d94ff;
}

.label-prefecture {
  background-color: #1d8354;
}

.introduction-garden-name {
  color: #1d8354;
  font-size: 27px;
}

.evaluation {
  /*left: 32px;*/
  left: 5.4%;
  position: absolute;
  top: -1px;
  width: 34.6%;
}


/* TOP変更箇所 */
.garden-list li.introduction-garden-list-item {
  width: 33.3333%;
}

.garden-list .evaluation {
  left: 8%;
  /*width: 110px;*/
  width: 34.6%;
}

.garden-list .introduction-garden-info .label {
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  margin: 0 4px 14px;
  width: 78px;
}

.garden-list .introduction-garden-name {
  font-size: 27px;
  margin-top: 12px;
}

.single-certified_garden {
  background-image: url(/assets/img/bg-decoation-all.png);
  background-position: center calc(823 / 1234 * 100vw);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #1d8354;
  line-height: 1.8;
}

.single-certified_garden .content {
  overflow: hidden;
  padding-bottom: 100px;
}

.gallery {
  padding-bottom: 26px;
}

.gallery [class^="col-"] {
  margin-bottom: 24px;
}

.gallery img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 38px;
  width: 100%;
}

.gallery img.selected {
  border: 5px solid #1d8354;
}

.garden-title {
  border-bottom: 1px solid #1d8354;
  font-size: 42px;
  margin-bottom: 20px;
}

.g-location {
  font-size: 31px;
}

.g-name {
  font-size: 36px;
}

.g-evaluation {
  font-size: 48px;
  vertical-align: middle;
}

.garden-introduction .container {
  display: flex;
}

.introduction-img,
.introduction-body {
  float: left;
}

.introduction-img {
  /*height: 309px;*/
  position: relative;
  width: 47%;
}

.introduction-img .img-wrapper {
  transform: translateY(-50%);
  border-radius: 50%;
  height: 0;
  overflow: hidden;
  padding-top: 110%;
  position: absolute;
  right: 55px;
  top: 50%;
  width: 110%;
}

.introduction-img .img-wrapper img {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.introduction-body {
  width: 53%;
}

.introduction-title,
.childcare-title {
  border-bottom: 1px solid #1d8354;
  font-size: 36px;
  margin-bottom: 20px;
}

.introduction-description {
  min-height: 150px;
}

.introduction-body a,
.childcare-images a {
  color: #1d8354;
  text-decoration: none;
}

.introduction-body a:hover,
.childcare-images a:hover {
  text-decoration: underline;
}

.childcare-body {
  width: 100%;
}

.childcare-images {
  font-size: 18px;
  padding: 0 50px;
  text-align: center;
}

.childcare-images .img-wrapper {
  margin-bottom: 24px;
  padding: 0 36px;
}

.childcare-images img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 65px;
}

@media (max-width: 991px){
  .garden-title {
    font-size: 32px;
    line-height: 1.4;
    padding-bottom: 10px;
  }

  .g-location {
    font-size: 24px;
  }

  .g-name {
    font-size: 32px;
  }

  .g-evaluation {
    font-size: 36px;
  }

  .introduction-title,
  .childcare-title {
    font-size: 28px;
  }

  .garden-introduction,
  .introduction-description,
  .childcare-description {
    font-size: 14px;
  }

  .introduction-garden-list-item .img-wrapper .img-garden {
    border-radius: 64px;
  }

  .introduction-garden-info .label {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 0 2px 20px;
    width: 86px;
  }

  .garden-list .introduction-garden-name {
    font-size: 18px;
  }
}

@media (max-width: 767px){
  .single-certified_garden .content {
    padding-bottom: 20px;
  }

  .garden-introduction .container {
    flex-direction: column;
  }

  .garden-childcare .container {
    flex-direction: column-reverse;
  }

  .introduction-img,
  .childcare-img {
    width: 100%;
  }

  .introduction-img .img-wrapper,
  .childcare-img .img-wrapper {
    transform: none;
    left: unset;
    margin: 0 auto;
    padding-top: 300px;
    position: relative;
    right: unset;
    width: 300px;
  }

  .introduction-body,
  .childcare-body {
    width: 100%;
  }

  .introduction-garden-list-item + .introduction-garden-list-item {
    margin-bottom: 20px;
  }

  .introduction-garden-list-item .img-wrapper .img-garden,
    #home .introduction-garden-list-item .img-wrapper .img-garden {
    border-radius: 90px;
  }

  .page-template-page-certified-garden .introduction-garden-info {
    bottom: calc(180/1200*100vw);
  }

  .introduction-garden-info .label {
    /*font-size: 24px;*/
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    margin: 0 6px 30px;
    /*width: 103px;*/
    width: 26%;
  }

  .introduction-garden-name {
    font-size: 27px;
  }
  
  .garden-list .introduction-garden-name {
    font-size: 14px;
  }

  #single .heading {
    padding-top: 100px;
  }

  .news-heading .info {
    margin-bottom: 23px;
  }

  .news-heading {
    font-size: 24px;
  }

  .tag-list li a {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    min-width: 96px;
  }

  .news-body figure {
    margin-bottom: 20px;
    padding: 0 8px;
  }

  .news-body figure.wp-block-image img {
    border-radius: 60px;
  }

  .news-body p {
    font-size: 16px;
  }

  .gallery img {
    border-radius: 16px;
  }

  .childcare-images img {
    border-radius: 32px;
  }
}

@media (max-width: 600px){
  .page-template-page-certified-garden .introduction-garden-info {
    bottom: calc(140/1200*100vw);
  }
}

@media (max-width: 480px){
  .introduction-garden-list-item .img-wrapper .img-garden {
    border-radius: 60px;
  }

  .page-template-page-certified-garden .introduction-garden-info {
    bottom: calc(100/1200*100vw);
  }

  .introduction-garden-info .label {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 0 2px 20px;
    /*width: 103px;*/
    width: 26%;
  }

  .introduction-garden-name {
    font-size: 18px;
  }
}
/*####################　News&Topics　####################*/
.news-list {
  margin-left: -31px;
  margin-right: -31px;
  padding-top: 54px;
}

.news-list [class^='col-'] {
  margin-bottom: 54px;
  padding-left: 31px;
  padding-right: 31px;
}

.news-list .news-list-item {
  background-image: url(/assets/img/bg-news-list-item.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  padding: 26px 48px 48px;
  text-align: center;
}

.news-list .news-list-item a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}

.news-list .news-list-item a:hover {
  opacity: .7;
}

.news-list .news-list-item .date {
  margin-bottom: 7px;
  font-size: 37px;
}

.news-list .news-list-item .img-wrapper {
  margin-bottom: 28px;
}

.news-list .news-list-item img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 10px solid #fff;
  border-radius: 54px;
  width: 100%;
}

.news-list .news-list-item .title {
  font-size: 29px;
}

.pager span,
.pager a {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 37px;
  line-height: 35px;
  margin: 0 4px;
  width: 37px;
}

.pager span {
  background-color: transparent;
  color: #fff;
}

.pager a {
  background-color: #fff;
  color: #1d8354;
  text-decoration: none;
}

.pager a:hover {
  opacity: .7;
}

.pager a.prev,
.pager a.next {
  display: none;
}

@media (max-width: 767px){
  .news-list {
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
  }

  .news-list [class^='col-'] {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .news-list .news-list-item .date {
    font-size: 24px;
  }

  .news-list .news-list-item .img-wrapper {
    margin-bottom: 14px;
  }

  .news-list .news-list-item .title {
    font-size: 20px;
  }
}

@media (max-width: 480px){
  .news-list .news-list-item {
    /*padding: 13px 24px 24px;*/
    padding: 28px 24px 52px;
  }
}

/*####################　ambassador　####################*/
.ambassador-heading .container {
  align-items: center;
  display: flex;
}

.ambassador-heading-image {
  flex: 0 0 248px;
  margin-right: 84px;
}

.ambassador-heading-description {
  color: #1d8354;
  display: inline-block;
  float: left;
  font-size: 18px;
}

.ambassador-list-title {
  color: #fff;
  font-size: 53px;
  text-align: center;
}

.ambassador-list.row {
  margin-left: 0;
  margin-right: 0;
}

.ambassador-list-item {
  background-image: url(/assets/img/bg-ambassador-item.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #1d8354;
  font-size: 18px;
  margin-bottom: 63px;
  margin-top: 109px;
  padding: 138px 70px 64px 63px;
  position: relative;
  width: calc(50% - 36px);
}

.ambassador-list-item:nth-child(even) {
  margin-left: 72px;
}

.ambassador-list-item .img-wrapper {
  position: absolute;
  top: -109px;
  width: 179px;
}

.ambassador-list-item .ambassador-name {
  font-size: 22px;
  margin-bottom: 24px;
}

@media (max-width: 991px){
  .ambassador-list-item {
    width: calc(50% - 8px);
  }

  .ambassador-list-item:nth-child(even) {
    margin-left: 16px;
  }
}

@media (max-width: 767px){
  .ambassador-heading .container {
    flex-direction: column;
  }

  .ambassador-heading-image {
    flex: 0 0 124px;
    margin-right: 0;
    width: 124px;
  }

  .ambassador-heading-description {
    font-size: 16px;
  }

  .ambassador-list-title {
    font-size: 24px;
  }

  .ambassador-list.row {
    margin-left: 0;
    margin-right: 0;
  }

  .ambassador-list-item {
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
  }

  .ambassador-list-item:nth-child(even) {
    margin-left: 0;
  }

  .ambassador-list-item .img-wrapper {
    /*top: -55px;*/
    /*width: 90px;*/
  }

  .ambassador-list-item .ambassador-name {
    font-size: 18px;
  }
}

.fab {
  bottom: 32px;
  position: fixed;
  right: -17px;
  width: 164px;
}
.fab img {
  width: 100%;
}
.fab.fab-seminar {
  bottom: 170px;
}
@media screen and (max-width: 480px) {
  .fab {
    bottom: 16px;
    right: -8px;
    width: 102px;
  }
  .fab.fab-seminar {
    bottom: 102px;
  }
}

/*####################　フッタ　####################*/
#Footer{
  background-color: transparent;
  background-repeat: repeat-x;
  background-size: 660px auto;
  border-top: 0!important;
  margin:0 auto;
  text-align: center;
}

.home #Footer,
.page-template-page-ambassador #Footer {
  background-color: #48ac58;
  margin-top: -1px;
}

#PageOuchien #Footer{
  background-color: #fff8f3;
}

@media print, screen and (min-width: 1015px) {
  #Footer{
    background-image: none!important;
  }
}

@media screen and (max-width: 1014px) {
  #Footer{
    background-image: none!important;
  }
}

#Footer .pagePcTop,
#Footer .pageSpTop{
  background-color: rgba(228, 228, 228, .8);
  background-image: url(/assets/img/arrow_01.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: none;
  position: fixed;
  z-index: 500;
}

#Footer .contBox01 h2{
  margin: 0 auto;
  width: 140px;
}

#Footer .contBox01 h2 a{
  background: url(/assets/img/logo_SE.png) no-repeat center center;
  background-size: 140px auto;
  display: block;
  height: 60px;
  text-indent: -9999px;
}

#Footer .contBox01 address + a{
  background: url(/assets/img/icon_02.png) no-repeat left center;
  background-size: 11px auto;
  display: inline-block;
}

#Footer .contBox02 {
  background-color: #1d8354;
  margin-bottom: -10px;
  padding: 17px 0;
}


#Footer .contBox02 h2{ 
  display: none;
}

#Footer .contBox02 small{
  color: #fff;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}

#Footer .pagePcTop{
  background-size: 18px auto;
  bottom: 90px;
  height: 60px;
  right: 10px;
  width: 60px;
}

#Footer .pageSpTop{
  display: none !important;
}

#Footer .innerBasic{
  background-color: transparent;
  border-radius: 0;
  max-width: 100%;
  padding: 41px 0 10px;
  width: 100%;
}

#Footer .contBox01{
  margin-bottom: 87px;
}

#Footer .contBox01 h2{
  margin-bottom: 14px;
}

#Footer .contBox01 address{
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 3px;
}

#Footer .contBox01 address + a{
  color: #1d8354;
  font-size: 12px;
  padding-left: 17px;
}

#Footer .contBox02 small{
  font-size: 12px;
}

@media screen and (max-width: 1014px) {
  #Footer .pageSpTop{
    background-size: 14px auto;
    bottom: 77px;
    height: 45px;
    right: 5px;
    width: 45px;
  }

  #Footer .pagePcTop{
    display: none !important;
  }

  #Footer .innerBasic{
    padding-bottom: 7px; 
    padding-top: 39px; 
  }

  #Footer .contBox01{
    margin-bottom: 73px;
  }

  #Footer .contBox01 h2{
    margin-bottom: 14px;
  }

  #Footer .contBox01 address{
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 8px;
  }

  #Footer .contBox01 address + a{
    font-size: 13px;
    padding-left: 17px;
  }

  #Footer .contBox02 small{
    font-size: 13px;
    letter-spacing: 0.1em;
  }
}

/*end*/