@charset "UTF-8";
/* ==========================================

	Last Up Date 2022/03/25
    0.00.00 All Setting
        0.01.00 @keyfream
	1.00.00 PC_media screen
		1.01.00 #header 設定
	2.00.00 TB_media screen
		2.01.00 #main_photo 設定
	3.00.00 SP_media screen
		3.01.00 #main_photo 設定

========================================== */
/* ==========================================
0.00.00 All Setting
========================================== */
/* ==========================================
    0.01.00 @keyfream
========================================== */
@keyframes alert_fl {
  0%,70%,100% {
    opacity: 1.0; }
  50% {
    opacity: 0; } }
/* ==========================================
1.00.00 PC_media screen
========================================== */
@media screen and (min-width: 1025px), print {
  /* ==========================================
  	1.01.00 #header 設定
  ========================================== */
  /* ==========================================
  	1.02.00 #main_ct 設定
  ========================================== */
  div#main_ct {
    width: 100%;
    margin: -71px 0 0;
    padding: 141px 50px 0;
    background: #F2F5F9;
    position: relative;
    box-sizing: border-box;
    z-index: 1; }
    div#main_ct::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 45px;
      width: 100%;
      background: #28282D; }
    div#main_ct h2 {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.1rem;
      color: #231815;
      position: relative; }

  /* ==========================================
  	1.02.01 #ar_list 設定
  ========================================== */
  div#ar_list {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 0 40px;
    box-sizing: border-box; }
    div#ar_list h2 {
      margin: 0 0 25px; }
      div#ar_list h2 span {
        display: inline-block;
        background: #FF3D01;
        color: #FFFFFF;
        font-size: 14px;
        line-height: 1.0;
        letter-spacing: 0.05rem;
        padding: 5px 10px;
        box-sizing: border-box;
        border-radius: 100px;
        margin: 0 0 0 47px;
        animation: alert_fl 3.0s linear infinite; }
      div#ar_list h2::after {
        content: "";
        position: absolute;
        left: 125px;
        top: calc(50% - 9.5px);
        background: url("../../img/index/ar_icon.svg") no-repeat;
        background-size: contain;
        width: 28px;
        height: 19px; }
    div#ar_list h2 + ul {
      display: block;
      width: 100%;
      box-sizing: border-box; }
      div#ar_list h2 + ul li {
        display: flex;
        width: 100%;
        align-items: center;
        color: #9EA1B2;
        padding: 15px 210px 15px 70px;
        box-sizing: border-box; }
        div#ar_list h2 + ul li > p {
          width: 85px; }
        div#ar_list h2 + ul li div {
          display: flex;
          align-items: center;
          width: calc(100% - 85px); }
          div#ar_list h2 + ul li div p {
            width: 20%; }
            div#ar_list h2 + ul li div p:nth-child(2) {
              width: 15%; }
            div#ar_list h2 + ul li div p:last-child {
              width: 25%; }
    div#ar_list ul + ul {
      display: block;
      width: 100%; }
      div#ar_list ul + ul li {
        display: flex;
        align-items: center;
        width: 100%;
        background: #FFFFFF;
        padding: 28px 35px;
        box-sizing: border-box; }
        div#ar_list ul + ul li:not(:first-child) {
          margin: 2px 0 0; }
        div#ar_list ul + ul li > p:first-child {
          font-size: 17px;
          line-height: 1.0;
          color: #00C9AD;
          margin: 0 18px 0 0; }
          div#ar_list ul + ul li > p:first-child.ch_alert {
            color: #FF3D01; }
        div#ar_list ul + ul li > p:nth-child(2) {
          width: 85px; }
        div#ar_list ul + ul li div:first-of-type {
          display: flex;
          align-items: center;
          width: calc(100% - 295px); }
          div#ar_list ul + ul li div:first-of-type p, div#ar_list ul + ul li div:first-of-type > a {
            display: block;
            width: 20%;
            font-size: 15px;
            line-height: 1.3;
            letter-spacing: 0.05rem;
            color: #000000;
            box-sizing: border-box;
            word-break: break-all; }
          div#ar_list ul + ul li div:first-of-type p:not(:nth-child(3)) {
            padding: 0 20px 0 0; }
          div#ar_list ul + ul li div:first-of-type p:nth-child(2) {
            width: 15%; }
          div#ar_list ul + ul li div:first-of-type a:last-of-type {
            width: 25%;
            padding: 0 30px 0 0; }
          div#ar_list ul + ul li div:first-of-type a:hover {
            color: #00C9AD; }
        div#ar_list ul + ul li div:last-child {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          width: 175px;
          margin: 0 0 0 auto; }
          div#ar_list ul + ul li div:last-child a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 75px;
            border-radius: 100px;
            padding: 8px 3px;
            box-sizing: border-box;
            color: #FFFFFF;
            background: rgba(0, 0, 0, 0.2);
            font-size: 13px;
            letter-spacing: 0.05rem;
            line-height: 1.0; }
            div#ar_list ul + ul li div:last-child a:last-child {
              margin: 0 0 0 12px;
              background: #2F3243; }
            div#ar_list ul + ul li div:last-child a.ch_ok {
              background: #00C9AD; }
          div#ar_list ul + ul li div:last-child a:first-child:hover {
            background: #00C9AD;
            opacity: 0.7;
            transform: scale(1.05); }
          div#ar_list ul + ul li div:last-child a:last-child:hover {
            background: #2395ED;
            transform: scale(1.05); }

  /* ==========================================
  	1.02.02 #maintenance 設定
  ========================================== */
  div#maintenance {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
    div#maintenance::after {
      content: "";
      position: absolute;
      left: -100%;
      width: 300%;
      height: calc(100% - 90px);
      top: 45px;
      background: #FFFFFF;
      z-index: -1; }
    div#maintenance div#mt_ca {
      display: block;
      max-width: 445px;
      width: 33%;
      box-sizing: border-box;
      padding: 0 15px 0 0;
      position: relative; }
      div#maintenance div#mt_ca div:first-child {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 85px;
        background: #28282D;
        color: #FFFFFF; }
        div#maintenance div#mt_ca div:first-child p {
          display: block;
          font: 400 24px 'Bebas Neue',Arial, Helvetica, "sans-serif";
          letter-spacing: 0.25rem;
          line-height: 1.0; }
        div#maintenance div#mt_ca div:first-child button {
          display: block;
          width: 10px;
          height: 10px;
          position: absolute;
          transform: rotate(45deg);
          top: calc(50% - 5px);
          box-sizing: border-box;
          cursor: pointer; }
          div#maintenance div#mt_ca div:first-child button.prev {
            left: 35px;
            border-bottom: solid 3px #A2A7BB;
            border-left: solid 3px #A2A7BB; }
          div#maintenance div#mt_ca div:first-child button.next {
            right: 35px;
            border-top: solid 3px #A2A7BB;
            border-right: solid 3px #A2A7BB; }
          div#maintenance div#mt_ca div:first-child button:hover {
            transform: rotate(45deg) scale(1.2);
            border-color: #00C9AD; }
      div#maintenance div#mt_ca div + div ul {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0 35px;
        min-height: 302px;
        box-sizing: border-box;
        background: #202124;
        color: #FFFFFF; }
        div#maintenance div#mt_ca div + div ul li {
          display: flex;
          align-self: stretch;
          justify-content: space-between;
          width: 100%; }
          div#maintenance div#mt_ca div + div ul li:not(:first-child) {
            margin: 25px 0 0; }
          div#maintenance div#mt_ca div + div ul li:first-child {
            color: #9EA1B2; }
          div#maintenance div#mt_ca div + div ul li p {
            display: block;
            width: 20px;
            text-align: center;
            font: 400 16px "Arial", Gadget, "sans-serif";
            letter-spacing: 0.1rem;
            line-height: 1.0;
            box-sizing: border-box;
            position: relative;
            z-index: 1; }
            div#maintenance div#mt_ca div + div ul li p.disabled {
              color: #9EA1B2; }
            div#maintenance div#mt_ca div + div ul li p.today::after {
              content: "";
              position: absolute;
              width: 32px;
              height: 32px;
              background: #00C9AD;
              border-radius: 100px;
              left: calc(50% - 17px);
              top: calc(50% - 17px);
              z-index: -1; }
      div#maintenance div#mt_ca > p {
        display: flex;
        align-items: center;
        position: absolute;
        right: 15px;
        bottom: -20px; }
        div#maintenance div#mt_ca > p span {
          display: block;
          font-size: 13px;
          line-height: 1.0;
          padding: 0 0 0 15px;
          position: relative; }
          div#maintenance div#mt_ca > p span::after {
            content: "";
            position: absolute;
            left: 0;
            top: calc(50% - 6px);
            border-radius: 100px;
            width: 12px;
            height: 12px;
            background: #00C9AD; }
          div#maintenance div#mt_ca > p span:last-child {
            margin: 0 0 0 20px; }
            div#maintenance div#mt_ca > p span:last-child::after {
              background: #FF3D01; }
    div#maintenance div#mt_list {
      width: 67%; }
      div#maintenance div#mt_list > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 85px;
        background: #28282D;
        color: #FFFFFF;
        box-sizing: border-box;
        padding: 0 35px; }
        div#maintenance div#mt_list > div h2 {
          color: #FFFFFF; }
          div#maintenance div#mt_list > div h2 span {
            display: inline-block;
            background: #FF3D01;
            color: #FFFFFF;
            font-size: 14px;
            line-height: 1.0;
            letter-spacing: 0.05rem;
            padding: 5px 10px;
            box-sizing: border-box;
            border-radius: 100px;
            margin: 0 0 0 47px;
            animation: alert_fl 3.0s linear infinite; }
          div#maintenance div#mt_list > div h2::after {
            content: "";
            position: absolute;
            left: 200px;
            top: calc(50% - 9px);
            background: url("../../img/index/me_icon.svg") no-repeat;
            background-size: contain;
            width: 19px;
            height: 18px; }
        div#maintenance div#mt_list > div p {
          display: flex;
          align-items: center;
          font-size: 15px;
          letter-spacing: 0.1rem; }
          div#maintenance div#mt_list > div p a {
            display: block;
            font: 400 22px 'Bebas Neue',Arial, Helvetica, "sans-serif";
            letter-spacing: 0.3rem;
            line-height: 1.0;
            color: #00C9AD;
            padding: 0 3px 0 5px;
            margin: 0 0 -2px; }
      div#maintenance div#mt_list div + ul {
        display: block;
        width: 100%;
        background: #1E1D1F;
        color: #9EA1B2;
        box-sizing: border-box; }
        div#maintenance div#mt_list div + ul li {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 15px 35px;
          box-sizing: border-box; }
          div#maintenance div#mt_list div + ul li > p {
            width: 90px; }
          div#maintenance div#mt_list div + ul li div {
            width: calc(100% - 170px); }
            div#maintenance div#mt_list div + ul li div p {
              width: 20%; }
              div#maintenance div#mt_list div + ul li div p:first-child {
                text-align: center; }
          div#maintenance div#mt_list div + ul li div {
            display: flex;
            align-items: center; }
      div#maintenance div#mt_list ul + ul {
        display: block;
        width: 100%;
        background: #202124;
        color: #FFFFFF; }
        div#maintenance div#mt_list ul + ul li {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 10px 35px;
          box-sizing: border-box; }
          div#maintenance div#mt_list ul + ul li:not(:first-child) {
            border-top: solid thin #505574; }
          div#maintenance div#mt_list ul + ul li p, div#maintenance div#mt_list ul + ul li p span, div#maintenance div#mt_list ul + ul li p a {
            font-size: 15px;
            letter-spacing: 0.05rem;
            line-height: 1.3;
            color: #FFFFFF; }
          div#maintenance div#mt_list ul + ul li > p:first-child {
            display: flex;
            flex-flow: column;
            position: relative;
            width: 90px; }
            div#maintenance div#mt_list ul + ul li > p:first-child::after {
              content: "";
              position: absolute;
              left: calc(50% - 3px);
              top: calc(50% - 3.5px);
              background: url("../../img/index/arrow_icon.svg") no-repeat;
              background-size: contain;
              width: 6px;
              height: 7px; }
            div#maintenance div#mt_list ul + ul li > p:first-child span:last-child {
              margin: 24px 0 0; }
          div#maintenance div#mt_list ul + ul li > div {
            display: flex;
            align-items: center;
            width: calc(100% - 170px);
            box-sizing: border-box;
            padding: 0 10px; }
            div#maintenance div#mt_list ul + ul li > div p {
              display: block;
              width: 20%;
              word-break: break-all;
              box-sizing: border-box;
              padding: 0 20px 0 0; }
              div#maintenance div#mt_list ul + ul li > div p:first-child {
                text-align: center; }
              div#maintenance div#mt_list ul + ul li > div p:last-child {
                width: 40%;
                padding: 0; }
              div#maintenance div#mt_list ul + ul li > div p a:hover {
                color: #00C9AD; }
          div#maintenance div#mt_list ul + ul li > a:last-child {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 75px;
            border-radius: 100px;
            padding: 8px 3px;
            margin: 0 0 0 5px;
            box-sizing: border-box;
            color: #FFFFFF;
            background: rgba(0, 0, 0, 0.2);
            font-size: 13px;
            letter-spacing: 0.05rem;
            line-height: 1.0;
            background: #2F3243; }
            div#maintenance div#mt_list ul + ul li > a:last-child:hover {
              background: #2395ED;
              transform: scale(1.05); }

  /* ==========================================
  	1.02.03 #plant_list 設定
  ========================================== */
  div#plant_list {
    width: 100%;
    margin: 65px 0 0; }
    div#plant_list div.in_box {
      max-width: 1500px; }
      div#plant_list div.in_box > div:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 20px; }
        div#plant_list div.in_box > div:first-child h2::after {
          content: "";
          position: absolute;
          left: 105px;
          top: calc(50% - 12.5px);
          background: url("../../img/index/pp_icon.svg") no-repeat;
          background-size: contain;
          width: 25px;
          height: 23px; }
        div#plant_list div.in_box > div:first-child p {
          display: flex;
          align-items: center;
          font-size: 15px;
          letter-spacing: 0.1rem; }
          div#plant_list div.in_box > div:first-child p a {
            display: block;
            font: 400 22px 'Bebas Neue',Arial, Helvetica, "sans-serif";
            letter-spacing: 0.3rem;
            line-height: 1.0;
            color: #00C9AD;
            padding: 0 3px 0 5px;
            margin: 0 0 -2px; }
      div#plant_list div.in_box div + ul {
        display: block;
        width: 100%; }
        div#plant_list div.in_box div + ul li {
          display: flex;
          align-items: center;
          width: calc(100% - 230px);
          color: #9EA1B2;
          padding: 15px 35px;
          box-sizing: border-box; }
          div#plant_list div.in_box div + ul li p {
            width: 15%; }
            div#plant_list div.in_box div + ul li p:nth-child(5) {
              width: 25%; }
      div#plant_list div.in_box ul + ul {
        display: block;
        width: 100%; }
        div#plant_list div.in_box ul + ul li {
          display: flex;
          align-items: center;
          box-sizing: border-box;
          padding: 28px 35px;
          background: #FFFFFF;
          /*exsample glaph setting*/ }
          div#plant_list div.in_box ul + ul li > div:first-child {
            display: flex;
            align-items: center;
            box-sizing: border-box;
            width: calc(100% - 230px); }
            div#plant_list div.in_box ul + ul li > div:first-child p {
              display: block;
              font-size: 15px;
              line-height: 1.3;
              letter-spacing: 0.05rem;
              color: #000000;
              box-sizing: border-box;
              word-break: break-all;
              width: 15%; }
              div#plant_list div.in_box ul + ul li > div:first-child p:nth-child(4) {
                display: flex;
                align-items: center; }
                div#plant_list div.in_box ul + ul li > div:first-child p:nth-child(4) span:first-child {
                  width: 45px; }
                div#plant_list div.in_box ul + ul li > div:first-child p:nth-child(4) span:last-child {
                  width: calc(100% - 45px);
                  height: 18px;
                  position: relative; }
                  div#plant_list div.in_box ul + ul li > div:first-child p:nth-child(4) span:last-child::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 98%;
                    height: 100%;
                    background: #00C9AD; }
              div#plant_list div.in_box ul + ul li > div:first-child p:nth-child(5) {
                width: 25%; }
              div#plant_list div.in_box ul + ul li > div:first-child p:not(:last-child) {
                padding: 0 20px 0 0; }
              div#plant_list div.in_box ul + ul li > div:first-child p span {
                font-size: 15px;
                line-height: 1.3;
                letter-spacing: 0.05rem;
                color: #000000; }
              div#plant_list div.in_box ul + ul li > div:first-child p a {
                display: block;
                color: #000000;
                font-size: 15px;
                line-height: 1.3;
                letter-spacing: 0.05rem; }
                div#plant_list div.in_box ul + ul li > div:first-child p a:hover {
                  color: #00C9AD; }
          div#plant_list div.in_box ul + ul li > div:last-child {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin: 0 0 0 auto;
            width: 230px; }
            div#plant_list div.in_box ul + ul li > div:last-child a, div#plant_list div.in_box ul + ul li > div:last-child p {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 75px;
              border-radius: 100px;
              padding: 8px 3px;
              box-sizing: border-box;
              color: #FFFFFF;
              background: #2F3243;
              font-size: 13px;
              letter-spacing: 0.05rem;
              line-height: 1.0; }
            div#plant_list div.in_box ul + ul li > div:last-child a:hover {
              background: #00C9AD; }
            div#plant_list div.in_box ul + ul li > div:last-child p {
              background: rgba(0, 0, 0, 0.2);
              width: 130px;
              margin: 0 12px 0 0; }
              div#plant_list div.in_box ul + ul li > div:last-child p.me_ic {
                background: #202124; }
              div#plant_list div.in_box ul + ul li > div:last-child p.ag_ic {
                background: #00C9AD; }
              div#plant_list div.in_box ul + ul li > div:last-child p.ar_ic {
                background: #FF3D01;
                animation: alert_fl 3.0s linear infinite; }
          div#plant_list div.in_box ul + ul li:not(:first-child) {
            margin: 2px 0 0; }
          div#plant_list div.in_box ul + ul li:nth-child(2) p:nth-child(4) span:last-child::after, div#plant_list div.in_box ul + ul li:nth-child(4) p:nth-child(4) span:last-child::after, div#plant_list div.in_box ul + ul li:nth-child(5) p:nth-child(4) span:last-child::after {
            width: 60% !important;
            background: #202124 !important; }
          div#plant_list div.in_box ul + ul li:nth-child(3) p:nth-child(4) span:last-child::after {
            width: 30% !important;
            background: #FF3D01 !important; }

  /* ==========================================
  	1.03.00 #footer 設定
  ========================================== */ }
/* ==========================================
2.00.00 TB_media screen
========================================== */
@media screen and (max-width: 1024px) and (min-width: 569px) {
  /* ==========================================
  	2.01.00 #main_photo 設定
  ========================================== */ }
/* ==========================================
3.00.00 SP_media screen
========================================== */
@media screen and (max-width: 568px) {
  /* ==========================================
  	3.01.00 #main_photo 設定
  ========================================== */ }