@charset "utf-8";
/* CSS Document */

.tokutoku_wrapper {
  width: 100%;
  background-color: #f08300;
  border-radius: 1em;
  padding: 1em;
	margin-bottom: 1em;
}
.tokutoku_inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.tokutoku_wrapper .tokutoku_inner h2 {
  width: 22.77%;
  align-content: center;
  padding: 0 1.2em 0 .8em;
  margin: 0;
}
.tokutoku_wrapper .tokutoku_inner ul {
  width: 77.23%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0em;
}
.tokutoku_wrapper .tokutoku_inner ul li {
  width: 33.3%;
  align-content: center;
  padding-right: .8em;
}
.tokutoku_wrapper .tokutoku_inner ul li:last-child {
  padding-right: 0em;
}
.tokutoku_wrapper .tokutoku_info {
  font-family: "Kosugi Maru", sans-serif;
  font-style: normal;
  font-size: 1em;
  color: #fff;
  background-color: #6c0c0d;
  text-align: center;
  padding: .3em 0;
  margin: 0px;
}
@media screen and (max-width: 750px) {
  .tokutoku_wrapper {
    width: 94%;
    border-radius: 1em 1em 0 0;
  }
  .tokutoku_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
  }
  .tokutoku_wrapper .tokutoku_inner h2 {
    width: 47%;
    align-content: center;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
  }
  .tokutoku_wrapper .tokutoku_inner h2 img {
    width: 90%;
    margin: 0 auto;
  }
  .tokutoku_wrapper .tokutoku_inner ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0em;
    padding: 0;
  }
  .tokutoku_wrapper .tokutoku_inner ul li {
    width: 50%;
    align-content: center;
    text-align: center;
    padding: 0;
  }
  .tokutoku_wrapper .tokutoku_inner ul li:first-child {
    width: 50%;
    margin-left: 50%;
  }
  .tokutoku_wrapper .tokutoku_inner ul li img {
    width: 95%;
    margin: 0 auto;
  }
  .tokutoku_wrapper .tokutoku_info {
    overflow-x: hidden;
  }
  .tokutoku_wrapper .tokutoku_info span {
    display: inline-block;
    padding-left: 100%;
    white-space: nowrap;
    line-height: 1em;
    animation: scrollAnime_s1 8s linear infinite;
  }
  @keyframes scrollAnime_s1 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
}