<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*$btn-request-off-color:*/
/*#9e7013*/
/*#BD8617;*/
/*$btn-request-on-color:#db9b1a;*/
/*$btn-reserve-off-color:#9c9e73;
$btn-reserve-on-color:#b5b886;*/
.mainvisual .copy {
  max-width: 600px; }

.maincopy .txt-s {
  font-size: 1.4rem; }

.section-contents-inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 600px) {
    .section-contents-inner {
      padding-left: 4.8309178744%;
      padding-right: 4.8309178744%; } }
  .section-contents-inner.mt {
    margin-top: 4rem; }

.contents {
  overflow-x: hidden; }

.zoom {
  width: 100%;
  padding: 1rem 0; }
  .zoom img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 600px) {
    .zoom {
      display: block; } }

#p01 .img-list0102 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1040px; }
  @media screen and (max-width: 600px) {
    #p01 .img-list0102 {
      padding-left: 4.8309178744%;
      padding-right: 4.8309178744%; } }
  #p01 .img-list0102 div, #p01 .img-list0102 li {
    min-height: 0%; }
  #p01 .img-list0102 .img01 {
    width: 50%;
    margin-top: 2rem; }
  #p01 .img-list0102 .img02 {
    width: 47%; }
#p01 .p01-content1 .img1 {
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1040px) {
    #p01 .p01-content1 .img1 {
      padding-left: 3.8461538462%;
      padding-right: 3.8461538462%; } }
  @media screen and (max-width: 600px) {
    #p01 .p01-content1 .img1 {
      padding-left: 0;
      padding-right: 0; } }
#p01 .p01-content1 .section-contents-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  align-items: center; }
  #p01 .p01-content1 .section-contents-inner div, #p01 .p01-content1 .section-contents-inner li {
    min-height: 0%; }
  #p01 .p01-content1 .section-contents-inner .lead {
    width: 48%;
    text-align: left;
    margin-top: 1rem; }
  #p01 .p01-content1 .section-contents-inner .img2 {
    width: 48%;
    margin-top: 1rem; }
#p01 .img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #p01 .img-list div, #p01 .img-list li {
    min-height: 0%; }
  #p01 .img-list .skhi {
    width: 48%;
    margin-top: 2rem; }
  #p01 .img-list .img03 {
    width: 44%;
    margin-top: 2rem; }
    #p01 .img-list .img03 .img + .img {
      margin-top: 1.5rem; }
#p01 .graph-list {
  margin-top: 1rem; }
  #p01 .graph-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #p01 .graph-list ul div, #p01 .graph-list ul li {
      min-height: 0%; }
    #p01 .graph-list ul li {
      margin-top: 2rem;
      width: 47%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      align-content: space-between; }
      #p01 .graph-list ul li div, #p01 .graph-list ul li li {
        min-height: 0%; }
      #p01 .graph-list ul li .img {
        width: 75%;
        margin: 1rem auto 0 auto; }
      #p01 .graph-list ul li:nth-of-type(1) {
        width: 100%;
        /*  .txt{
              width: 64%;
          } */ }
        #p01 .graph-list ul li:nth-of-type(1) .maincopy {
          width: 100%; }
        #p01 .graph-list ul li:nth-of-type(1) .flex {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start;
          position: relative;
          padding-bottom: 9rem; }
          #p01 .graph-list ul li:nth-of-type(1) .flex div, #p01 .graph-list ul li:nth-of-type(1) .flex li {
            min-height: 0%; }
        #p01 .graph-list ul li:nth-of-type(1) .lead {
          width: 60%;
          text-align: left; }
          #p01 .graph-list ul li:nth-of-type(1) .lead .aw {
            display: inline; }
        #p01 .graph-list ul li:nth-of-type(1) .note {
          width: 60%;
          text-align: left;
          margin-top: 0.5rem; }
        #p01 .graph-list ul li:nth-of-type(1) .img {
          width: 32%;
          margin: 0;
          position: absolute;
          top: 0;
          right: 0; }
#p01 .rekishi {
  margin-top: 3rem; }
  #p01 .rekishi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 1rem; }
    #p01 .rekishi ul div, #p01 .rekishi ul li {
      min-height: 0%; }
    #p01 .rekishi ul li {
      width: 47%;
      margin-top: 2rem; }
      #p01 .rekishi ul li .note {
        margin-top: .5rem;
        text-align: right; }
@media screen and (max-width: 834px) {
  #p01 .graph-list ul li:nth-of-type(1) .flex {
    padding-bottom: 4rem; } }
