/* line 3, ../scss/components/_top.scss */
.TopNews {
  background: url(../img/top/top_bg_01.jpg) left top repeat;
  background-size: 150px 150px;
  height: 20px; }
  /* line 7, ../scss/components/_top.scss */
  .TopNews__items {
    display: flex;
    max-width: 656px;
    width: 65.6%;
    justify-content: space-between;
    margin: 0 auto 1%;
    line-height: 1.75; }
    @media screen and (max-width: 640px) {
      /* line 7, ../scss/components/_top.scss */
      .TopNews__items {
        display: block;
        margin: 0 3%;
        max-width: 100%;
        width: 96%;
        border-bottom: #d0dee7 1px solid;
        overflow: hidden;
        padding: 4% 0; } }
  /* line 39, ../scss/components/_top.scss */
  .TopNews__date {
    flex: 0 1 12.5%; }
  /* line 42, ../scss/components/_top.scss */
  .TopNews__newIcon {
    flex: 0 1 6%;
    background: #ae272d;
    border-radius: 2px;
    color: #fff;
    padding: 3px 7px;
    font-size: 0.8125rem;
    line-height: 1;
    height: 20px;
    margin: 3px 0 0; }
    /* line 52, ../scss/components/_top.scss */
    .TopNews__newIcon--visible {
      overflow: visible;
      background: none;
      padding: 0; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 42, ../scss/components/_top.scss */
      .TopNews__newIcon {
        font-size: 1.6vw;
        margin: 0; } }
    @media screen and (max-width: 640px) {
      /* line 42, ../scss/components/_top.scss */
      .TopNews__newIcon {
        float: left;
        font-size: 3.2vw;
        height: 4.4vw;
        margin: 1.8% 0 0;
        padding: 0.7% 2%; } }
  /* line 70, ../scss/components/_top.scss */
  .TopNews__bg {
    background: url(../img/top/top_bg_01.jpg) left top repeat;
    background-size: 150px 150px;
    padding: 3% 2.5% 3%;
    text-align: center;
    margin: 0 0 2.6%; }
    @media screen and (max-width: 640px) {
      /* line 70, ../scss/components/_top.scss */
      .TopNews__bg {
        padding-top: 7%;
        margin: 0 0 16%; } }
  /* line 81, ../scss/components/_top.scss */
  .TopNews__link, .TopNews__link:visited, .TopNews__date {
    color: #1a1a1a; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 81, ../scss/components/_top.scss */
      .TopNews__link, .TopNews__link:visited, .TopNews__date {
        font-size: 1.6vw; } }
    @media screen and (max-width: 640px) {
      /* line 81, ../scss/components/_top.scss */
      .TopNews__link, .TopNews__link:visited, .TopNews__date {
        float: left;
        font-size: 4.7vw;
        margin: 0 2.8% 0 0; } }
  /* line 92, ../scss/components/_top.scss */
  .TopNews__ttl {
    flex: 0 1 68.5%; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 92, ../scss/components/_top.scss */
      .TopNews__ttl {
        font-size: 1.6vw; } }
    @media screen and (max-width: 640px) {
      /* line 92, ../scss/components/_top.scss */
      .TopNews__ttl {
        clear: both; } }
@media screen and (max-width: 640px) {
  /* line 103, ../scss/components/_top.scss */
  .TopContentListTtl {
    margin: 0 0 7%; } }
/* line 108, ../scss/components/_top.scss */
.TopContentList__bnr {
  max-width: 1000px;
  margin: 0 auto 2.6%; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    /* line 108, ../scss/components/_top.scss */
    .TopContentList__bnr {
      padding: 0 2.5%; } }
  @media screen and (max-width: 640px) {
    /* line 108, ../scss/components/_top.scss */
    .TopContentList__bnr {
      padding: 0 4.6875%; } }
/* line 118, ../scss/components/_top.scss */
.TopContentList__items {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    /* line 118, ../scss/components/_top.scss */
    .TopContentList__items {
      padding: 0 2.5%; } }
  @media screen and (max-width: 640px) {
    /* line 118, ../scss/components/_top.scss */
    .TopContentList__items {
      padding: 0 4.6875%;
      display: block; } }
/* line 131, ../scss/components/_top.scss */
.TopContentList__item {
  flex: 0 1 31.4%; }
  @media screen and (max-width: 640px) {
    /* line 131, ../scss/components/_top.scss */
    .TopContentList__item {
      margin: 0 0 2%; } }
/* line 137, ../scss/components/_top.scss */
.TopContentList__link {
  display: block; }
