@charset "UTF-8";
@-webkit-keyframes wave__s {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: -260px bottom; } }
@keyframes wave__s {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: -260px bottom; } }
@-webkit-keyframes wave__m {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: -812px bottom; } }
@keyframes wave__m {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: -812px bottom; } }
@-webkit-keyframes wave__l {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: -812px bottom; } }
@keyframes wave__l {
  0% {
    background-position: 0 bottom; }
  100% {
    background-position: -812px bottom; } }
@-webkit-keyframes wave__t {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -18px 0; } }
@keyframes wave__t {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -18px 0; } }
/* top設定
   =================================================================== */
.top__container {
  position: relative;
  height: 764px;
  width: 1300px;
  margin: 0 auto 200px; }
  .top__container h1 {
    text-indent: -9999px;
    background: url(../img/top/logo--main.png) no-repeat center center;
    background-size: 100% auto;
    width: 266px;
    height: 192px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -574px;
    z-index: 10; }
  .top__container .top__image {
    position: relative;
    z-index: 0; }
    .top__container .top__image .top__image--cover {
      height: 100%;
      overflow: hidden; }
      .top__container .top__image .top__image--cover ul {
        width: 400%; }
        .top__container .top__image .top__image--cover ul.loading img {
          opacity: 0; }
        .top__container .top__image .top__image--cover ul.loading li {
          background: url(../img/common/loading.gif) no-repeat center center;
          background-size: 30px auto; }
      .top__container .top__image .top__image--cover li {
        position: relative;
        z-index: 0;
        float: left;
        width: 541px; }
        .top__container .top__image .top__image--cover li img {
          width: 100%;
          height: auto;
          transition-duration: 1s;
          transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
    .top__container .top__image .top__image--center {
      width: 940px;
      height: 729px;
      position: absolute;
      top: auto;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
      .top__container .top__image .top__image--center li {
        width: 940px; }
      .top__container .top__image .top__image--center:after {
        content: " ";
        display: block;
        position: absolute;
        left: -2px;
        top: -2px;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        background: url(../img/top/main__flame.png) no-repeat center top;
        background-size: 100% auto;
        z-index: 1; }
    .top__container .top__image .top__image--left, .top__container .top__image .top__image--right {
      width: 541px;
      height: 424px;
      position: absolute;
      top: 120px;
      left: -370px; }
      .top__container .top__image .top__image--left:after, .top__container .top__image .top__image--right:after {
        content: " ";
        display: block;
        position: absolute;
        left: -2px;
        top: -2px;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        background: url(../img/top/main__flame--small.png) no-repeat center center;
        background-size: 100% auto;
        z-index: 1; }
    .top__container .top__image .top__image--right {
      left: auto;
      right: -370px; }
  .top__container .top__image--number dl {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 26px;
    width: 44px;
    height: 50px;
    background: url(../img/top/bg--slide.gif) no-repeat center center;
    background-size: 33px auto; }
    .top__container .top__image--number dl dt {
      width: auto;
      position: absolute;
      bottom: 0;
      right: 0; }
    .top__container .top__image--number dl dd {
      width: auto;
      position: absolute;
      top: 0;
      left: 0; }
  .top__container .top__image--number ul {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center; }
    .top__container .top__image--number ul li {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 4px;
      border: #000 1px solid;
      margin: 0 2px;
      cursor: pointer;
      transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      background: #fff; }
      .top__container .top__image--number ul li.selected {
        background: #000; }
  
#template {
  stroke: #444;
  stroke-width: 5px; }

#template, #path {
  fill: none; }

#path {
  stroke: #88ce02;
  stroke-width: 20px;
  visibility: hidden; }

.contents__container section {
  margin: 0 auto 232px; }
  .contents__container section:last-child {
    margin-bottom: 120px; }
  .contents__container section h2 {
    text-indent: -9999px;
    height: 41px;
    margin: 0 auto 80px;
    position: relative; }
    .contents__container section h2:after {
      content: " ";
      display: block;
      height: 7px;
      background: url(../img/common/wave--l.gif) repeat-x left bottom;
      background-size: 14px auto;
      position: absolute;
      width: 105%;
      left: 0;
      bottom: -3px;
       }
  .contents__container section.info h2 {
    height: 72px; }
    .contents__container section.info h2:after {
      bottom: 12px;
      -webkit-transform: rotate(-24deg);
      transform: rotate(-24deg); }

.concept {
  text-align: center; }
  .concept h2 {
    width: 94px;
    background: url(../img/common/menu--concept.gif) no-repeat center center;
    background-size: 100% auto; }

  .concept h3 {
    font-size: 22px;
    letter-spacing: 0.15em;
    margin-bottom: 20px; }
  .concept p {
    letter-spacing: 0.09em;
    font-size: 15px;
    margin-bottom: 32px; }
  .concept h4 {
    font-size: 19px;
    letter-spacing: 0.15em;
    margin-bottom: 20px; }
  .concept .concept__image {
    width: 547px;
    margin: 0 auto 32px; }
    .concept .concept__image img {
      border-radius: 20px;
      width: 100%;
      height: auto; }
  
.concept2 {
  text-align: center; }
.concept2 h2 {
  width: 68px;
  background: url(../img/common/menu--menu.gif) no-repeat center center;
  background-size: 100% auto; }
  .concept2 h3 {
    font-size: 22px;
    letter-spacing: 0.15em;
    margin-bottom: 20px; }
  .concept2 p {
    letter-spacing: 0.09em;
    font-size: 15px;
    margin-bottom: 32px; }
  .concept2 h4 {
    font-size: 19px;
    letter-spacing: 0.15em;
    margin-bottom: 20px; }





.concept3 {
  width: 575px;
  position: relative; }
.concept3 h2 {
  width: 140px;
  background: url(../img/common/menu--info.gif) no-repeat center center;
  background-size: 100% auto; }
  .concept3 p {
    letter-spacing: 0.09em;
    font-size: 15px;
    margin-bottom: 32px; }

  .concept3 ul li {
    margin-bottom: 10px; }
    .concept3 ul li dt {
      position: absolute;
      top: auto;
      left: 100px; }
    .concept3 ul li dd {
      margin-left: 238px; }
      .concept3 ul li dd a {
        text-decoration: underline; }


.google-maps {
position: relative;
padding-bottom: 50%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}







.contentsnews__container {
  position: relative; }
  .contentsnews__container h1 {
    background: url(../img/top/logo--main.png) no-repeat center center;
    background-size: 100% auto;
    width: 133px;
    height: 96px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -474px;
    z-index: 10; }
    .contentsnews__container h1 a {
      text-indent: -9999px;
      display: block;
      height: 100%; }