* {
  box-sizing: border-box;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
}

.container_sub_page {
  max-width: 1670px;
  margin: 0 auto;
}

.row {
  margin: 0;
  padding: 0;
 /*  justify-content: space-around; */
}

.object-fit-cover {
  object-fit: cover;
}

.header .block-logo a h2 {
  font-weight: bold;
  margin: 6px 0 0 20px;
}

.header .menu ul li a {
  color: black;
}

.header .menu ul li a.active {
  background: #8acd32;
  border-radius: 19px;
  color: #fff;
  text-shadow: 0 0 2px #5a9f00;
  transform-style: flat;
}

.size {
  position: relative;
}

.con-item {
  display: flex;
}

.con-item .side-top {
  background-color: #8caa6e !important;
  justify-content: center !important;
  position: relative;
  width: 150px;
  height: 554px;
}

.con-item .size .rowright {
  width: 978px;
  display: flex;
  margin: 0 15px;
}

.con-item .size .site-block-buttom {
  width: 1004px;
}

.con-item .size .rowright-buttom {
  display: flex;
  margin-left: 104px;
}

.con-item .size .hr-style-border {
  position: absolute;
  top: 38.6%;
  width: 100%;
  z-index: -999;
  border-top: 2px solid rgb(30, 28, 28);
}

.con-item .size .hr-style-border-buttom {
  position: absolute;
  top: 58.6%;
  width: 100%;
  z-index: -999;
  border-top: 2px solid rgb(30, 28, 28);
}

.con-item .size {
  display: block;
  clear: both;
}

.con-item .center-block {
  width: 202px;
  height: 149px;
  margin: 0 15px;
}

.con-item .center-block img {
  width: 100%;
}

.con-item .size-top {
  position: relative;
}

.con-item .size-buttom {
  position: relative;
}

.con-item .size-buttom .rowright-buttom .center-block {
  width: 167px;
}

.con-item .size-buttom .rowright-buttom .center-block img {
  width: 100%;
}

.con-item .size .site-block-buttom .textt-title {
  margin-bottom: 31px;
}

.con-item .size .site-block-buttom .block-buttom {
  margin-top: 43px;
}

.con-item .size .site-block-buttom .border-relate {
  position: relative;
}

.con-item .size .site-block-buttom .border-relate .hr-style-border-buttom {
  top: 65px;
}

.con-item .center-block {
  position: relative;
}

.con-item .rowright {
  position: relative;
}

.con-item .center-block .text {
  text-align: center;
  color: #fff;
  font-size: 18px !important;
}

.textzsides {
  position: absolute;
  top: 240px;
  right: 0;
  left: 0;
  font-size: 24px !important;
  font-weight: 400 !important;
  color: #fff !important;
}

.textbycar {
  font-size: 36px !important;
  font-weight: 600 !important;
  margin-bottom: 55px;
}

.text1hour {
  font-size: 18px !important;
  margin-top: 25px;
}

.text1hour {
  margin-top: 35px;
}

.text-title-two {
  font-size: 36px;
  font-weight: bold;
  margin: 65px 0;
}

.filelinkbg {
  background-color: #bebebe;
  border: none;
  padding: 10px;
  color: #fff;
}

.filelinkbg {
  background-color: #bebebe;
  border: none;
  padding: 10px;
  color: #fff;
}

.firstimg {
  margin-left: 10px !important;
}

.access {
  display: flex;
  align-items: center;
}

.access map {
  width: 100%;
  height: 600px;
  border: 0;
}