/* line 141, ../scss/components/_top.scss */
.TopSlider {
  max-width: 1190px;
  margin: 0 auto;
  position: relative; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    /* line 141, ../scss/components/_top.scss */
    .TopSlider {
      padding: 0 2.5%; } }
  /* line 148, ../scss/components/_top.scss */
  .TopSlider__pattern {
    position: absolute; }
  /* line 151, ../scss/components/_top.scss */
  .TopSlider__pattern01, .TopSlider__pattern02, .TopSlider__pattern03 {
    top: 0; }
  /* line 156, ../scss/components/_top.scss */
  .TopSlider__pattern04, .TopSlider__pattern05, .TopSlider__pattern06, .TopSlider__pattern07 {
    bottom: 0; }
  /* line 162, ../scss/components/_top.scss */
  .TopSlider__pattern01 {
    max-width: 110px;
    right: 0.7%;
    top: -1.6%;
    -webkit-animation: pattern1 3s ease-in-out 1s infinite;
    animation: pattern1 3s ease-in-out 1s infinite; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 162, ../scss/components/_top.scss */
      .TopSlider__pattern01 {
        right: 5%;
        -webkit-animation: pattern1_tab 3s ease-in-out 1s infinite;
        animation: pattern1_tab 3s ease-in-out 1s infinite;
        width: 12%; } }
    @media screen and (max-width: 640px) {
      /* line 162, ../scss/components/_top.scss */
      .TopSlider__pattern01 {
        width: 15%;
        right: 6%;
        top: 0%;
        -webkit-animation: pattern1_sp 3s ease-in-out 1s infinite;
        animation: pattern1_sp 3s ease-in-out 1s infinite; } }
  /* line 182, ../scss/components/_top.scss */
  .TopSlider__pattern02 {
    max-width: 69px;
    right: -6.4%;
    top: 1.6%;
    -webkit-animation: pattern2 4s ease-in-out .5s infinite;
    animation: pattern2 4s ease-in-out .5s infinite; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 182, ../scss/components/_top.scss */
      .TopSlider__pattern02 {
        right: 0%;
        -webkit-animation: pattern2_tab 3s ease-in-out 1s infinite;
        animation: pattern2_tab 3s ease-in-out 1s infinite;
        width: 6.7%;
        top: 7.6%; } }
    @media screen and (max-width: 640px) {
      /* line 182, ../scss/components/_top.scss */
      .TopSlider__pattern02 {
        top: -0.6%;
        width: 10%;
        -webkit-animation: pattern2 4s ease-in-out .5s infinite;
        animation: pattern2 4s ease-in-out .5s infinite; } }
  /* line 202, ../scss/components/_top.scss */
  .TopSlider__pattern03 {
    max-width: 77px;
    right: -2.9%;
    top: 7.1%;
    -webkit-animation: pattern3 4s  ease-in-out 1.5s infinite;
    animation: pattern3 4s ease-in-out 1.5s infinite; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 202, ../scss/components/_top.scss */
      .TopSlider__pattern03 {
        display: none; } }
    @media screen and (max-width: 640px) {
      /* line 202, ../scss/components/_top.scss */
      .TopSlider__pattern03 {
        width: 12%;
        top: 5%; } }
  /* line 216, ../scss/components/_top.scss */
  .TopSlider__pattern04 {
    max-width: 84px;
    bottom: 13.9%;
    left: -4.5%;
    -webkit-animation: pattern4 3s ease-in-out 1.5s infinite;
    animation: pattern4 3s ease-in-out 1.5s infinite; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 216, ../scss/components/_top.scss */
      .TopSlider__pattern04 {
        width: 8.1%; } }
    @media screen and (max-width: 640px) {
      /* line 216, ../scss/components/_top.scss */
      .TopSlider__pattern04 {
        width: 13%;
        bottom: 2%; } }
  /* line 230, ../scss/components/_top.scss */
  .TopSlider__pattern05 {
    max-width: 60px;
    bottom: 6.6%;
    left: -4.7%;
    -webkit-animation: pattern5 6s ease-out .5s infinite;
    animation: pattern5 6s ease-out .5s infinite; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 230, ../scss/components/_top.scss */
      .TopSlider__pattern05 {
        left: 2%;
        width: 8.1%;
        bottom: 8.6%;
        -webkit-animation: pattern5_tab 6s ease-out .5s infinite;
        animation: pattern5_tab 6s ease-out .5s infinite; } }
    @media screen and (max-width: 640px) {
      /* line 230, ../scss/components/_top.scss */
      .TopSlider__pattern05 {
        display: none; } }
  /* line 247, ../scss/components/_top.scss */
  .TopSlider__pattern06 {
    max-width: 59px;
    bottom: 1%;
    left: -8.3%;
    -webkit-animation: pattern6 3s ease-out 1.2s infinite;
    animation: pattern6 3s ease-out 1.2s infinite; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 247, ../scss/components/_top.scss */
      .TopSlider__pattern06 {
        left: 0%;
        width: 8.1%;
        bottom: 1.6%;
        -webkit-animation: pattern6_tab 6s ease-out .5s infinite;
        animation: pattern6_tab 6s ease-out .5s infinite; } }
    @media screen and (max-width: 640px) {
      /* line 247, ../scss/components/_top.scss */
      .TopSlider__pattern06 {
        display: none; } }
  /* line 264, ../scss/components/_top.scss */
  .TopSlider__pattern07 {
    max-width: 82px;
    bottom: 0.7%;
    left: 0.7%;
    -webkit-animation: pattern7 4.5s ease-out 0.3s infinite;
    animation: pattern7 4.5s ease-out 0.3s infinite; }
    @media screen and (min-width: 641px) and (max-width: 999px) {
      /* line 264, ../scss/components/_top.scss */
      .TopSlider__pattern07 {
        display: none; } }
    @media screen and (max-width: 640px) {
      /* line 264, ../scss/components/_top.scss */
      .TopSlider__pattern07 {
        bottom: -3%;
        width: 13%;
        left: 6.7%;
        -webkit-animation: pattern7_sp 4.5s ease-out 0.3s infinite;
        animation: pattern7_sp 4.5s ease-out 0.3s infinite; } }