@media screen and (max-width: 834px) {
  #p01 .graph-list ul li:nth-of-type(1) .flex {
    padding-bottom: 2rem; } }
@media screen and (max-width: 600px) {
  #p01 .img-list0102 {
    padding-left: 0;
    padding-right: 0; }
    #p01 .img-list0102 .img01 {
      width: 100%; }
    #p01 .img-list0102 .img02 {
      width: 100%;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      width: 100%; } }
    @media screen and (max-width: 600px) and (max-width: 600px) {
      #p01 .img-list0102 .img02 {
        padding-left: 4.8309178744%;
        padding-right: 4.8309178744%; } }
@media screen and (max-width: 600px) {
  #p01 .p01-content1 .section-contents-inner .lead {
    width: 100%;
    text-align: center; }
  #p01 .p01-content1 .section-contents-inner .img2 {
    width: 100%; }
  #p01 .img-list .skhi {
    width: 100%; }
  #p01 .img-list .img03 {
    width: 100%; }
  #p01 .graph-list ul li {
    width: 100%; }
    #p01 .graph-list ul li .img {
      width: 85%; }
    #p01 .graph-list ul li:nth-of-type(1) {
      /*.txt{
          width: 100%;
      } */ }
      #p01 .graph-list ul li:nth-of-type(1) .flex {
        padding-bottom: 0; }
      #p01 .graph-list ul li:nth-of-type(1) .lead {
        width: 100%;
        text-align: center; }
        #p01 .graph-list ul li:nth-of-type(1) .lead .aw {
          display: inline-block; }
      #p01 .graph-list ul li:nth-of-type(1) .note {
        width: 100%; }
      #p01 .graph-list ul li:nth-of-type(1) .img {
        position: static;
        width: 100%;
        margin-top: 1rem; }
  #p01 .rekishi ul li {
    width: 100%; } }

