/*  support
--------------------------------------------------------- */
/*- common -*/
.support #gNav_Wrap--pc .gNav > li > a.gNav_support {
  color: #000; }

.support #wrap #wrap__Inner {
  max-width: 1600px; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

/*  TOP
--------------------------------------------------------- */
#main__Content {
  margin-bottom: 195px; }
  #main__Content .mdl_nm_wrap h2 {
    text-align: center;
    margin-bottom: 80px;
    font-weight: normal;
    font-size: 30px;
    position: relative; }
  #main__Content .mdl_nm_wrap .mdl_box .type_wrap {
    display: flex;
    justify-content: center; }
    #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box {
      align-self: flex-start;
      margin-right: 60px;
      position: relative; }
      #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl {
        border: 1px solid #00aeb7;
        padding: 10px 20px;
        background: #fff;
        z-index: 999; }
        #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dt {
          font-size: 13px;
          font-weight: bold;
          color: #00aeb7; }
          #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dt span {
            color: #b5b5b6; }
        #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dd {
          font-size: 13px;
          color: #00aeb7; }
          #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dd i {
            text-decoration: underline;
            font-style: normal; }
        #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl.others {
          background: #dcdddd;
          padding: 10px 40px 10px 20px;
          margin-top: 10px;
          border: none; }
          #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl.others dt {
            color: #595757;
            font-size: 12px; }
          #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl.others dd {
            color: #595757;
            font-size: 12px;
            line-height: 1.4; }
      #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box::last-child {
        margin-right: 0; }
    #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type-item03 {
      align-self: flex-end;
      margin-right: 0; }
    #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type-item05 {
      margin-right: 15px; }
    #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type-item06 {
      align-self: flex-end;
      margin-right: 0;
      padding-right: 50px; }
    #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type-item07 {
      margin-left: -50px; }
    #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type-item13 {
      align-self: flex-end; }
  #main__Content .mdl_nm_wrap .mdl_box .type-up {
    margin-bottom: 35px; }
  #main__Content .mdl_nm_wrap .mdl_box .type-bottom {
    margin-top: 35px; }
  #main__Content .mdl_nm_wrap .mdl_box .tab_data, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 {
    display: none; }
  #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num {
    display: flex;
    justify-content: center; }
    #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li {
      height: 60px;
      line-height: 60px;
      background: #f5f5f5;
      font-size: 40px;
      padding: 0 15px;
      text-align: center;
      margin-right: 20px; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li span.f2g {
        color: #b5b5b6; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li::last-child {
        margin-right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.combi {
        margin-right: 0;
        padding-right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.combi-r {
        padding-left: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li::before {
        content: "";
        position: absolute;
        background: #00aeb7;
        margin: auto; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li::after {
        content: "";
        position: absolute;
        background: #00aeb7;
        margin: auto; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num01 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num01::before {
          width: 2px;
          height: 66px;
          top: -66px;
          bottom: 0;
          left: -50px; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num01::after {
          width: 50px;
          height: 2px;
          top: 0;
          bottom: 0;
          left: -50px; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num02 {
        position: relative;
        margin-right: 0;
        padding-right: 0; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num02::before {
          width: 2px;
          height: 52px;
          bottom: -52px;
          left: 30%;
          right: 0; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num02::after {
          width: 44px;
          height: 2px;
          top: 0;
          bottom: -162px;
          left: -5px; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num03 {
        position: relative;
        padding-left: 0; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num03::after {
          width: 2px;
          height: 113px;
          left: 35%;
          bottom: -113px; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num05 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num05::before {
          width: 2px;
          height: 102px;
          top: -102px;
          left: 0;
          right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num06 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num06::after {
          width: 2px;
          height: 35px;
          left: 0;
          right: 0;
          bottom: -35px; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num07 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num07::before {
          width: 2px;
          height: 80px;
          bottom: -80px;
          left: 0;
          right: 0; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num07::after {
          width: 45px;
          height: 2px;
          bottom: -80px;
          left: 0;
          right: -45px; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num08 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num08::before {
          width: 2px;
          height: 60px;
          top: -60px;
          left: 0;
          right: 0; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num08::after {
          width: 28px;
          height: 2px;
          top: -60px;
          left: -28px;
          right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num09 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num09::after {
          width: 2px;
          height: 146px;
          top: -146px;
          left: 0;
          right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num10 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num10::before {
          width: 2px;
          height: 66px;
          top: -66px;
          left: -40px;
          bottom: 0; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num10::after {
          width: 40px;
          height: 2px;
          left: -40px;
          top: 0;
          bottom: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num13 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num13::before {
          width: 2px;
          height: 79px;
          top: -79px;
          left: 0;
          right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num15 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num15::before {
          width: 2px;
          height: 145px;
          top: -145px;
          left: 0;
          right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num17 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num17::before {
          width: 60px;
          height: 2px;
          left: -21px;
          bottom: -50px; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num17::after {
          width: 2px;
          height: 50px;
          right: 35%;
          bottom: -50px; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num18 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num18::before {
          width: 2px;
          height: 101px;
          bottom: -101px;
          left: 30%; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num21 {
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li.num21::before {
          width: 2px;
          height: 35px;
          bottom: -35px;
          left: 0;
          right: 0; }
  #main__Content .mdl_nm_wrap p.mdl_note {
    text-align: center;
    margin-top: 60px; }
  #main__Content .mdl_nm_gas {
    margin-top: 120px; }
    #main__Content .mdl_nm_gas .mdl_box ul.mdl_num {
      width: 580px;
      margin: 0 auto;
      justify-content: start; }
      #main__Content .mdl_nm_gas .mdl_box ul.mdl_num:last-of-type {
        margin-top: 20px; }

/*-- //smartPhone --*/
@media screen and (max-width: 768px) {
  #main__Content {
    margin-bottom: 100px; }
    #main__Content .mdl_nm_wrap h2 {
      margin-bottom: 40px;
      font-size: 5vw; }
      #main__Content .mdl_nm_wrap h2::after {
        bottom: -15px; }
    #main__Content .mdl_nm_wrap .mdl_box .type_wrap {
      display: none; }
      #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box {
        align-self: flex-start;
        border: 1px solid #00aeb7;
        padding: 10px 20px;
        margin-right: 60px;
        position: relative; }
        #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dt {
          font-size: 13px;
          font-weight: bold; }
        #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dd {
          font-size: 13px; }
          #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dd span {
            color: #b5b5b6; }
          #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box dl dd i {
            text-decoration: underline;
            font-style: normal; }
        #main__Content .mdl_nm_wrap .mdl_box .type_wrap .type_box::last-child {
          margin-right: 0; }
    #main__Content .mdl_nm_wrap .mdl_box .tab_data, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 {
      display: block;
      margin: 30px auto 0;
      width: 80vw; }
      #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box {
        align-self: flex-start; }
        #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box dl, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box dl {
          border: 1px solid #00aeb7;
          padding: 10px 20px; }
          #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box dl dt, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box dl dt {
            font-size: 13px;
            font-weight: bold;
            color: #00aeb7; }
          #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box dl dd, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box dl dd {
            font-size: 13px;
            color: #00aeb7; }
            #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box dl dd i, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box dl dd i {
              text-decoration: underline;
              font-style: normal; }
          #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box dl.others, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box dl.others {
            background: #dcdddd;
            padding: 10px 40px 10px 20px;
            margin-top: 10px;
            border: none; }
            #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box dl.others dt, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box dl.others dt {
              color: #595757;
              font-size: 12px; }
            #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box dl.others dd, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box dl.others dd {
              color: #595757;
              font-size: 12px;
              line-height: 1.4; }
        #main__Content .mdl_nm_wrap .mdl_box .tab_data .type_box::last-child, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .type_box::last-child {
          margin-right: 0; }
      #main__Content .mdl_nm_wrap .mdl_box .tab_data .hide, #main__Content .mdl_nm_wrap .mdl_box .tab_data2 .hide {
        display: none; }
    #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num {
      display: flex;
      justify-content: center; }
      #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li {
        height: auto;
        line-height: 10vw;
        background: #f5f5f5;
        font-size: 5vw;
        padding: 0.5vh 2vw;
        text-align: center;
        margin-right: 5px; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li:last-child {
          margin-right: 0; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li::before {
          display: none; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li::after {
          display: none; }
        #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li span {
          position: relative;
          display: inline-block;
          cursor: pointer; }
          #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li span::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 5px 0 5px;
            border-color: #e0e0e0 transparent transparent transparent; }
          #main__Content .mdl_nm_wrap .mdl_box ul.mdl_num li span.select::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 5px 0 5px;
            border-color: #00aeb7 transparent transparent transparent; }
    #main__Content .mdl_nm_wrap p.mdl_note {
      font-size: 3vw;
      width: 60vw;
      margin: 30px auto 0; }
    #main__Content .mdl_nm_gas .mdl_box ul.mdl_num {
      width: 75vw;
      justify-content: start; } }