@charset "utf-8";
body {
  height: 100%;
}
.head-nav {
  padding: 0px 0 20px 0;
}
/* top */
header.home {
  background: url("../images/headbg.png") top center no-repeat;
  background-size: cover;
  height: 1000px;
}
.head-catch {
  position: relative;
}
.head-catch-1 {
  width: 60px;
  position: absolute;
  top:100px;
  left: 300px;
}
.head-catch-2 {
  width: 60px;
  position: absolute;
  top:100px;
  left: 200px;
}
.head-catch-3 {
  width: 60px;
  position: absolute;
  top:100px;
  left: 100px;
}
.top-sub-nav {
  margin-top: -260px;
/*  background: url("../images/top_nav_bg.png") top center no-repeat;*/
  box-sizing: border-box;
  height: 490px;
  padding: 210px 0 0;
  text-align: center;
  position: relative;
  z-index: 10;
}
.tsn-bg1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 5;
}
.tsn-bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 6;
}
.tsn-bg3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 7;
}
.tsn-bg4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 8;
}
ul.top-sn-li {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 0px 80px;
  margin-bottom: 40px;
  z-index: 10;
}
ul.top-sn-li li {
  z-index: 11;
}
.top-down-arrow {
  z-index: 12;
  position: relative;
}
.top-news-sec {
  background: url("../images/top_news_bg_01.png") top center no-repeat;
  background-color: #97d2b6;
  padding-top: 130px;
  z-index: 13;
  position: relative;
}
.top-news-title {
  text-align: center;
}
.top-news-wrap {
  width: 1280px;
  max-width: 90%;
  margin: 0px auto 0px auto;
  padding-bottom: 0px;
}
.top-news-wrap ul.top-news-li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 3%;
}
.top-news-wrap ul.top-news-li li {
  background-color: #3d8238;
  border-radius: 20px 20px 0 0;
  width: 22%;
  padding-bottom: 10px;
}
.top-news-wrap ul.top-news-li li img {
  border-radius: 20px 20px 0 0;
}
.post-thumb img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/0.7;
}
.top-news-wrap ul.top-news-li li h3 {
  color: #ffffff;
  font-weight: 300;
  font-size: 90%;
  padding: 0px 15px 10px 15px;
  background-color: #3d8238;
}
.top-news-wrap ul.top-news-li li p {
  color: #ffffff;
  font-size: 90%;
  padding: 10px 15px 5px 15px;
}
.top-news-wrap ul.top-news-li li h3 a ,
.top-news-wrap ul.top-news-li li h3 a:link ,
.top-news-wrap ul.top-news-li li h3 a:visited ,
.top-news-wrap ul.top-news-li li h3 a:active {
  color: #ffffff;
  text-decoration: none;
}

