@charset "UTF-8";
/* CSS Document */
#page-enviroment .ev-flex {margin-top: -40px;}
#page-enviroment .ev-flex li {margin: 0;}
#page-enviroment .ev-flex li:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;}
#page-enviroment .ev-flex li:nth-child(1) div:nth-child(1) {width: 60%;}
#page-enviroment .ev-flex li:nth-child(1) div:nth-child(1) img {width: 100%;}
#page-enviroment .ev-flex li:nth-child(1) div:nth-child(2) {width: 40%;}
#page-enviroment .ev-flex li:nth-child(1) div:nth-child(2) img {display: block;width: 60%;margin: 0 auto;}
#page-enviroment .ev-flex li:nth-child(2) {width: 100%;margin: 60px 0 20px;}
#page-enviroment .ev-flex li:nth-child(2) p.txt {padding-top: 0;}
#page-enviroment .ev-flex li:nth-child(3) {width: 100%;}
#page-enviroment .ev-flex li:nth-child(3) table {width: 100%;margin: 0;border-collapse: collapse;position: relative;}
#page-enviroment .ev-flex li:nth-child(3) table + table {margin-top: -1px;}
#page-enviroment .ev-flex li:nth-child(3) table + table::before {display: block;content: '';width: 100%;height: 1px;background: #199780;position: absolute;top: -3px;}
#page-enviroment .ev-flex li:nth-child(3) table:last-child {margin-bottom: 5em;}
#page-enviroment .ev-flex li:nth-child(3) table thead tr th {font-weight: 600;text-indent: -0.5em;padding: 0.5em 0;}
#page-enviroment .ev-flex li:nth-child(3) table tbody {}
#page-enviroment .ev-flex li:nth-child(3) table tbody.table-01 {border: 1px solid #199780;}
#page-enviroment .ev-flex li:nth-child(3) table tbody.table-02 {border: 1px solid #199780;}
#page-enviroment .ev-flex li:nth-child(3) table tbody tr td,
#page-enviroment .ev-flex li:nth-child(3) table tbody tr th {padding: 0.5em 1em;}/*border-top: 1px solid #199780;*/
#page-enviroment .ev-flex li:nth-child(3) table tbody tr th {text-align: center;border-bottom: 1px solid #199780;background: #d4eae6;}
#page-enviroment .ev-flex li:nth-child(3) table tbody tr th + th,
#page-enviroment .ev-flex li:nth-child(3) table tbody tr td + td {text-align: center;border-left: 1px solid #199780;}
#page-enviroment .ev-flex li:nth-child(3) table tbody tr td:nth-child(1) {width: 28%;}
#page-enviroment .ev-flex li:nth-child(3) table tbody tr td + td {width: 18%;}
#page-enviroment .ev-flex li:nth-child(3) table tbody.table-02 tr:nth-child(n + 2) td,
#page-enviroment .ev-flex li:nth-child(3) table tbody.table-01 tr:nth-child(n + 3) td {border-top: 1px dotted #bbb;}
#page-enviroment .ev-flex li:nth-child(3) table tbody.table-02 {}
#page-enviroment .ev-flex li:nth-child(3) table tbody tr td span {display: inline-block;}
#page-enviroment .ev-flex li:nth-child(3) table tbody tr td small {display: block;font-size: 11px;}
@media only screen and (min-width: 768px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 768px) {
  .scroller {overflow-x: scroll;position: relative;}
  .scroller:before {content: "";display: block;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("../img/common/common_swipe.png") no-repeat 50% 50%;background-size: 35% auto;z-index: 2;}
  .scroller:after {content: "";display: block;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;position: absolute;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.65);width: 210%;padding: 3%;z-index: 1;}
  .scroller.on:before,
  .scroller.on:after {opacity: 0;}
  .scroller table {width: 210%;opacity: 0.5;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;}
  .scroller.on table {opacity: 1;}
  #page-enviroment .ev-flex {margin-top: -40px;}
  #page-enviroment .ev-flex li {width: 100% !important;}
  #page-enviroment .ev-flex li:nth-child(1) div:nth-child(1) {width: 100%;}
  #page-enviroment .ev-flex li:nth-child(1) div:nth-child(2) {width: 100%;margin-top: 2em;}
  #page-enviroment .ev-flex li:nth-child(1) div:nth-child(2) img {width: 40%;}
  #page-enviroment .ev-flex li:nth-child(2) {margin: 30px 0 0;}
  #page-enviroment .ev-flex li:nth-child(3) table {width: 800px;}
  #page-enviroment .ev-flex li:nth-child(3) table:last-child {margin-bottom: 2em;}
}