/*Animation*/
/* line 285, ../scss/components/_top.scss */
#wave {
  width: 100%; }

/* line 288, ../scss/components/_top.scss */
#sineCanvas {
  background: url(../img/top/top_bg_01.jpg) left top repeat;
  background-size: 150px 150px;
  transform: rotateX(180deg); }

@-webkit-keyframes pattern1 {
  0% {
    right: 0.7%; }
  50% {
    right: 1.7%; }
  100% {
    right: 0.7%; } }
@-webkit-keyframes pattern1_tab {
  0% {
    right: 5%; }
  50% {
    right: 6%; }
  100% {
    right: 5%; } }
@-webkit-keyframes pattern1_sp {
  0% {
    right: 6%; }
  50% {
    right: 7%; }
  100% {
    right: 6%; } }
@-webkit-keyframes pattern2 {
  0% {
    right: -6.4%; }
  50% {
    right: -5.4%; }
  100% {
    right: -6.4%; } }
@-webkit-keyframes pattern2_tab {
  0% {
    right: 0%; }
  50% {
    right: 1%; }
  100% {
    right: 0%; } }
@-webkit-keyframes pattern3 {
  0% {
    right: -2.9%; }
  50% {
    right: -1.4%; }
  100% {
    right: -2.9%; } }
@-webkit-keyframes pattern4 {
  0% {
    left: -4.5%; }
  50% {
    left: -3.5%; }
  100% {
    left: -4.5%; } }
@-webkit-keyframes pattern5 {
  0% {
    left: -4.7%; }
  50% {
    left: -5.7%; }
  100% {
    left: -4.7%; } }
@-webkit-keyframes pattern5_tab {
  0% {
    left: 2%; }
  50% {
    left: 1%; }
  100% {
    left: 2%; } }
@-webkit-keyframes pattern6 {
  0% {
    left: -8.3%; }
  50% {
    left: -7.3%; }
  100% {
    left: -8.3%; } }
@-webkit-keyframes pattern6_tab {
  0% {
    left: 2%; }
  50% {
    left: 4%; }
  100% {
    left: 2%; } }
@-webkit-keyframes pattern7 {
  0% {
    left: -0.7%; }
  50% {
    left: 0.7%; }
  100% {
    left: -0.7%; } }
@-webkit-keyframes pattern7_sp {
  0% {
    left: 6.7%; }
  50% {
    left: 5.7%; }
  100% {
    left: 6.7%; } }
@keyframes pattern1 {
  0% {
    right: 0.7%; }
  50% {
    right: 1.7%; }
  100% {
    right: 0.7%; } }
@keyframes pattern1_tab {
  0% {
    right: 5%; }
  50% {
    right: 6%; }
  100% {
    right: 5%; } }
@keyframes pattern1_sp {
  0% {
    right: 6%; }
  50% {
    right: 7%; }
  100% {
    right: 6%; } }
@keyframes pattern2 {
  0% {
    right: -6.4%; }
  50% {
    right: -5.4%; }
  100% {
    right: -6.4%; } }
@keyframes pattern3 {
  0% {
    right: -2.9%; }
  50% {
    right: -1.4%; }
  100% {
    right: -2.9%; } }
@keyframes pattern4 {
  0% {
    left: -4.5%; }
  50% {
    left: -3.5%; }
  100% {
    left: -4.5%; } }
@keyframes pattern5 {
  0% {
    left: -4.7%; }
  50% {
    left: -5.7%; }
  100% {
    left: -4.7%; } }
@keyframes pattern5_tab {
  0% {
    left: 2%; }
  50% {
    left: 1%; }
  100% {
    left: 2%; } }
@keyframes pattern6 {
  0% {
    left: -8.3%; }
  50% {
    left: -7.3%; }
  100% {
    left: -8.3%; } }
@keyframes pattern6_tab {
  0% {
    left: 2%; }
  50% {
    left: 3%; }
  100% {
    left: 2%; } }
@keyframes pattern7 {
  0% {
    left: -0.7%; }
  50% {
    left: 0.7%; }
  100% {
    left: -0.7%; } }
@keyframes pattern7_sp {
  0% {
    left: 6.7%; }
  50% {
    left: 5.7%; }
  100% {
    left: 6.7%; } }

/*# sourceMappingURL=top.css.map */