.privacy-banner {
  background: url("../img/POST.png");
  height: 600px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

ul,
li,
i {
  size: 30px;
}

.topmap-title {
  text-align: center;
  margin-top: 29px;
  padding-bottom: 19px !important;
}

.banner-caption {
  position: absolute;
  padding-top: 15%;
  padding-left: 45%;
  color: #fff;
}

.sytle_para {
  line-height: 29px !important;
}

.header a h2 {
  font-weight: bold;
  margin: 4px 0 0 10px;
  font-size: 26px;
}

.header ul li {
  margin-bottom: 6px;
}

.header ul li a {
  color: #3b4043;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  padding: 10px 15px;
  transition: 0.3s ease-in-out;
  border: 1px solid transparent;
}

.header ul li a:hover {
  color: #465f44;
  border-bottom-color: #3d583b;
}

.header ul li a.active {
  background: #3d583b;
  border-radius: 19px;
  color: #fff;
  text-shadow: 0 0 2px #000000;
  transform-style: flat;
  padding-left: 25px;
  padding-right: 25px;
}

.header ul li a.active:hover {
  color: #fff;
  background: #157347;
  box-shadow: 1px 1px 3px #000;
}

.main-body .body-img {
  position: relative;
}

.main-body .body-img > img {
  width: 100%;
  height: auto;
}

.main-body .body-img .btn-play {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.card .card-body {
  margin: 0 !important;
  padding: 0 !important;
}

.card .card-text {
  margin-top: -8px !important;
}

.youtube_link .block-img p {
  margin: 0;
}

.content-pdf .container .card {
  position: relative;
}

.content-pdf .container .card .card-img-overlay {
  position: absolute;
  right: 0;
  left: 0;
  top: -396px;
  bottom: 0px;
  margin: auto;
  padding: 0;
  border-radius: calc(0.25rem - 1px);
}

.content-pr-movie .container {
  padding: 0;
}

h1.card-title {
  font-size: 36px;
  font-weight: bold;
  margin: 60px 0;
}

h5.informa-title a{
    font-size: 18px;
    margin: 5px 0;
    color: #fff !important;
    text-shadow: 2px 2px 3px #001;
}

.youtube_link h2,
.content-related-links h2,
.content-photo-gallery h2,
.content-pr-movie h2,
.content-agriculture h2,
.content-culture-nature h2,
.content-play-experience h2,
.content-food-lodging h2,
.baody-content .content-pdf h2,
.baody-content .card-body h2,
.baody-content .card-body h2 a {
  color: #3b4043;
  font-size: 36px;
  /* margin: 0 0 50px 0px; */
  padding: 0;
  font-weight: bold;
  line-height: 58px;
}

.style-line .card-title-style h2 {
  text-align: center;
  margin: 0px auto;
  font-size: 36px;
  font-weight: bold;
}

.style-line .card-title-style p {
  font-size: 18px;
}

.sub-content .incontent-right .card-body {
  margin: 0 !important;
}

.sub-content .incontent-right .card-body p {
  line-height: 35px;
}

.privacy-policy .container .row h2,
.sub-agriculture .incontent-right h2,
.sub-content .incontent-right .card-body h2,
.sub-fun-experience .incontent-right h2,
.baody-content .card-body h3,
.baody-content .card-body h5 {
  font-size: 30px;
  /* margin: 0px 0 32px 0; */
  padding: 0;
  line-height: 35px;
  font-weight: 500;
}

.privacy-policy .container .row h2 {
  font-weight: bold;
}

.privacy-policy .container p,
.privacy-policy .container .row p {
  line-height: 35px;
  font-size: 18px;
}

.content-related-links p,
.content-photo-gallery p,
.content-pr-movie p,
.content-agriculture p,
.content-culture-nature p,
.content-play-experience p,
.content-food-lodging p,
.baody-content .card-body p {
  font-size: 18px;
  line-height: 35px;
  color: #3b4043;
}

.link-more {
  margin: 60px 0;
  text-align: center;
}

.link-more a {
  color: #fff;
  background-color: #3d583b;
  border-color: #4d5a4c;
  font-size: 18px;
  padding: 12px 100px;
}

.content-pr-movie .card .items {
  width: 100%;
  margin: 0px auto;
  /* margin-top: 50px; */
}

.container .block-article {
  margin: 0px 0 0px;
}

.baody-content .card .block-img {
  width: 50%;
  margin: auto;
  position: relative;
  overflow: hidden;
  width: 93%;
  height: 610px;
}

.baody-content .card .block-img img {
  width: 100%;
}

.baody-content .sub-content,
.baody-content > .content-pdf .card,
.baody-content > .container > .card {
  border: 0px solid rgba(0, 0, 0, 0.125);
}

.content-play-experience .row .card,
.content-food-lodging .row .card,
.content-pdf .card .row .card {
  max-width: 341px;
}

.baody-content .youtube_link .card,
.baody-content .sub-fun-experience,
.baody-content .sub-accommodation,
.baody-content .content-related-links .card,
.baody-content .content-photo-gallery .row .card,
.baody-content .content-pr-movie .card,
.baody-content .content-pdf .card-img-overlay .card,
.baody-content .content-food-lodging .container .row .card,
.baody-content .content-agriculture .container .card,
.baody-content .content-culture-nature .container .card,
.baody-content .content-play-experience .container .row .card {
  margin: auto;
  padding: 0;
  border: none !important;
  background: none !important;
}

.baody-content .content-pdf .card-img-overlay .card img,
.baody-content .content-food-lodging .container .row .card img,
.baody-content .content-culture-nature .container .card img,
.baody-content .content-agriculture .container .card img,
.baody-content .content-play-experience .container .row .card img {
  width: 100%;
}

.content-photo-gallery .container .block-article {
  padding: 0 33px;
}

.content-photo-gallery .container .block-article .card {
  padding-bottom: 0px !important;
}

.content-related-links .container .block-article .card,
.content-agriculture .container .block-article .card,
.content-culture-nature .container .block-article .card {
  padding: 0 44px;
}

.baody-content .content-pr-movie {
  background: #8caa6e;
  padding: 20px 0 55px;
}

.carousel-item {
  width: 30%;
  margin-right: 10%;
}

.footer {
  background-color: #3d583b;
  /* height: 621px; */
  height: auto;
  color: #fff;
  padding: 138px;
  position: relative;
  margin-top: 143px !important;
}

.footer .container_sub_page .row .social-media {
  float: right;
  margin-top: 0;
  margin-bottom: 0;
}

.footer .container_sub_page .row .social-media li {
  margin: 2px;
  display: inline-block;
}

.footer .container_sub_page .row .social-media li a {
  font-size: 37px;
  color: #fff;
  padding: 5px;
}

.footer .container_sub_page .row .social-media li a:hover {
  color: rgb(212, 212, 212);
}

.footer .footer-content .row h4 {
  margin-bottom: 24px;
}

.footer .footer-content .row p {
  font-size: 18px;
  line-height: 21px;
}

.footer .footer-content .row .row ul li {
  width: 27%;
  margin-right: 14px;
  margin-bottom: 5px;
  display: inline-block;
}

.footer ul {
  margin-bottom: 0px;
  margin-top: -46px;
}

.footer .footer-content .row .row ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  display: block;
  padding: 2px;
  line-height: 35px;
  border-bottom: 2px solid rgb(227, 227, 227);
}

.footer > .fsocial {
  flex-wrap: nowrap;
  text-align: right;
  position: fixed;
  right: 83px;
  bottom: 30px;
}
.footer > .fsocial .social-media li {
  display: inline-block;
  margin: 2px;
  display: inline-block;
}
.footer > .fsocial .social-media li a {
  font-size: 37px;
  color: #3d583b;
  padding: 5px;
 /* text-shadow: 0 0 4px #3d583b; */
}
.footer > .fsocial .social-media li a img {
  margin-top: -7px;
 /* box-shadow: 0 0 4px #3d583b;
  background: #819d7f;
  border-radius: 50%; */
}

/* sub content food and accommodation */
.sub-body .carousel-caption {
  width: 100% !important;
  left: 118% !important;
  top: 50% !important;
}

.sub-body .carousel-caption p,
.sub-body .carousel-caption h2 {
  text-shadow: 0 0 3px black;
}

.sub-body .carousel-caption p {
  font-size: 20px !important;
}

.style-line {
  border-bottom: 2px solid #a7a7a7;
  margin: 15px 0 43px 4px;
  position: relative;
  width: 98.5% !important;
  display: none;
}

.style-line .card-title-style {
  background: #fff;
  width: 10%;
  display: flex;
  position: absolute;
  left: 45%;
  bottom: -17px;
}

.sub-accommodation .incontent-right h4 {
  font-weight: normal;
  margin-bottom: 22px;
}

.sub-accommodation .incontent-right p {
  line-height: 35px;
  font-size: 18px;
  margin: 0px !important;
}

.sub-accommodation .incontent-right h6 {
  margin: 0px;
}

.sub-accommodation .incontent-right .card-body {
  position: relative;
}

.sub-accommodation .incontent-right .card-body h3 {
  font-size: 30px;
  margin: 0 0 32px 0;
}

.sub-accommodation .incontent-right .social-link ul li {
  display: inline-flex;
}

.sub-accommodation .incontent-right .social-link ul li a {
  color: #19784c;
  font-size: 22px;
  margin-left: 13px;
}

/* scroll to top */
#btnScrollToTop {
  display: none;
  position: absolute;
  right: 20px;
  top: -114px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 9;
  background-color: #3d583b;
  box-shadow: 0 0 10px rgb(74 90 83);
  border: 0;
}

