@charset "UTF-8";
@media screen and (max-width: 768px) {
  /* btn設定
     =================================================================== */
  .btn {
    width: 142px;
    height: 33px;
    background: url(../img/common/btn.png) no-repeat 119px center;
    background-size: 10px auto;
    margin: 0 auto; }
    .btn a {
      line-height: 33px;
      font-size: 9px; }

  /* top設定
     =================================================================== */
  .top .header {
    margin: 26px auto 32px; }

  .top__image {
    height: auto;
    margin: 0 auto 35px;
    background: 0; }
    .top__image .top__image--title {
      position: relative;
      top: auto;
      right: auto;
      width: 142px;
      margin: 0 auto; }
      .top__image .top__image--title p {
        width: 110px;
        height: 35px;
        margin: 0 auto 14px; }
      .top__image .top__image--title .btn.black {
        width: 142px;
        height: 33px;
        background: url(../img/common/btn.png) no-repeat 119px center;
        background-size: 10px auto;
        margin: 0 auto;
        background: url(../img/common/btn__black.png) no-repeat 119px center #000;
        background-size: 10px auto; }
        .top__image .top__image--title .btn.black a {
          line-height: 33px;
          font-size: 9px; }
    .top__image .top__image--main {
      width: 100%;
      position: relative;
      left: 0;
      margin-left: 0; }

  .top__about, .top__product, .top__news {
    width: 100%;
    margin: 0 auto 85px;
    padding: 0 23px; }
    .top__about h2, .top__product h2, .top__news h2 {
      margin: 0 auto 20px; }

  .top__about h2 {
    background: url(../img/common/title/about.png) no-repeat center center;
    background-size: auto 19px; }
  .top__about p {
    line-height: 2.2;
    margin-bottom: 12px; }

  .top__product h2 {
    background-size: auto 19px; }
  .top__product dl {
    width: 231px;
    margin: -60px auto 5px; }
    .top__product dl dt {
      margin-bottom: 10px; }
  .top__product p {
    width: 100%;
    margin: 0 auto 16px;
    font-size: 10px; }

  .top__news {
    margin: 0 auto 25px; }
    .top__news h2 {
      background-size: auto 19px; }
    .top__news ul li {
      border-radius: 30px;
      padding: 8px 24px 6px;
      line-height: 1.6;
      margin-bottom: 19px;
      position: relative;
      overflow: hidden; }
      .top__news ul li span {
        position: relative;
        top: auto;
        left: auto;
        display: block; }
      .top__news ul li p {
        margin-left: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
        .top__news ul li p a {
          text-decoration: underline; }
      .top__news ul li .pdf__icon a {
        height: 100%; } }
@media screen and (max-width: 320px) {
  /* plant設定
     =================================================================== */
  ul.plant li.plant__7 {
    top: 1091px !important; }
  ul.plant li.plant__12 {
    top: 993px !important;
    left: 187px !important; }
  ul.plant li.plant__16 {
    top: 1417px !important; } }