#p02 {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #p02 {
      margin-top: 2rem; } }
  #p02 .p-map {
    margin: 1rem auto 0;
    width: 100%;
    max-width: 1040px; }
    #p02 .p-map .zoom-icon {
      width: 9.4117647059%;
      position: absolute;
      top: 0.5rem;
      right: 0.5rem; }
    #p02 .p-map .hanrei {
      margin-top: .5rem; }
      #p02 .p-map .hanrei .aw {
        margin-right: 2rem;
        font-size: .875rem;
        line-height: 1.4; }
        #p02 .p-map .hanrei .aw .mark {
          margin-right: .1rem; }
      #p02 .p-map .hanrei .hanrei01 .mark {
        color: #B04B22; }
      #p02 .p-map .hanrei .hanrei02 .mark {
        color: #C87C76; }
      #p02 .p-map .hanrei .hanrei03 .mark {
        color: #CE9B2D; }
      #p02 .p-map .hanrei .hanrei04 .mark {
        color: #71A29F; }
      #p02 .p-map .hanrei .hanrei05 .mark {
        color: #568F3A; }
      #p02 .p-map .hanrei .hanrei06 .mark {
        color: #6C639D; }
      #p02 .p-map .hanrei .hanrei07 .mark {
        color: #4470A9; }
  #p02 .area {
    margin-top: 2rem; }
    #p02 .area .area-ttl {
      padding: .5rem 0;
      width: 100%;
      position: relative; }
      #p02 .area .area-ttl .txt {
        width: 100%;
        max-width: 1040px;
        margin-left: auto;
        margin-right: auto;
        font-family: "Cinzel", serif;
        font-optical-sizing: auto;
        font-style: normal;
        font-weight: 600;
        color: #fff;
        font-size: 1.8rem;
        line-height: 1;
        position: relative;
        z-index: 3; }
        @media screen and (max-width: 1040px) {
          #p02 .area .area-ttl .txt {
            padding-left: 3.8461538462%;
            padding-right: 3.8461538462%; } }
        @media screen and (max-width: 600px) {
          #p02 .area .area-ttl .txt {
            padding-left: 0;
            padding-right: 0; } }
      #p02 .area .area-ttl .bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        @media screen and (max-width: 834px) {
          #p02 .area .area-ttl .bg {
            width: 90%; } }
    #p02 .area .icon-rinsetsu {
      width: 26%;
      position: absolute;
      top: -10px;
      right: -10px;
      z-index: 3; }
    #p02 .area .icon-newopen {
      width: 49.904%;
      position: absolute;
      top: -10px;
      right: -10px;
      z-index: 3; }
    #p02 .area .time {
      position: absolute;
      right: 10px;
      bottom: -20px;
      z-index: 3;
      text-align: right; }
      #p02 .area .time img {
        width: 67px;
        height: auto;
        margin-left: .5rem; }
    #p02 .area ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #p02 .area ul div, #p02 .area ul li {
        min-height: 0%; }
      #p02 .area ul li {
        margin-top: 2rem; }
      #p02 .area ul .li-l {
        width: 100%; }
      #p02 .area ul .li-m {
        width: 47%; }
      #p02 .area ul .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        align-content: flex-start; }
        #p02 .area ul .flex div, #p02 .area ul .flex li {
          min-height: 0%; }
        #p02 .area ul .flex .li-m {
          margin-top: 2rem; }
          #p02 .area ul .flex .li-m:first-of-type, #p02 .area ul .flex .li-m:nth-of-type(2) {
            margin-top: 0; }
      #p02 .area ul .area-name {
        width: calc(100% - 85px);
        font-size: .875rem;
        line-height: 1.2;
        margin-top: 0.25rem; }
        #p02 .area ul .area-name .txt-s {
          display: inline-block;
          font-size: .75rem; }
    #p02 .area:nth-of-type(2n) .area-ttl .txt {
      text-align: right; }
    #p02 .area:nth-of-type(2n) .area-ttl .bg {
      left: auto;
      right: 0; }
    #p02 .area .column-container {
      margin: 2rem auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #p02 .area .column-container div, #p02 .area .column-container li {
        min-height: 0%; }
      #p02 .area .column-container .text {
        width: 48%; }
      #p02 .area .column-container .image {
        width: 48%;
        position: relative; }
        #p02 .area .column-container .image .img .cap.out {
          text-align: left; }
    #p02 .area.edu .area-ttl .bg {
      background: #73a7a3; }
    #p02 .area.edu .edu-map {
      margin-top: 2rem; }
    #p02 .area.park .area-ttl .bg {
      background: #57943b; }
    #p02 .area.shop .area-ttl .bg {
      background: #b84c1d;
      width: 90%; }
    #p02 .area.shop .section-contents-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      align-items: flex-start; }
      #p02 .area.shop .section-contents-inner div, #p02 .area.shop .section-contents-inner li {
        min-height: 0%; }
      #p02 .area.shop .section-contents-inner .column-container {
        width: 47%;
        margin-left: 0;
        margin-right: 0; }
        #p02 .area.shop .section-contents-inner .column-container .text {
          width: 100%;
          position: relative;
          box-sizing: border-box;
          padding-left: 30%;
          display: block; }
          #p02 .area.shop .section-contents-inner .column-container .text .icon-newopen {
            position: absolute;
            top: -1%;
            left: -1%;
            width: 28%; }
            #p02 .area.shop .section-contents-inner .column-container .text .icon-newopen img {
              width: 100%;
              height: auto; }
        #p02 .area.shop .section-contents-inner .column-container .image {
          width: 100%;
          margin-top: 1rem; }
      #p02 .area.shop .section-contents-inner ul {
        width: 47%; }
    #p02 .area.medi .area-ttl .bg {
      background: #665498;
      width: 90%; }
  #p02 .area-map-flex-contents {
    width: 100%;
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    align-items: flex-start;
    position: relative; }
    @media screen and (max-width: 1040px) {
      #p02 .area-map-flex-contents {
        padding-left: 3.8461538462%;
        padding-right: 3.8461538462%; } }
    @media screen and (max-width: 600px) {
      #p02 .area-map-flex-contents {
        padding-left: 0;
        padding-right: 0; } }
    #p02 .area-map-flex-contents div, #p02 .area-map-flex-contents li {
      min-height: 0%; }
    #p02 .area-map-flex-contents .p-map {
      width: 49%;
      margin-left: 0;
      margin-right: 0;
      order: 1; }
    #p02 .area-map-flex-contents .area {
      width: 47%; }
      #p02 .area-map-flex-contents .area .area-ttl .bg::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0; }
    #p02 .area-map-flex-contents .edu {
      order: 3;
      position: absolute;
      top: 0;
      right: 0; }
      #p02 .area-map-flex-contents .edu .area-ttl .bg::before {
        right: -100%;
        background: #73a7a3; }
    #p02 .area-map-flex-contents .park {
      order: 2;
      margin-right: 53%; }
      #p02 .area-map-flex-contents .park .area-ttl .bg::before {
        left: -100%;
        background: #57943b; }
  @media screen and (max-width: 600px) {
    #p02 .p-map .zoom, #p02 .p-map .hanrei {
      width: 100%;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 600px) and (max-width: 600px) {
    #p02 .p-map .zoom, #p02 .p-map .hanrei {
      padding-left: 4.8309178744%;
      padding-right: 4.8309178744%; } }
  @media screen and (max-width: 600px) {
    #p02 .area .area-ttl .txt {
      width: 100%;
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 600px) and (max-width: 600px) {
    #p02 .area .area-ttl .txt {
      padding-left: 4.8309178744%;
      padding-right: 4.8309178744%; } }
  @media screen and (max-width: 600px) {
    #p02 .area .time img {
      width: 47px; }
    #p02 .area ul .li-m {
      width: 100%; }
    #p02 .area ul .flex .li-m {
      width: 47%; }
      #p02 .area ul .flex .li-m .img .time {
        bottom: -40px; }
    #p02 .area ul .area-name {
      width: calc(100% - 65px); }
    #p02 .area .column-container {
      margin: 2rem auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      #p02 .area .column-container div, #p02 .area .column-container li {
        min-height: 0%; }
      #p02 .area .column-container .maincopy small {
        font-size: 80%; }
      #p02 .area .column-container .text {
        width: 100%; }
      #p02 .area .column-container .image {
        width: 100%;
        margin-top: 1rem; }
        #p02 .area .column-container .image .time {
          bottom: -8px; }
    #p02 .area.edu .edu-map {
      margin-top: 4rem; }
    #p02 .area.shop .section-contents-inner .column-container {
      width: 100%; }
    #p02 .area.shop .section-contents-inner ul {
      width: 100%; }
      #p02 .area.shop .section-contents-inner ul li.li-m {
        width: 47%; }
    #p02 .area-map-flex-contents .p-map {
      width: 100%; }
    #p02 .area-map-flex-contents .area {
      width: 100%; }
      #p02 .area-map-flex-contents .area .area-ttl .bg::before {
        content: none; }
    #p02 .area-map-flex-contents .edu {
      order: 2;
      position: static; }
      #p02 .area-map-flex-contents .edu .area-ttl .txt {
        text-align: left; }
      #p02 .area-map-flex-contents .edu .area-ttl .bg {
        left: 0; }
    #p02 .area-map-flex-contents .park {
      margin-right: 0;
      order: 3; }
      #p02 .area-map-flex-contents .park .area-ttl .txt {
        text-align: right; }
      #p02 .area-map-flex-contents .park .area-ttl .bg {
        left: auto;
        right: 0; } }