#btnScrollToTop i {
  color: #fff;
  font-size: 18px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  z-index: 99;
}

.baody-content .sub-fun-experience .inimg-left img {
  width: 100%;
}

.sub-accommodation .incontent-right .text-description,
.sub-content .incontent-right .text-description,
.sub-agriculture .incontent-right .text-description {
  padding-right: 107px;
  margin: 30px 0;
}

.sub-agriculture .incontent-right .social-link {
  bottom: 54%;
}

.content-pr-movie .container .card .card-body p {
  color: rgb(0, 0, 0);
}

.content-pr-movie .carousel-indicators {
  bottom: -55px;
}

.content-pr-movie .carousel-control-prev {
  left: -157px;
  color: rgb(255, 255, 255) !important;
}

.content-pr-movie .carousel-control-next {
  right: -157px;
}

.content-related-links .card-title a,
.content-photo-gallery .card-title a,
.content-pr-movie .card-title a,
.content-culture-nature .card-title a,
.content-play-experience .card-title a,
.content-food-lodging .card-title a,
.content-pdf .card-title a,
.content-agriculture .card-title a {
  color: #000 !important;
}

.sub-fun-experience .other-info p {
  color: #6c757d;
  font-size: 14px;
}

.row {
  margin: 0;
  padding: 0;
  justify-content: space-around;
}

