@charset "UTF-8";
.contents, .intro, .media, .index-sns { min-width: 1080px; }
@media only screen and (max-width: 768px) { .contents, .intro, .media, .index-sns { min-width: 100%; } }
.contents .inner, .intro .inner, .media .inner, .index-sns .inner { width: 1080px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.contents .inner:after, .intro .inner:after, .media .inner:after, .index-sns .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { .contents .inner, .intro .inner, .media .inner, .index-sns .inner { width: 100%; padding: 0 3.125vw; } }
.contents .inner, .intro .inner, .media .inner, .index-sns .inner { width: 880px; }
@media only screen and (max-width: 768px) { .contents .inner, .intro .inner, .media .inner, .index-sns .inner { width: auto; } }

.intro { padding-top: 50px; }
@media only screen and (max-width: 768px) { .intro { padding-top: 10px; }
  .intro .inner { padding: 0; } }
.intro__ttl { margin-bottom: 45px; }
@media only screen and (max-width: 768px) { .intro__ttl { margin-bottom: 20px; } }
.intro__body { margin-bottom: 90px; }
.intro__body img { margin: 0 auto; }
@media only screen and (max-width: 768px) { .intro__body { margin-bottom: 20px; }
  .intro__body img { width: 100%; height: auto; } }

.content { position: relative; margin-bottom: 120px; }
@media only screen and (max-width: 768px) { .content { margin-bottom: 20px; } }
.content .bg { position: absolute; top: 0; z-index: -1; }
@media only screen and (max-width: 768px) { .content .bg { position: static; margin-bottom: 20px; } }
.content .list .title a { text-decoration: none; font-weight: bold; font-size: 20px; position: relative; padding: 0 0 0 0.5em; margin-bottom: 5px; }
.content .list .title a:before { content: "▶︎"; font-size: 0.4em; line-height: 20px; display: block; position: absolute; left: 0; top: 50%; margin-top: -10px; }
@media only screen and (max-width: 768px) { .content .list .title { position: static; } }
.content .list a { color: #000; min-height: 30px; }
@media only screen and (max-width: 768px) { .content .list a { display: block; } }
.content .list li { margin-bottom: 5px; margin-left: 10px; }
.content--heritage { min-height: 650px; }
@media only screen and (max-width: 768px) { .content--heritage { min-height: auto; } }
.content--heritage .title { top: 120px; left: 0; }
.content--heritage .list { padding-top: 430px; }
@media only screen and (max-width: 768px) { .content--heritage .list { padding: 0; } }
.content--heritage .list .title a { color: #092a83; }
.content--heritage .list .title a:before { color: #092a83; }
.content--heritage .bg { top: 0; right: 0; }
.content--nature { position: relative; }
.content--nature .list { padding-top: 470px; padding-left: 456px; }
@media only screen and (max-width: 768px) { .content--nature .list { padding: 0; } }
.content--nature .list .title a { color: #56aa2d; }
.content--nature .list .title a:before { color: #56aa2d; }
.content--nature .bg { top: 0; left: 0; }
.content--flower { position: relative; }
.content--flower .list { padding-top: 445px; padding-left: 20px; }
@media only screen and (max-width: 768px) { .content--flower .list { padding: 0; } }
.content--flower .list .title a { color: #eb576e; }
.content--flower .list .title a:before { color: #eb576e; }
.content--flower .bg { top: 0; right: 0; }
.content--experience { position: relative; }
.content--experience .list { padding-top: 462px; padding-left: 462px; }
@media only screen and (max-width: 768px) { .content--experience .list { padding: 0; } }
.content--experience .list .title a { color: #00a5d0; }
.content--experience .list .title a:before { color: #00a5d0; }
.content--experience .bg { top: 0; left: 0; }
.content--night { position: relative; }
.content--night .list { padding-top: 447px; padding-left: 20px; }
@media only screen and (max-width: 768px) { .content--night .list { padding: 0; } }
.content--night .list .title a { color: #644584; }
.content--night .list .title a:before { color: #644584; }
.content--night .bg { top: 0; right: 0; }
.content--morning { position: relative; margin-bottom: 0; }
.content--morning .list { padding-top: 470px; padding-left: 460px; }
@media only screen and (max-width: 768px) { .content--morning .list { padding: 0; } }
.content--morning .list .title a { color: #f08c00; }
.content--morning .list .title a:before { color: #f08c00; }
.content--morning .bg { top: 0; left: 0; }

.media { padding: 0 0 50px 0; }
@media only screen and (max-width: 768px) { .media { padding: 0 0 10px 0; } }
.media__ttl { margin-bottom: 40px; }
@media only screen and (max-width: 768px) { .media__ttl { margin-bottom: 20px; } }
.media__ttl img { margin: 0 auto; }
@media only screen and (max-width: 768px) { .media__ttl img { width: 100%; height: auto; } }
.media__body ul { zoom: 1; }
.media__body ul:after { content: ""; display: block; clear: both; }
.media__body li { width: 50%; float: left; }
@media only screen and (max-width: 768px) { .media__body li { width: 100%; float: none; }
  .media__body li img { width: 100%; height: auto; } }

.index-banner { margin-bottom: 100px; min-width: 1080px; }
@media only screen and (max-width: 768px) { .index-banner { min-width: 100%; } }
.index-banner .inner { width: 1080px; margin: 0 auto; position: relative; box-sizing: border-box; zoom: 1; }
.index-banner .inner:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { .index-banner .inner { width: 100%; padding: 0 3.125vw; } }
@media only screen and (max-width: 768px) { .index-banner { margin-bottom: 20px; } }
.index-banner .text { margin-top: 80px; }
.index-banner .bnr { width: 700px; margin: 0 auto; }
@media only screen and (max-width: 768px) { .index-banner .bnr { width: auto; height: auto; }
  .index-banner .bnr img { width: 100%; height: auto; } }

.index-sns { padding: 50px 0 70px; }
@media only screen and (max-width: 768px) { .index-sns { padding: 10px 0; } }
.index-sns__ttl { margin-bottom: 40px; }
@media only screen and (max-width: 768px) { .index-sns__ttl { margin-bottom: 20px; } }
.index-sns__ttl img { margin: 0 auto; }
.index-sns__body { zoom: 1; }
.index-sns__body:after { content: ""; display: block; clear: both; }
@media only screen and (max-width: 768px) { .index-sns__body { width: 100%; float: none; } }

._twitter { width: 354px; float: left; margin-left: 26px; height: 500px; overflow-y: scroll; }
@media only screen and (max-width: 768px) { ._twitter { margin-left: auto; width: 100%; float: none; margin-bottom: 20px; box-sizing: border-box; -webkit-overflow-scrolling: touch; } }

._facebook { width: 500px; float: left; }
@media only screen and (max-width: 768px) { ._facebook { width: auto; float: none; margin-bottom: 20px; }
  ._facebook .fb_iframe_widget, ._facebook .fb_iframe_widget span, ._facebook .fb_iframe_widget iframe[style] { width: 100% !important; } }

@media only screen and (min-width: 500px) and (max-width: 768px) { ._facebook { width: 500px; margin: 0 auto; } }