@charset "UTF-8";
.courgette {
  font-family: "Courgette", cursive;
  font-weight: 400; }

.activityMVArea {
  text-align: center; }
  .activityMVArea .title01 {
    height: 553px;
    background-color: #fff;
    background-size: cover;
    background-position: center center; }
    @media screen and (min-width: 641px) {
      .activityMVArea .title01 {
        background-image: url(../img/ph01.jpg); } }
    @media screen and (max-width: 640px) {
      .activityMVArea .title01 {
        background-image: url(../img/ph01sp.jpg);
        height: 32rem; } }
    .activityMVArea .title01 > .in {
      display: block;
      position: relative;
      color: #FFF;
      padding-top: 220px;
      letter-spacing: 0.4rem; }
      @media screen and (max-width: 640px) {
        .activityMVArea .title01 > .in {
          padding-top: 6rem;
          letter-spacing: 0.2rem; } }
      .activityMVArea .title01 > .in:after {
        content: "";
        display: block;
        width: 70px;
        height: 4px;
        background-color: #F5C61D;
        position: absolute;
        bottom: -14px;
        left: 0;
        right: 0;
        margin: auto; }
        @media screen and (max-width: 640px) {
          .activityMVArea .title01 > .in:after {
            width: 30px;
            height: 3px;
            bottom: -1rem; } }
      .activityMVArea .title01 > .in .line01 {
        font-size: 5.5rem;
        font-weight: bold; }
        @media screen and (max-width: 640px) {
          .activityMVArea .title01 > .in .line01 {
            display: block;
            font-size: 3.2rem; } }
      .activityMVArea .title01 > .in .line02 {
        font-size: 3.75rem;
        font-weight: bold;
        margin: 0 6px; }
        @media screen and (max-width: 640px) {
          .activityMVArea .title01 > .in .line02 {
            display: block;
            font-size: 2.0rem;
            margin: 0;
            margin-top: -0.5rem; } }
      .activityMVArea .title01 > .in .line03 {
        font-size: 5.5rem;
        font-weight: bold; }
        @media screen and (max-width: 640px) {
          .activityMVArea .title01 > .in .line03 {
            display: block;
            font-size: 3.2rem;
            margin-top: -0.5rem; } }
  .activityMVArea [data-slidearea01] {
    padding: 0 100px 20px;
    overflow: hidden;
    position: relative;
    margin-top: -70px; }
    @media screen and (max-width: 640px) {
      .activityMVArea [data-slidearea01] {
        padding: 0 0 3rem;
        margin-top: -6rem; } }
    .activityMVArea [data-slidearea01]:before {
      content: "";
      display: block;
      position: absolute;
      top: 70px;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #F5C51D; }
      @media screen and (max-width: 640px) {
        .activityMVArea [data-slidearea01]:before {
          top: 6rem; } }
    .activityMVArea [data-slidearea01] .contantWrap {
      max-width: 1020px;
      width: 100%;
      margin: auto;
      position: relative; }
      .activityMVArea [data-slidearea01] .contantWrap .btns01 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 175px;
        width: 100%; }
        @media screen and (max-width: 640px) {
          .activityMVArea [data-slidearea01] .contantWrap .btns01 {
            height: 12rem; } }
        .activityMVArea [data-slidearea01] .contantWrap .btns01 button {
          position: absolute;
          top: 34px;
          margin: auto;
          width: 70px;
          height: 70px;
          z-index: 1;
          -webkit-tap-highlight-color: transparent; }
          @media screen and (max-width: 640px) {
            .activityMVArea [data-slidearea01] .contantWrap .btns01 button {
              top: 0;
              bottom: 0;
              width: 60px;
              height: 90px; } }
          .activityMVArea [data-slidearea01] .contantWrap .btns01 button:before, .activityMVArea [data-slidearea01] .contantWrap .btns01 button:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            transition: .2s; }
          .activityMVArea [data-slidearea01] .contantWrap .btns01 button:before {
            width: 40px;
            height: 40px;
            background-color: #171C61;
            border-radius: 50%; }
          .activityMVArea [data-slidearea01] .contantWrap .btns01 button:after {
            width: 7px;
            height: 7px;
            border: 2px solid #F5C51D; }
          .activityMVArea [data-slidearea01] .contantWrap .btns01 button.next {
            right: -70px; }
            @media screen and (max-width: 640px) {
              .activityMVArea [data-slidearea01] .contantWrap .btns01 button.next {
                right: 2rem; } }
            .activityMVArea [data-slidearea01] .contantWrap .btns01 button.next:after {
              border-bottom: transparent !important;
              border-left: transparent !important;
              transform: rotate(45deg);
              right: 3px; }
          .activityMVArea [data-slidearea01] .contantWrap .btns01 button.prev {
            left: -70px; }
            @media screen and (max-width: 640px) {
              .activityMVArea [data-slidearea01] .contantWrap .btns01 button.prev {
                left: 2rem; } }
            .activityMVArea [data-slidearea01] .contantWrap .btns01 button.prev:after {
              border-bottom: transparent !important;
              border-right: transparent !important;
              transform: rotate(-45deg);
              right: -3px; }
          .no-touchevents .activityMVArea [data-slidearea01] .contantWrap .btns01 button:hover:before {
            background-color: #F5C51D; }
          .no-touchevents .activityMVArea [data-slidearea01] .contantWrap .btns01 button:hover:after {
            border-color: #171C61; }
      .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn {
        padding: 0 80% 0 0;
        overflow: hidden; }
        @media screen and (max-width: 640px) {
          .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn {
            padding: 0 20%; } }
        .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content {
          position: relative;
          display: table; }
          .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content.disableTrs {
            -webkit-transition: none !important;
            transition: none !important; }
          .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link {
            display: table-cell;
            vertical-align: top;
            position: relative;
            top: 0;
            left: 0;
            height: 100%; }
            .no-touchevents .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link:hover > .in .txt02 {
              opacity: 1; }
            .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in {
              margin: 0 3.5%;
              position: relative; }
              @media (max-width: 1150px) {
                .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in {
                  margin: 0 1%; } }
              @media screen and (max-width: 640px) {
                .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in {
                  padding: 0 1rem; } }
              .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .img {
                background-size: cover;
                background-position: center center;
                box-sizing: border-box;
                height: 134px;
                border: 4px solid #F5C51D; }
                @media screen and (max-width: 640px) {
                  .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .img {
                    height: 12rem; } }
              .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt01 {
                text-align: right;
                margin-top: -38px;
                position: relative;
                z-index: 1; }
                @media screen and (max-width: 640px) {
                  .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt01 {
                    margin-top: -3rem; } }
                .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt01 .line01 {
                  font-size: 1.5rem;
                  font-weight: bold;
                  display: inline-block;
                  color: #F05050;
                  vertical-align: middle;
                  padding-top: 16px;
                  margin-right: 8px; }
                  @media (max-width: 1150px) {
                    .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt01 .line01 {
                      font-size: 1.2rem; } }
                  @media screen and (max-width: 640px) {
                    .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt01 .line01 {
                      font-size: 1.4rem; } }
                .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt01 .line02 {
                  display: inline-block;
                  font-size: 7rem;
                  font-family: "vinyl", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;
                  font-weight: 400;
                  color: #FFF;
                  vertical-align: middle;
                  letter-spacing: 0.3rem;
                  margin-right: 7px; }
                  @media screen and (max-width: 640px) {
                    .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt01 .line02 {
                      font-size: 6.35rem; } }
              .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 {
                display: table;
                background-color: rgba(23, 28, 97, 0.8);
                position: absolute;
                height: 134px;
                top: 0;
                left: 0;
                width: 100%;
                opacity: 0;
                transition: 0.3s; }
                @media screen and (max-width: 640px) {
                  .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 {
                    background-color: transparent;
                    height: auto;
                    opacity: 1;
                    position: static; } }
                .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in {
                  display: table-cell;
                  vertical-align: middle;
                  color: #FFF; }
                  @media screen and (max-width: 640px) {
                    .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in {
                      color: #0D1663; } }
                  .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in .line01 {
                    display: block;
                    font-size: 1.5rem; }
                    @media screen and (max-width: 640px) {
                      .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in .line01 {
                        font-size: 1.4rem; } }
                  .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in .line02 {
                    display: block;
                    font-size: 2.0rem; }
                    @media screen and (max-width: 640px) {
                      .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in .line02 {
                        font-size: 1.8rem;
                        margin-top: -0.2rem; } }
                  .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in .line03 {
                    display: block;
                    font-size: 1.5rem; }
                    @media screen and (max-width: 640px) {
                      .activityMVArea [data-slidearea01] .contantWrap .contentWrapIn .content .link > .in .txt02 > .in .line03 {
                        font-size: 1.4rem;
                        margin-top: -0.2rem; } }
  .activityMVArea .leadtxt {
    background-color: #fff;
    padding: 56px 30px; }
    @media screen and (max-width: 640px) {
      .activityMVArea .leadtxt {
        padding: 3rem 1rem; } }
    .activityMVArea .leadtxt > span {
      display: block;
      font-size: 2rem;
      line-height: 3rem; }
      @media screen and (max-width: 640px) {
        .activityMVArea .leadtxt > span {
          font-size: 1.6rem;
          line-height: 2.0rem; } }

.activityArea {
  text-align: center;
  padding-top: 1px !important; }
  .activityArea .contents {
    margin-top: 70px;
    padding-bottom: 120px; }
    @media screen and (max-width: 640px) {
      .activityArea .contents {
        margin-top: 2rem;
        padding-bottom: 3rem; } }
    .activityArea .contents .mvarea {
      max-width: 1240px;
      width: 100%;
      margin: auto;
      position: relative;
      padding-top: 835px; }
      @media (max-width: 1350px) {
        .activityArea .contents .mvarea {
          padding-top: 67%; } }
      @media screen and (max-width: 640px) {
        .activityArea .contents .mvarea {
          padding-top: 55rem;
          width: 92%; } }
      .activityArea .contents .mvarea .img {
        position: absolute;
        background-size: cover;
        background-position: center center; }
        .activityArea .contents .mvarea .img.type01 {
          top: 0;
          left: 60px;
          width: 776px;
          height: 430px; }
          @media (max-width: 1350px) {
            .activityArea .contents .mvarea .img.type01 {
              top: 0;
              left: 5%;
              width: 62.4%;
              height: 51%; } }
          @media screen and (max-width: 640px) {
            .activityArea .contents .mvarea .img.type01 {
              top: 0;
              left: 0;
              width: 100%;
              height: 15.8rem; } }
        .activityArea .contents .mvarea .img.type02 {
          top: 30px;
          left: 890px;
          width: 344px;
          height: 217px;
          box-shadow: 22px 22px 0 #F5C51D; }
          @media (max-width: 1350px) {
            .activityArea .contents .mvarea .img.type02 {
              top: 4%;
              left: 71%;
              width: 28%;
              height: 26%; } }
          @media screen and (max-width: 640px) {
            .activityArea .contents .mvarea .img.type02 {
              top: 15rem;
              left: 12rem;
              width: 16rem;
              height: 10rem;
              box-shadow: 0.7rem 0.7rem 0 #F5C51D; } }
        .activityArea .contents .mvarea .img.type03 {
          top: 530px;
          left: 0;
          width: 255px;
          height: 302px;
          box-shadow: 22px 22px 0 #F5C51D; }
          @media (max-width: 1350px) {
            .activityArea .contents .mvarea .img.type03 {
              top: 63%;
              left: 0;
              width: 20%;
              height: 35%; } }
          @media screen and (max-width: 640px) {
            .activityArea .contents .mvarea .img.type03 {
              top: 33rem;
              left: 0;
              width: 15rem;
              height: 18rem;
              box-shadow: 0.7rem 0.7rem 0 #F5C51D; } }
        .activityArea .contents .mvarea .img.type04 {
          top: 436px;
          left: 308px;
          width: 528px;
          height: 358px; }
          @media (max-width: 1350px) {
            .activityArea .contents .mvarea .img.type04 {
              top: 51.5%;
              left: 24.8%;
              width: 42.6%;
              height: 43%; } }
          @media screen and (max-width: 640px) {
            .activityArea .contents .mvarea .img.type04 {
              top: 27.5rem;
              left: 14rem;
              width: 15rem;
              height: 10.5rem; } }
        .activityArea .contents .mvarea .img.type05 {
          top: 310px;
          left: 842px;
          width: 338px;
          height: 427px; }
          @media (max-width: 1350px) {
            .activityArea .contents .mvarea .img.type05 {
              top: 38%;
              left: 67.9%;
              width: 27%;
              height: 50.5%; } }
          @media screen and (max-width: 640px) {
            .activityArea .contents .mvarea .img.type05 {
              top: 18rem;
              left: 0;
              width: 11rem;
              height: 14rem; } }
      .activityArea .contents .mvarea .txt {
        position: absolute;
        right: 30px;
        bottom: 0;
        font-size: 4.9rem;
        transform-origin: left bottom;
        transform: rotate(-10deg);
        color: #F05050;
        font-family: "Courgette", cursive;
        font-weight: 400; }
        @media screen and (max-width: 640px) {
          .activityArea .contents .mvarea .txt {
            font-size: 2.8rem;
            text-align: right;
            right: 0; } }
        @media screen and (max-width: 640px) {
          .activityArea .contents .mvarea .txt .line01 {
            display: block;
            padding-right: 3rem; } }
        @media screen and (max-width: 640px) {
          .activityArea .contents .mvarea .txt .line02 {
            display: block; } }

.activityDescs {
  display: table;
  border-collapse: separate;
  border-spacing: 30px 0;
  max-width: 1180px;
  width: 100%;
  margin: auto;
  margin-top: 60px;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .activityDescs {
      margin-top: 2rem;
      display: block; } }
  .activityDescs.type02 .desc {
    width: 50%;
    padding-top: 390px; }
    .activityDescs.type02 .desc .cap .img {
      height: 390px; }
  .activityDescs.type01 .desc {
    width: 33.3%;
    padding-top: 256px; }
    .activityDescs.type01 .desc .cap .img {
      height: 256px; }
  .activityDescs .desc {
    display: table-cell;
    width: 25%;
    vertical-align: top;
    position: relative;
    padding-top: 190px; }
    @media screen and (max-width: 640px) {
      .activityDescs .desc {
        display: block;
        width: 100% !important;
        padding-top: 0 !important;
        box-sizing: border-box;
        background-color: #FFF;
        min-height: 22rem; } }
    @media screen and (max-width: 640px) {
      .activityDescs .desc + .desc {
        margin-top: 1.2rem; } }
    @media screen and (max-width: 640px) {
      .activityDescs .desc.type01 {
        padding-left: 45%; } }
    @media screen and (max-width: 640px) {
      .activityDescs .desc.type02 {
        padding-right: 45%; } }
    @media screen and (max-width: 640px) {
      .activityDescs .desc.type02 .cap .img {
        left: auto;
        right: 0; } }
    .activityDescs .desc .tit {
      margin-top: 16px; }
      @media screen and (max-width: 640px) {
        .activityDescs .desc .tit {
          margin-top: 0.5rem;
          padding-top: 2.5rem;
          line-height: 2.6rem; } }
      .activityDescs .desc .tit > span {
        font-size: 2.2rem;
        color: #171C61;
        font-weight: normal; }
        @media screen and (max-width: 640px) {
          .activityDescs .desc .tit > span {
            display: block;
            font-size: 2.15rem; } }
    @media screen and (max-width: 640px) {
      .activityDescs .desc .cap {
        padding: 0 1rem 1.5rem; } }
    .activityDescs .desc .cap .txt {
      margin-top: 10px;
      font-size: 1.4rem;
      line-height: 2.3rem;
      text-align: justify;
      letter-spacing: 0; }
      @media screen and (max-width: 640px) {
        .activityDescs .desc .cap .txt {
          text-align: left;
          margin-top: 0.6rem;
          font-size: 1.1rem;
          line-height: 1.55rem; } }
    .activityDescs .desc .cap .link {
      margin-top: 20px; }
      @media screen and (max-width: 640px) {
        .activityDescs .desc .cap .link {
          margin-top: 1.5rem; } }
    .activityDescs .desc .cap .img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 189px; }
      @media screen and (max-width: 640px) {
        .activityDescs .desc .cap .img {
          width: 45%;
          height: 100% !important; } }

.cultureArea {
  text-align: center; }
  .cultureArea .wrap {
    padding: 1px 50px 80px; }
    @media screen and (max-width: 640px) {
      .cultureArea .wrap {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 4rem; } }
  .cultureArea .contents .mvarea {
    max-width: 1100px;
    width: 100%;
    padding-top: 880px;
    margin: auto;
    position: relative;
    margin-top: 40px; }
    @media (max-width: 1200px) {
      .cultureArea .contents .mvarea {
        padding-top: 80%; } }
    @media screen and (max-width: 640px) {
      .cultureArea .contents .mvarea {
        padding-top: 70rem;
        margin-top: 1rem;
        width: 92%; } }
    .cultureArea .contents .mvarea .img {
      position: absolute; }
      .no-touchevents .cultureArea .contents .mvarea .img:hover .info, .cultureArea .contents .mvarea .img.hover .info {
        opacity: 1; }
      .cultureArea .contents .mvarea .img .info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
        opacity: 0;
        transition: 0.3s; }
        .cultureArea .contents .mvarea .img .info > .in {
          display: table-cell;
          vertical-align: middle; }
          @media screen and (max-width: 640px) {
            .cultureArea .contents .mvarea .img .info > .in .mark {
              width: auto;
              height: 5rem; } }
          .cultureArea .contents .mvarea .img .info > .in .cap {
            display: block;
            margin-top: 10px;
            font-size: 1.5rem;
            line-height: 2.2rem; }
            @media screen and (max-width: 640px) {
              .cultureArea .contents .mvarea .img .info > .in .cap {
                margin-top: 0;
                font-size: 1.4rem;
                line-height: 1.6rem; } }
        .cultureArea .contents .mvarea .img .info.type01 {
          background-color: rgba(23, 28, 97, 0.9); }
          .cultureArea .contents .mvarea .img .info.type01 > .in .mark {
            filter: brightness(0) invert(100%); }
          .cultureArea .contents .mvarea .img .info.type01 > .in .cap {
            color: #FFF; }
        .cultureArea .contents .mvarea .img .info.type02 {
          background-color: rgba(245, 197, 29, 0.9); }
          .cultureArea .contents .mvarea .img .info.type02 > .in .cap {
            color: #171C61; }
      .cultureArea .contents .mvarea .img.type01 {
        top: 0;
        left: 600px;
        width: 500px;
        height: 410px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type01 {
            top: 0;
            left: 54.5%;
            width: 45.5%;
            height: 46.5%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type01 {
            top: 0;
            left: 0;
            width: 100%;
            height: 16rem; } }
      .cultureArea .contents .mvarea .img.type02 {
        top: 0;
        left: 0;
        width: 300px;
        height: 442px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type02 {
            top: 0;
            left: 0;
            width: 27.5%;
            height: 50%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type02 {
            top: 16rem;
            left: 0;
            width: 9rem;
            height: 16rem; } }
      .cultureArea .contents .mvarea .img.type03 {
        top: 0;
        left: 300px;
        width: 301px;
        height: 221px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type03 {
            top: 0;
            left: 27.5%;
            width: 27%;
            height: 25%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type03 {
            top: 16rem;
            left: 9rem;
            width: auto;
            height: 16rem;
            right: 0; } }
      .cultureArea .contents .mvarea .img.type04 {
        top: 221px;
        left: 300px;
        width: 301px;
        height: 221px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type04 {
            top: 25%;
            left: 27.5%;
            width: 27%;
            height: 25%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type04 {
            top: 32rem;
            left: 0;
            width: 55%;
            height: 11rem; } }
      .cultureArea .contents .mvarea .img.type05 {
        top: 409px;
        left: 848px;
        width: 252px;
        height: 198px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type05 {
            top: 46.5%;
            left: 77.5%;
            width: 22.5%;
            height: 23%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type05 {
            top: 43rem;
            left: 0;
            width: 55%;
            height: 11rem; } }
      .cultureArea .contents .mvarea .img.type06 {
        top: 607px;
        left: 600px;
        width: 500px;
        height: 276px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type06 {
            top: 69.5%;
            left: 54.5%;
            width: 45.5%;
            height: 30.5%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type06 {
            top: 32rem;
            left: 55%;
            width: auto;
            height: 22rem;
            right: 0; } }
      .cultureArea .contents .mvarea .img.type07 {
        top: 442px;
        left: 0;
        width: 600px;
        height: 441px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type07 {
            top: 50%;
            left: 0;
            width: 54.5%;
            height: 50%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type07 {
            top: 54rem;
            left: 0;
            width: 62%;
            height: 16rem; } }
      .cultureArea .contents .mvarea .img.type08 {
        top: 409px;
        left: 600px;
        width: 248px;
        height: 198px; }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .img.type08 {
            top: 46.5%;
            left: 54.5%;
            width: 23%;
            height: 23%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .img.type08 {
            top: 54rem;
            left: 62%;
            width: auto;
            height: 16rem;
            right: 0; } }
    .cultureArea .contents .mvarea .bar {
      position: absolute; }
      .cultureArea .contents .mvarea .bar.type01 {
        top: 0;
        left: 300px;
        width: 0;
        height: 442px;
        border-left: 3px solid #FFF;
        border-right: 3px solid #FFF;
        transform: translateX(-3px); }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .bar.type01 {
            top: 0;
            left: 27.5%;
            width: 0;
            height: 50%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .bar.type01 {
            top: 16rem;
            left: 9rem;
            width: 0;
            height: 16rem;
            border-left: 1px solid #FFF;
            border-right: 1px solid #FFF;
            transform: translateX(-1px); } }
      .cultureArea .contents .mvarea .bar.type02 {
        top: 0;
        left: 600px;
        width: 0;
        height: 883px;
        border-left: 3px solid #FFF;
        border-right: 3px solid #FFF;
        transform: translateX(-3px); }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .bar.type02 {
            top: 0;
            left: 54.5%;
            width: 0;
            height: 100%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .bar.type02 {
            top: 32rem;
            left: 55%;
            width: 0;
            height: 22rem;
            border-left: 1px solid #FFF;
            border-right: 1px solid #FFF;
            transform: translateX(-1px); } }
      .cultureArea .contents .mvarea .bar.type03 {
        top: 221px;
        left: 300px;
        width: 301px;
        height: 0;
        border-top: 3px solid #FFF;
        border-bottom: 3px solid #FFF;
        transform: translateY(-3px); }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .bar.type03 {
            top: 25%;
            left: 27.5%;
            width: 27%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .bar.type03 {
            top: 16rem;
            left: 0;
            width: 100%;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            transform: translateY(-1px); } }
      .cultureArea .contents .mvarea .bar.type04 {
        top: 442px;
        left: 0;
        width: 600px;
        height: 0;
        border-top: 3px solid #FFF;
        border-bottom: 3px solid #FFF;
        transform: translateY(-3px); }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .bar.type04 {
            top: 50%;
            left: 0;
            width: 54.5%;
            height: 0; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .bar.type04 {
            top: 32rem;
            left: 0;
            width: 100%;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            transform: translateY(-1px); } }
      .cultureArea .contents .mvarea .bar.type05 {
        top: 410px;
        left: 600px;
        width: 500px;
        height: 0;
        border-top: 3px solid #FFF;
        border-bottom: 3px solid #FFF;
        transform: translateY(-3px); }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .bar.type05 {
            top: 46.5%;
            left: 54.5%;
            width: 45.5%;
            height: 0; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .bar.type05 {
            top: 43rem;
            left: 0;
            width: 55%;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            transform: translateY(-1px); } }
      .cultureArea .contents .mvarea .bar.type06 {
        top: 409px;
        left: 848px;
        width: 0;
        height: 198px;
        border-left: 3px solid #FFF;
        border-right: 3px solid #FFF;
        transform: translateX(-3px); }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .bar.type06 {
            top: 46.5%;
            left: 77.5%;
            width: 0;
            height: 23%; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .bar.type06 {
            top: 54rem;
            left: 62%;
            width: 0;
            height: 16rem;
            border-left: 1px solid #FFF;
            border-right: 1px solid #FFF;
            transform: translateX(-1px); } }
      .cultureArea .contents .mvarea .bar.type07 {
        top: 607px;
        left: 600px;
        width: 500px;
        height: 0;
        border-top: 3px solid #FFF;
        border-bottom: 3px solid #FFF;
        transform: translateY(-3px); }
        @media (max-width: 1200px) {
          .cultureArea .contents .mvarea .bar.type07 {
            top: 69.5%;
            left: 54.5%;
            width: 45.5%;
            height: 0; } }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .mvarea .bar.type07 {
            top: 54rem;
            left: 0;
            width: 100%;
            height: 0;
            border-top: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
            transform: translateY(-1px); } }
  .cultureArea .contents .cultures {
    margin-top: 28px; }
    @media (max-width: 1350px) and (min-width: 640px) {
      .cultureArea .contents .cultures {
        max-width: 700px;
        margin: auto;
        margin-top: 40px; } }
    @media screen and (max-width: 640px) {
      .cultureArea .contents .cultures {
        text-align: left;
        width: 92%;
        margin: auto; } }
    .cultureArea .contents .cultures .one {
      display: inline-block;
      vertical-align: top;
      width: 100px;
      text-align: center; }
      @media (max-width: 1350px) and (min-width: 640px) {
        .cultureArea .contents .cultures .one {
          margin-top: 10px; } }
      @media screen and (max-width: 640px) {
        .cultureArea .contents .cultures .one {
          width: 32.5%;
          margin-top: 2.0rem; } }
      @media screen and (max-width: 640px) {
        .cultureArea .contents .cultures .one .mark {
          width: auto;
          height: 6rem; } }
      .cultureArea .contents .cultures .one .cap {
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1.3rem;
        color: #171C61; }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .cultures .one .cap {
            font-size: 1.2rem; } }
      @media screen and (max-width: 640px) {
        .cultureArea .contents .cultures .one.type01 {
          width: 65%;
          vertical-align: middle; } }
      .cultureArea .contents .cultures .one.type01 .cap {
        margin-top: 20px;
        font-size: 1.6rem;
        white-space: pre;
        margin-top: 47px; }
        @media screen and (max-width: 640px) {
          .cultureArea .contents .cultures .one.type01 .cap {
            font-size: 2.2rem;
            margin-top: 4rem; } }
  .cultureArea .contents .detaillink {
    margin-top: 70px; }
    @media screen and (max-width: 640px) {
      .cultureArea .contents .detaillink {
        margin-top: 3rem; } }
    .cultureArea .contents .detaillink > a {
      max-width: 210px; }

.detail01Area {
  text-align: left; }
  .detail01Area .contentwrap {
    padding: 50px 50px 170px; }
    @media screen and (max-width: 640px) {
      .detail01Area .contentwrap {
        padding: 2rem 1.5rem 3rem; } }
    .detail01Area .contentwrap > .in {
      max-width: 1220px;
      width: 100%;
      margin: auto; }
      .detail01Area .contentwrap > .in .activityone {
        text-align: left;
        position: relative; }
        @media screen and (max-width: 640px) {
          .detail01Area .contentwrap > .in .activityone {
            padding-top: 20rem; } }
        .detail01Area .contentwrap > .in .activityone + .activityone {
          margin-top: 170px; }
          @media screen and (max-width: 640px) {
            .detail01Area .contentwrap > .in .activityone + .activityone {
              margin-top: 4rem; } }
        .detail01Area .contentwrap > .in .activityone.type01 .imgs {
          right: auto;
          left: 0; }
          .detail01Area .contentwrap > .in .activityone.type01 .imgs .img.type01 {
            top: 0;
            left: 0;
            width: 306px;
            height: 468px; }
            @media (max-width: 1300px) {
              .detail01Area .contentwrap > .in .activityone.type01 .imgs .img.type01 {
                top: 0;
                left: 0;
                width: 46%;
                height: 101%; } }
          .detail01Area .contentwrap > .in .activityone.type01 .imgs .img.type02 {
            top: 0;
            left: 312px;
            width: 350px;
            height: 231px; }
            @media (max-width: 1300px) {
              .detail01Area .contentwrap > .in .activityone.type01 .imgs .img.type02 {
                top: 0;
                left: 47%;
                width: 53%;
                height: 50%; } }
          .detail01Area .contentwrap > .in .activityone.type01 .imgs .img.type03 {
            top: 237px;
            left: 312px;
            width: 350px;
            height: 231px; }
            @media (max-width: 1300px) {
              .detail01Area .contentwrap > .in .activityone.type01 .imgs .img.type03 {
                top: 51%;
                left: 47%;
                width: 53%;
                height: 50%; } }
        .detail01Area .contentwrap > .in .activityone.type01 .content {
          margin-right: 0;
          margin-left: 100px;
          text-align: right; }
          .detail01Area .contentwrap > .in .activityone.type01 .content:before {
            background-image: linear-gradient(transparent 50%, rgba(254, 254, 254, 0.5) 50%, rgba(254, 254, 254, 0.5) 100%), linear-gradient(90deg, transparent 50%, rgba(254, 254, 254, 0.5) 50%, rgba(254, 254, 254, 0.5) 100%); }
          .detail01Area .contentwrap > .in .activityone.type01 .content:after {
            background-color: #171C61; }
          .detail01Area .contentwrap > .in .activityone.type01 .content .desc {
            text-align: left; }
            .detail01Area .contentwrap > .in .activityone.type01 .content .desc .tit {
              color: #FFF; }
              .detail01Area .contentwrap > .in .activityone.type01 .content .desc .tit:before {
                background-color: #FFF; }
            .detail01Area .contentwrap > .in .activityone.type01 .content .desc .cap .txt01 {
              color: #FFF; }
            .detail01Area .contentwrap > .in .activityone.type01 .content .desc .cap .list02 > li {
              color: #FFF; }
        .detail01Area .contentwrap > .in .activityone .imgs {
          position: absolute;
          top: 60px;
          right: 0;
          width: 662px;
          height: 468px;
          z-index: 1; }
          @media (max-width: 1300px) {
            .detail01Area .contentwrap > .in .activityone .imgs {
              width: 47%;
              height: 0;
              padding-top: 33%; } }
          @media screen and (max-width: 640px) {
            .detail01Area .contentwrap > .in .activityone .imgs {
              top: 0 !important;
              left: 0 !important;
              width: 100% !important;
              padding-top: 66%; } }
          .detail01Area .contentwrap > .in .activityone .imgs .img {
            position: absolute;
            display: block; }
            .detail01Area .contentwrap > .in .activityone .imgs .img.type01 {
              top: 0;
              left: 0;
              width: 350px;
              height: 231px; }
              @media (max-width: 1300px) {
                .detail01Area .contentwrap > .in .activityone .imgs .img.type01 {
                  top: 0;
                  left: 0;
                  width: 53%;
                  height: 50%; } }
            .detail01Area .contentwrap > .in .activityone .imgs .img.type02 {
              top: 237px;
              left: 0;
              width: 350px;
              height: 231px; }
              @media (max-width: 1300px) {
                .detail01Area .contentwrap > .in .activityone .imgs .img.type02 {
                  top: 51%;
                  left: 0;
                  width: 53%;
                  height: 50%; } }
            .detail01Area .contentwrap > .in .activityone .imgs .img.type03 {
              top: 0;
              left: 356px;
              width: 306px;
              height: 468px; }
              @media (max-width: 1300px) {
                .detail01Area .contentwrap > .in .activityone .imgs .img.type03 {
                  top: 0;
                  left: 54%;
                  width: 46%;
                  height: 101%; } }
        .detail01Area .contentwrap > .in .activityone .content {
          text-align: left;
          margin-right: 100px;
          position: relative;
          padding: 45px 60px 65px 60px;
          box-sizing: border-box; }
          @media screen and (max-width: 640px) {
            .detail01Area .contentwrap > .in .activityone .content {
              margin-right: 0 !important;
              margin-left: 0 !important;
              padding: 2rem 2rem 3rem; } }
          .detail01Area .contentwrap > .in .activityone .content:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #171C61;
            background-image: linear-gradient(transparent 50%, #FFF 50%, #FFF 100%), linear-gradient(90deg, transparent 50%, #FFF 50%, #FFF 100%);
            background-size: 2px 2px; }
          .detail01Area .contentwrap > .in .activityone .content:after {
            content: "";
            display: block;
            position: absolute;
            top: 12px;
            left: 12px;
            right: 12px;
            bottom: 12px;
            background-color: #FFF; }
            @media screen and (max-width: 640px) {
              .detail01Area .contentwrap > .in .activityone .content:after {
                top: 0.6rem;
                left: 0.6rem;
                right: 0.6rem;
                bottom: 0.6rem; } }
          .detail01Area .contentwrap > .in .activityone .content .desc {
            position: relative;
            width: 450px;
            display: inline-block;
            z-index: 1; }
            @media (max-width: 1300px) {
              .detail01Area .contentwrap > .in .activityone .content .desc {
                width: 53%; } }
            @media screen and (max-width: 640px) {
              .detail01Area .contentwrap > .in .activityone .content .desc {
                width: auto;
                display: block; } }
            .detail01Area .contentwrap > .in .activityone .content .desc .tit {
              font-size: 3.5rem;
              color: #171C61;
              padding-bottom: 14px;
              position: relative; }
              @media screen and (max-width: 640px) {
                .detail01Area .contentwrap > .in .activityone .content .desc .tit {
                  font-size: 2.45rem;
                  padding-bottom: 1rem; } }
              .detail01Area .contentwrap > .in .activityone .content .desc .tit:before, .detail01Area .contentwrap > .in .activityone .content .desc .tit:after {
                content: "";
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                height: 3px; }
              .detail01Area .contentwrap > .in .activityone .content .desc .tit:before {
                width: 100%;
                background-color: #E1E1EA; }
              .detail01Area .contentwrap > .in .activityone .content .desc .tit:after {
                width: 50px;
                background-color: #F5C61D; }
                @media screen and (max-width: 640px) {
                  .detail01Area .contentwrap > .in .activityone .content .desc .tit:after {
                    width: 4rem; } }
            .detail01Area .contentwrap > .in .activityone .content .desc .cap {
              margin-top: 24px; }
              @media screen and (max-width: 640px) {
                .detail01Area .contentwrap > .in .activityone .content .desc .cap {
                  margin-top: 1rem; } }
              .detail01Area .contentwrap > .in .activityone .content .desc .cap .txt01 {
                font-size: 1.5rem;
                line-height: 2.6rem; }
                @media screen and (max-width: 640px) {
                  .detail01Area .contentwrap > .in .activityone .content .desc .cap .txt01 {
                    font-size: 1.2rem;
                    line-height: 2rem; } }
              .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 {
                display: table;
                margin-top: 18px; }
                @media screen and (max-width: 640px) {
                  .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 {
                    margin-top: 1rem;
                    display: block; } }
                .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 .one {
                  display: table-row; }
                  @media screen and (max-width: 640px) {
                    .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 .one {
                      display: block;
                      margin-top: 1rem; } }
                  .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 .one > dt {
                    display: table-cell;
                    vertical-align: top;
                    font-size: 1.5rem;
                    line-height: 2.6rem;
                    color: #F05050;
                    padding-right: 14px;
                    white-space: pre; }
                    @media screen and (max-width: 640px) {
                      .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 .one > dt {
                        display: block;
                        font-size: 1.2rem;
                        line-height: 2.15rem;
                        padding-right: 0; } }
                  .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 .one > dd {
                    display: table-cell;
                    vertical-align: top;
                    font-size: 1.5rem;
                    line-height: 2.6rem; }
                    @media screen and (max-width: 640px) {
                      .detail01Area .contentwrap > .in .activityone .content .desc .cap .list01 .one > dd {
                        display: block;
                        font-size: 1.2rem;
                        line-height: 1.8rem; } }
              .detail01Area .contentwrap > .in .activityone .content .desc .cap .list02 {
                margin-top: 18px; }
                .detail01Area .contentwrap > .in .activityone .content .desc .cap .list02 > li {
                  font-size: 1.5rem;
                  line-height: 2.4rem; }
                  @media screen and (max-width: 640px) {
                    .detail01Area .contentwrap > .in .activityone .content .desc .cap .list02 > li {
                      font-size: 1.2rem;
                      line-height: 2.3rem; } }
                  .detail01Area .contentwrap > .in .activityone .content .desc .cap .list02 > li:before {
                    content: "■　";
                    font-size: 0.9rem;
                    color: #F05050; }
                  .detail01Area .contentwrap > .in .activityone .content .desc .cap .list02 > li.type01:before {
                    display: none; }

.detail02Area {
  text-align: center; }
  .detail02Area .contentwrap {
    padding: 30px 50px 110px; }
    @media screen and (max-width: 640px) {
      .detail02Area .contentwrap {
        padding: 2rem 0 3rem; } }
    .detail02Area .contentwrap > .in {
      max-width: 1180px;
      width: 100%;
      margin: auto; }
      .detail02Area .contentwrap > .in .cultures .one {
        display: inline-block;
        vertical-align: top;
        margin: 60px 20px 0;
        width: 340px; }
        @media screen and (max-width: 640px) {
          .detail02Area .contentwrap > .in .cultures .one {
            margin: 0;
            width: 100%;
            display: block;
            position: relative; } }
        @media screen and (max-width: 640px) {
          .detail02Area .contentwrap > .in .cultures .one + .one {
            margin-top: 1rem; } }
        .detail02Area .contentwrap > .in .cultures .one.type01 .img {
          right: 0;
          left: auto; }
        .detail02Area .contentwrap > .in .cultures .one.type01 .descwrap {
          margin-left: 0; }
        .detail02Area .contentwrap > .in .cultures .one .img {
          display: block;
          height: 256px; }
          @media screen and (max-width: 640px) {
            .detail02Area .contentwrap > .in .cultures .one .img {
              position: absolute;
              top: 0;
              left: 0;
              width: 47%;
              height: 100%; } }
        .detail02Area .contentwrap > .in .cultures .one .descwrap {
          margin-top: 20px; }
          @media screen and (max-width: 640px) {
            .detail02Area .contentwrap > .in .cultures .one .descwrap {
              margin-top: 0;
              display: table;
              width: 53%;
              margin-left: 47%;
              box-sizing: border-box;
              padding: 0 1rem;
              height: 20rem; } }
          @media screen and (max-width: 640px) {
            .detail02Area .contentwrap > .in .cultures .one .descwrap .desc {
              display: table-cell;
              vertical-align: middle; } }
          .detail02Area .contentwrap > .in .cultures .one .descwrap .desc > dt {
            font-size: 2.2rem;
            font-weight: 500;
            color: #171C61; }
            @media screen and (max-width: 640px) {
              .detail02Area .contentwrap > .in .cultures .one .descwrap .desc > dt {
                font-size: 2.3rem;
                line-height: 2.8rem; } }
          .detail02Area .contentwrap > .in .cultures .one .descwrap .desc > dd {
            font-size: 1.4rem;
            line-height: 2.3rem;
            margin-top: 10px;
            text-align: justify; }
            @media screen and (max-width: 640px) {
              .detail02Area .contentwrap > .in .cultures .one .descwrap .desc > dd {
                text-align: left;
                font-size: 1.1rem;
                line-height: 1.5rem;
                margin-top: 1rem; } }
      .detail02Area .contentwrap > .in .tenten {
        width: 12px;
        height: 12px;
        margin: auto;
        margin-top: 40px;
        border-radius: 50%;
        background-color: #9F9D9F;
        position: relative; }
        @media screen and (max-width: 640px) {
          .detail02Area .contentwrap > .in .tenten {
            width: 10px;
            height: 10px;
            margin-top: 3rem;
            margin-bottom: 4rem; } }
        .detail02Area .contentwrap > .in .tenten:before, .detail02Area .contentwrap > .in .tenten:after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: #9F9D9F; }
        .detail02Area .contentwrap > .in .tenten:before {
          top: 20px; }
          @media screen and (max-width: 640px) {
            .detail02Area .contentwrap > .in .tenten:before {
              top: 1.8rem; } }
        .detail02Area .contentwrap > .in .tenten:after {
          top: 40px; }
          @media screen and (max-width: 640px) {
            .detail02Area .contentwrap > .in .tenten:after {
              top: 3.6rem; } }