.header .block-logo a h2 {
  font-weight: bold;
  margin: 6px 0 0 20px;
}

.header .menu ul li a {
  color: #3d583b;
}

.header .menu ul li a.active {
  background: #3d583b;
  border-radius: 19px;
  color: #fff;
  text-shadow: 0 0 2px #3b5844;
  transform-style: flat;
}

/* Start hr */

.access {
  display: flex;
  align-items: center;
}

.access map {
  width: 100%;
  height: 600px;
  border: 0;
}

.privacy-banner {
  background: url("../img/POST.png");
  height: 600px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.banner-caption {
  position: absolute;
  padding-top: 15%;
  padding-left: 45%;
  color: #fff;
}

.sytle_para {
  line-height: 29px !important;
}

.container.my-5.mb-5 .row h2.card-title {
  font-size: 30px !important;
}

.text-description p {
  margin: 5px 0;
}

.social-address * {
  font-size: 16px;
  line-height: 35px;
}

.youtube_description,
.text-discraption {
  margin: -6px 0 50px 0;
}

.membership .block-article {
  margin: 0px;
  padding: 0;
}

.membership header {
  margin: 50px 0;
}

.membership .block-article header h1 {
  font-size: 36px;
}

.membership .block-article div.card-title h2 {
  font-size: 30px;
  font-weight: bold;

  margin-top: 50px;
}

.membership .block-article div.card-title {
  margin-bottom: 0;
}

.membership .block-article div div.sub-title {
  margin-top: 35px;
}

.membership .block-article div div.sub-title p {
  margin: 0px;
  font-size: 18px;
}

.membership .block-article div.text-description {
  margin: 35px 0;
  line-height: 35px;
}

.membership .block-article div.member-footer {
  text-align: right;
}

.news-letter .text-description p a {
  text-decoration: none;
  color: #000;
  font-size: 17px;
}

.block-member-list {
  margin: 45px 0 0px 0;
  padding: 20px 50px;
  border: 2px solid #000;
}

article.block-member-list ol {
  margin: 0;
  padding: 10px;
}

.block-member-list ol > li {
  font-size: 18px;
  font-weight: 600;
  display: list-item;
  padding: 16px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #000;
}

.block-member-list ol li::marker {
  font-size: 20px;
  line-height: 25px;
}

.block-member-list ol li ul {
  padding-left: 195px;
  margin-top: -27px;
  vertical-align: top;
}

.block-member-list ol li ul li {
  font-size: 15px;
  display: revert;
  font-weight: normal;
  line-height: 25px;
}

.block-member-list ul li ul li {
  font-size: 14px;
  font-weight: normal;
}

.block-member-list ol.no-border li {
  border-bottom: 0px solid #000;
}

.block-member-list .no-border .contact_information ul li i {
  background: #000;
  color: #fff;
  width: 16px;
  height: 16px;
  justify-content: inherit;
  border-radius: 50%;
}

.fa-greater-than:before {
  content: "\3e";
  font-size: 8px;
  margin: 0px 0px 0 5px;
  vertical-align: middle;
}

.block-member-list .no-border .contact_information_link ul {
  margin: 10px auto;
  width: 72%;
  padding-left: 139px !important;
}

.block-member-list .no-border .contact_information_link ul li {
  margin: 16px 0;
}

.block-member-list .no-border .contact_information_link ul li a {
  text-decoration: none;
  background: #333232;
  color: #fff;
  padding: 7px 100px;
  display: block;
  text-align: center;
}

.block-member-list
  .no-border
  .contact_information_link
  ul
  li:first-child
  a:hover {
  background: #ddd;
  color: #000;
}

.block-member-list
  .no-border
  .contact_information_link
  .fa-greater-than:before {
  font-size: 17px;
  margin: 0px 0px 0 35px;
}

.have-border {
  width: 100%;
}

.have-border li {
  width: 100%;
  font-weight: 600;
}

.have-border li ul.inline-style li {
  display: inline;
  margin-right: 30px;
}

.have-border li div div ul {
  margin-left: -146px;
  margin-top: 32px;
  vertical-align: top;
}

.have-border li div div ul li a {
  color: #000;
}

.have-border li ul li {
  display: list-item !important;
  margin-bottom: 0;
}

.have-border li ul li p {
  margin-bottom: 0;
  padding: 0;
}

.contact_information_link {
  text-align: center;
  margin: 0 auto;
}

.contact_information_link ol li ul {
  padding-left: 0px;
}

.have-border li ul.role-member-list > ul {
  list-style: none;
  display: block;
}

.block-member-list ol li > ul.role-member-list {
  list-style: none;
  padding-left: 0px;
  margin-left: 10px !important;
}

.block-member-list ol li ul.role-member-list > li {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  margin: 35px 0 10px 0px;
}

.block-member-list ol li ul.role-member-list > li ul {
  display: block !important;
  visibility: visible;
  margin-top: 5px;
  padding-bottom: 10px !important;
  margin-left: -160px;
}

.block-member-list ol li ul.role-member-list > li ul li a {
  color: #000;
  vertical-align: text-bottom;
}

li.list-parent {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

li.list-parent > ul {
  padding-left: 0 !important;
  margin-top: 0 !important;
}

.about-us ol {
  border: 2px solid #000;
  padding: 10px 50px !important;
}

.about-us header {
  margin: 50px 0;
}

.about-us .about-us-list ol > li {
  font-size: 18px;
  font-weight: 600;
  padding: 4px 0;
  /* border-bottom: 1px solid #000; */
}

.about-us .about-us-list ol > li ul li {
  font-weight: 400;
  font-size: 16px;
}

.about-us .about-us-list ol li ul {
  margin: 0 0 0 15px !important;
  padding: 0 !important;
}

.about-us .about-us-list .about-content-list {
  width: 60%;
  margin: 10px auto !important;
  text-align: center;
}

.about-us .about-us-list .about-content-list li.about-us-group .content-list {
  border: 1px solid #302f2f;
  padding: 20px !important;
  margin-bottom: 20px;
}

.about-us .about-us-list .about-content-list li.about-us-group h1 {
  margin: 20px 0 !important;
}

.about-us .about-us-list .about-content-list li.about-us-group h5 {
  font-weight: 600;
}

.about-us .about-us-list .about-content-list li.about-us-group .content-list {
  text-align: left;
}

.about-us .about-us-list .content-address {
  width: 82%;
  margin: auto;
}

.about-us .blok-justity {
  width: 55%;
  margin-left: 8%;
  margin-top: 3%;
}

.block-youtube-link .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  /* padding: 0 10px 0 85px !important; */
}

.block-youtube-link .media.gd-primary {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.block-youtube-link .media-wrap {
  margin-left: 15px;
  margin-right: 15px;
}

.block-youtube-link .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .block-youtube-link .media-wrap {
    margin-left: 10px;
    margin-right: 10px;
  }

  .block-youtube-link .media.gd-primary iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .block-youtube-link .media.gd-primary iframe {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 56.25vw;
  }
}

.baody-content .youtube_link .card .block-img,
.baody-content .content-food-lodging .container .row .card,
.baody-content .content-play-experience .container .row .card {
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

#sb_instagram {
  padding-bottom: 0 !important;
}

.wrapper_igfeed {
  margin: -10px 0 !important;
}

.text-discraption .text-center.my-5 {
  margin: 0 !important;
}
.tel-descriptions p span {
  white-space: nowrap;
}
.header h2 span {
  white-space: nowrap;
}
.header h2 span.page-title-jp {
  font-size: 14px;
  font-weight: 600;
  margin-left: 10px;
  vertical-align: middle;
}

.xsocial{
  margin-bottom: 7px;
}