@charset "UTF-8";
@media only screen and (max-width: 767px) {
  @-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 {
    height: 286px;
    width: 100%;
    margin: 0 auto 50px; }
    .top__container h1 {
      width: 90px;
      height: 65px;
      top: 0;
      left: 0px;
      margin-left: 0; }
    .top__container .top__image .top__image--center {
      width: calc(100% - 40px);
      height: 292px;
      top: 5px; }
      .top__container .top__image .top__image--center li {
        width: 25%; }
    .top__container .top__image .top__image--left, .top__container .top__image .top__image--right {
      display: none; }
    .top__container .top__image--number dl {
      bottom: 18px;
      width: 30px;
      height: 34px;
      background-size: 21px auto;
      font-size: 10px;
	  padding-top: 20px;
	  margin-top: 20px;
	}
    .top__container .top__image--number ul li {
      width: 6px;
      height: 6px;
	}
  

  .contents__container section {
    margin: 0 auto 62px; }
    .contents__container section:last-child {
      margin-bottom: 50px; }
    .contents__container section h2 {
      height: 33px;
      margin: 0 auto 40px; }

  .concept h2 {
    width: 72px; }
  .concept h3 {
    font-size: 16px;
    margin-bottom: 10px; }
  .concept p {
    font-size: 12px;
    margin-bottom: 20px;
    text-align: left; }
  .concept h4 {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.4;
    padding-top: 20px; }
  .concept .concept__image {
    width: 100%;
    margin: 0 auto 16px; }
    .concept .concept__image img {
      border-radius: 16px; }
  .concept .concept__list {
    margin: 30px auto 0; }
    .concept .concept__list li {
      display: block;
      margin-bottom: 10px; }
      .concept .concept__list li:first-child {
        margin-right: 0; }
      .concept .concept__list li:last-child .concept__list--image {
        margin-right: 0;
        margin-left: 15px;
        float: right; }
      .concept .concept__list li .concept__list--image {
        margin-right: 15px;
        width: 40%;
        float: left; }
      .concept .concept__list li h5 {
        font-size: 14px;
        margin-bottom: 7px; }
      .concept .concept__list li p {
        font-size: 12px; }
  .concept .concept__voice {
    width: 100%;
    padding: 0 24px; }
    .concept .concept__voice .concept__voice--title {
      font-size: 16px;
      margin-bottom: 15px;
      line-height: 52px; }
    .concept .concept__voice .concept__voice--list {
      margin: 0 auto; }
      .concept .concept__voice .concept__voice--list li {
        float: none;
        margin: 0 auto 20px;
        width: 100%; }
        .concept .concept__voice .concept__voice--list li p {
          font-size: 12px;
          margin-bottom: 5px; }
        .concept .concept__voice .concept__voice--list li div {
          font-size: 10px; }


	
 .concept2 {
    width: 100%;
    font-size: 7px; }	
	
  .concept2 h2 {
    width: 54px;
	}
  
  .concept2 p {
    font-size: 12px;
    margin-bottom: 20px;
    text-align: left; }
	
	
	
	
	
	
	
	

	
  .concept3 {
    width: 100%;
    font-size: 10px; }
    .concept3 h2 {
      width: 111px; }
    .concept3 ul li {
      margin-bottom: 10px; }
      .concept3 ul li dt {
        left: 0; }
      .concept3 ul li dd {
        margin-left: 108px; }