#p03 {
  background: #f5f0e6;
  padding: 2.5rem 3%;
  max-width: 960px;
  margin: auto;
  margin-top: 5rem;
  box-sizing: border-box;
  border: 2px solid #aa8420;
  position: relative; }
  #p03:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0.4rem;
    left: 0.4rem;
    right: 0.4rem;
    bottom: 0.4rem;
    border: 1px solid #aa8420; }
  #p03 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    align-items: flex-start;
    position: relative;
    z-index: 2; }
    #p03 .flex div, #p03 .flex li {
      min-height: 0%; }
    #p03 .flex .copy {
      width: 49%; }
      #p03 .flex .copy .maincopy {
        font-size: 1.4rem; }
    #p03 .flex .lead {
      text-align: left;
      line-height: 1.5; }
      #p03 .flex .lead a {
        display: block;
        width: 100%;
        max-width: 480px;
        margin: 1rem auto 0 auto;
        background: #aa8420;
        position: relative;
        box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.2);
        padding: 1rem 0; }
        #p03 .flex .lead a::after {
          content: "";
          position: absolute;
          top: 0.2rem;
          left: 0.2rem;
          right: 0.2rem;
          bottom: 0.2rem;
          right: 5px;
          border: 1px solid #fff; }
        #p03 .flex .lead a .txt {
          display: block;
          width: 100%;
          text-align: center;
          color: #fff;
          font-size: 1rem;
          line-height: 1.4; }
    #p03 .flex .img {
      width: 46%; }
  @media screen and (max-width: 600px) {
    #p03 .flex .copy {
      width: 100%;
      order: 2; }
    #p03 .flex .lead {
      width: 100%;
      text-align: center; }
    #p03 .flex .img {
      width: 100%;
      margin-bottom: 2rem;
      order: 1; } }
</pre></body></html>