ul.top-news-li {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 20px 40px;
  margin-bottom: 40px;
  margin-top: 80px;
}
ul.top-news-li li h3 {
  font-weight: 300;
}
ul.top-news-li li img {
  border-radius: 15px;
}
.top-news-more {
  background: url("../images/top_news_bg_03_b.png") bottom center no-repeat;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 110px;
}
.top-about-sec {
  padding: 40px 0 30px 0;
}
.top-about-title {
  text-align: center;
  margin-bottom: 90px;
}
.top-about-ippo {
  text-align: center;
  margin-bottom: 60px;
}
.top-about-arti {
  background: url("../images/top-about-bg.jpg") bottom center no-repeat;
  padding: 90px 0 120px;
}
.top-about-arti p {
  text-align: center;
  margin-bottom: 40px;
  font-size: 120%;
  letter-spacing: 0.1em;
  color: #ffffff;
  line-height: 240%;
}
.top-about-more {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
}
.top-eat-sec {}
.top-eat-wrap {
  background: url("../images/top_eat_bg.png") top right no-repeat;
  padding-left: 160px;
}
h3.top-eat-title {
  width: 120px;
  float: left;
}
.top-eat-box {
  width: calc(100% - 180px);
  float: right;
  margin-top: 180px;
}
.top-eat-txt {
  width: calc(100% - 900px);
  float: left;
  padding-top: 40px;
}
.top-eat-img {
  width: 854px;
  float: right;
}
.top-eat-img img {
  border-radius: 60px 0 0 60px;
}
.top-eat-txt h4 {
  font-size: 24pt;
  color: #ffffff;
  margin-bottom: 30px;
  padding: 0px;
  line-height: 100%;
}
.top-eat-txt h4 span {
  background-color: #3d8238;
}
.top-eat-txt p {
  font-size: 18pt;
  color: #3d8238;
  line-height: 250%;
  margin-bottom: 40px;
}
.top-eat-ex {
  float: left;
  padding-top: 50px;
  padding-left: 70px;
  background: url("../images/top_eat_ex_bg.png") top left no-repeat;
  background-position: left 0px top 0;
  margin-top: -220px;
}
.top-eat-ex-txt {
  margin-top: 30px;
}
.top-eat-ex-txt p {
  font-size: 16pt;
  color: #3d8238;
  line-height: 250%;
}
.top-eat-ex-img {
  display: flex;
  gap: 20px 30px;
  margin-top: 30px;
  margin-bottom: 90px;
}
.top-eat-ex-img div img {
  border-radius: 30px;
}
.top-shopping-sec {
  background: url("../images/top_buy_bg.png") top left no-repeat;
  margin: 90px auto 90px;
}
.top-shopping-wrap {
  margin: 0px auto;
  width: 1500px;
  max-width: 92%;
  padding-top: 20px;
}
h3.top-shopping-title {
  width: 120px;
  float: right;
}
.top-shopping-txt {
  width: calc(100% - 180px);
  float: left;
  margin-top: 200px;
}
.top-shopping-txt h4 {
  font-size: 24pt;
  color: #ffffff;
  margin-bottom: 30px;
  padding: 0px;
  line-height: 100%;
}
.top-shopping-txt h4 span {
  background-color: #3d8238;
}
.top-shopping-txt p {
  font-size: 18pt;
  color: #3d8238;
  line-height: 250%;
  margin-bottom: 40px;
}
/*
.top-shopping-img {
  display: flex;
  gap: 20px 0px;
  padding-top: 80px;
  padding-bottom: 190px;
}
*/
.top-shopping-img {
  display: -webkit-flex;
  display: flex;
  height: auto;
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 190px;
}

.top-shopping-img > * {
  width: 33.333333%;
  height: auto;
}
.top-hungout-sec {
  margin: 90px auto 90px;
}
.top-hungout-wrap {
  padding-left: 107px;
}
.top-hungout-intro {
  background: url("../images/top_play_bg_01.png") top right no-repeat;
  background-color: #3d8238;
  padding: 60px 100px 10px 100px;
}
.top-hungout-intro-txt {
  width: calc(100% - 280px);
  float: right;
  margin-top: 130px;
}
h3.top-hungout-title {
  width: 120px;
  float: left;
}
.top-hungout-intro-txt h4 {
  font-size: 24pt;
  color: #ffffff;
  margin-bottom: 30px;
  padding: 0px;
  line-height: 100%;
}
.top-hungout-intro-txt h4 span {
  background-color: #3d8238;
}
.top-hungout-intro-txt p {
  font-size: 18pt;
  color: #3d8238;
  line-height: 250%;
  margin-bottom: 40px;
}
.top-hungout-value {
  background: url("../images/top_play_bg_03.png") bottom right no-repeat;
  background-color: #3d8238;
  padding: 0px 100px 60px 100px;
}
.top-hungout-value-txt {
  width: calc(100% - 750px);
  float: left;
}
.top-hungout-value-img {
  width: 750px;
  float: right;
  text-align: right;
  margin-bottom: 30px;
}
.top-hungout-value-txt dl {
  border-bottom: #3d8238 1px dashed;
  margin: 40px auto 40px;
}
.top-hungout-value-txt dl dt {
  font-size: 18pt;
  color: #3d8238;
  line-height: 200%;
  margin-bottom: 20px;
  background: url("../images/top_hungout_li.png") center left no-repeat;
  padding-left: 50px;
}
.top-hungout-value-txt dl dd {
  font-size: 16pt;
  color: #3d8238;
  line-height: 200%;
  margin-bottom: 20px;
}
.top-hungout-more {
  text-align: center;
}
.top-hungout-value-img img {
  border-radius: 60px;
}
.top-access-title {
  text-align: center;
  background: url("../images/top_access_st_bg.png") bottom no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}
.top-access-link {
  text-align: center;
  padding: 60px;
  background-color: #97d2b6;
}