@charset "UTF-8";
@import url(reset.css);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
/* break point ------------------------------ */
/* colors ------------------------------ */
/* text ------------------------------ */
/* Hedding ------------------------------ */
/* animation ------------------------------ */
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Basic ------------------------------ */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: 'Noto Sans JP','游ゴシック体','Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro','メイリオ', Meiryo, Osaka,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  line-height: 2; }

#wrap {
  width: 100%;
  overflow: hidden; }

img {
  max-width: 100%;
  height: auto; }

.serif {
  font-family: '游明朝','Yu Mincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','Noto Serif JP',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',serif; }

.fs14 {
  font-size: .875rem; }

.fs32 {
  font-size: 2rem; }

.tLeft {
  text-align: left; }

.tCenter {
  text-align: center; }

.attention {
  color: #0057AA;
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 3px; }
  .attention .noline {
    display: inline-block;
    text-decoration: none; }

@media screen and (min-width: 769px) {
  .sp, .tb {
    display: none !important; }

  #wrap {
    padding-top: 100px; } }
 /*
@media screen and (max-width: 1024px) and (min-width: 481px) {
  .sp, .pc {
    display: none;
  }
}*/
@media screen and (max-width: 768px) {
  .tb, .pc {
    display: none !important; } }
/* link */
a {
  color: #333;
  text-decoration: none; }
  a:hover {
    color: #000;
    text-decoration: none; }
  a.link {
    text-decoration: underline !important; }

#contents a {
  color: #25538E;
  text-decoration: none; }
  #contents a:hover {
    color: #25538E;
    text-decoration: underline; }
  #contents a.linkTxt {
    color: #0057AA;
    text-decoration: underline; }

.obi {
  padding: 10px 15px;
  background-color: #F0F2EF; }
  .obi a[href*="pdf"]::before, .obi a.pdf::before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 30px;
    background: url("/nmobi/img/pdf.png") center center/contain no-repeat;
    margin-right: 20px;
    vertical-align: middle; }
  .obi a.web::before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 30px;
    background: url("/nmobi/img/web.png") center center/contain no-repeat;
    margin-right: 20px;
    vertical-align: middle; }

.anchor {
  display: grid;
  grid-gap: 15px;
  margin-bottom: 100px; }
  .anchor > li {
    font-weight: 700; }
    .anchor > li a {
      border: 1px solid #0057AA;
      color: #0057AA;
      padding: 10px 40px;
      border-radius: 40px;
      background: url("/nmobi/img/arr_blue_down.svg") right 15px center no-repeat;
      display: block;
      text-align: center; }
  @media screen and (min-width: 769px) {
    .anchor {
      grid-template-columns: repeat(4, 1fr);
      margin: 20px auto 60px;
      width: 100%;
      max-width: 1280px;
      padding: 0 40px; } }
  @media screen and (max-width: 1179px) {
    .anchor {
      grid-template-columns: repeat(3, 1fr); } }
  @media screen and (max-width: 909px) {
    .anchor {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 479px) {
    .anchor {
      grid-template-columns: repeat(1, 1fr); } }
  @media screen and (max-width: 768px) {
    .anchor {
      padding: 0 15px; }
      .anchor > li {
        font-size: .825rem; }
        .anchor > li a {
          padding: 10px 20px; } }

.fileList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; }
  .fileList li {
    width: 240px;
    max-width: 50%;
    margin-top: 20px;
    padding: 0 2px;
    line-height: 1.2; }
    .fileList li a {
      display: block;
      text-align: center; }
      .fileList li a[href*="pdf"]::before {
        content: '';
        display: block;
        width: 76px;
        height: 68px;
        background: url("/nmobi/img/pdf.png") center center/contain no-repeat;
        margin: 0 auto 15px;
        vertical-align: middle; }
  @media screen and (max-width: 768px) {
    .fileList {
      justify-content: flex-start; } }

.o-note-list {
  margin-top: 1.5em; }
  .o-note-list > li {
    margin: .6em 0;
    margin-left: 1em;
    text-indent: -1em; }
  .o-note-list.\--no-gap > li {
    margin-top: 0;
    margin-bottom: 0; }
  .o-note-list.\--num > li {
    margin-left: 1.8em;
    text-indent: -1.8em; }
  .o-note-list.\--kakkonum > li {
    margin-left: 2.5em;
    text-indent: -2.5em; }

/* color ------------------------------ */
.blue {
  color: #0057AA; }

/* Space ------------------------------ */
.mt0 {
  margin-top: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pr0 {
  padding-right: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pl0 {
  padding-left: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pr5 {
  padding-right: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pl5 {
  padding-left: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.ml15 {
  margin-left: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pr15 {
  padding-right: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pl15 {
  padding-left: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.ml25 {
  margin-left: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pr25 {
  padding-right: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pl25 {
  padding-left: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mr35 {
  margin-right: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.ml35 {
  margin-left: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pr35 {
  padding-right: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pl35 {
  padding-left: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pr40 {
  padding-right: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl40 {
  padding-left: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mr45 {
  margin-right: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.ml45 {
  margin-left: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pr45 {
  padding-right: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pl45 {
  padding-left: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml50 {
  margin-left: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl50 {
  padding-left: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mr55 {
  margin-right: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.ml55 {
  margin-left: 55px !important; }

.pt55 {
  padding-top: 55px !important; }

.pr55 {
  padding-right: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pl55 {
  padding-left: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml60 {
  margin-left: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pr60 {
  padding-right: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pl60 {
  padding-left: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mr65 {
  margin-right: 65px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.ml65 {
  margin-left: 65px !important; }

.pt65 {
  padding-top: 65px !important; }

.pr65 {
  padding-right: 65px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pl65 {
  padding-left: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.ml70 {
  margin-left: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pr70 {
  padding-right: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pl70 {
  padding-left: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.ml75 {
  margin-left: 75px !important; }

.pt75 {
  padding-top: 75px !important; }

.pr75 {
  padding-right: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pl75 {
  padding-left: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.ml80 {
  margin-left: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pr80 {
  padding-right: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pl80 {
  padding-left: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mr85 {
  margin-right: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.ml85 {
  margin-left: 85px !important; }

.pt85 {
  padding-top: 85px !important; }

.pr85 {
  padding-right: 85px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pl85 {
  padding-left: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pr90 {
  padding-right: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pl90 {
  padding-left: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mr95 {
  margin-right: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.ml95 {
  margin-left: 95px !important; }

.pt95 {
  padding-top: 95px !important; }

.pr95 {
  padding-right: 95px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.pl95 {
  padding-left: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl100 {
  padding-left: 100px !important; }

.mt105 {
  margin-top: 105px !important; }

.mr105 {
  margin-right: 105px !important; }

.mb105 {
  margin-bottom: 105px !important; }

.ml105 {
  margin-left: 105px !important; }

.pt105 {
  padding-top: 105px !important; }

.pr105 {
  padding-right: 105px !important; }

.pb105 {
  padding-bottom: 105px !important; }

.pl105 {
  padding-left: 105px !important; }

.mt110 {
  margin-top: 110px !important; }

.mr110 {
  margin-right: 110px !important; }

.mb110 {
  margin-bottom: 110px !important; }

.ml110 {
  margin-left: 110px !important; }

.pt110 {
  padding-top: 110px !important; }

.pr110 {
  padding-right: 110px !important; }

.pb110 {
  padding-bottom: 110px !important; }

.pl110 {
  padding-left: 110px !important; }

.mt115 {
  margin-top: 115px !important; }

.mr115 {
  margin-right: 115px !important; }

.mb115 {
  margin-bottom: 115px !important; }

.ml115 {
  margin-left: 115px !important; }

.pt115 {
  padding-top: 115px !important; }

.pr115 {
  padding-right: 115px !important; }

.pb115 {
  padding-bottom: 115px !important; }

.pl115 {
  padding-left: 115px !important; }

.mt120 {
  margin-top: 120px !important; }

.mr120 {
  margin-right: 120px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.ml120 {
  margin-left: 120px !important; }

.pt120 {
  padding-top: 120px !important; }

.pr120 {
  padding-right: 120px !important; }

.pb120 {
  padding-bottom: 120px !important; }

.pl120 {
  padding-left: 120px !important; }

.mt125 {
  margin-top: 125px !important; }

.mr125 {
  margin-right: 125px !important; }

.mb125 {
  margin-bottom: 125px !important; }

.ml125 {
  margin-left: 125px !important; }

.pt125 {
  padding-top: 125px !important; }

.pr125 {
  padding-right: 125px !important; }

.pb125 {
  padding-bottom: 125px !important; }

.pl125 {
  padding-left: 125px !important; }

.mt130 {
  margin-top: 130px !important; }

.mr130 {
  margin-right: 130px !important; }

.mb130 {
  margin-bottom: 130px !important; }

.ml130 {
  margin-left: 130px !important; }

.pt130 {
  padding-top: 130px !important; }

.pr130 {
  padding-right: 130px !important; }

.pb130 {
  padding-bottom: 130px !important; }

.pl130 {
  padding-left: 130px !important; }

.mt135 {
  margin-top: 135px !important; }

.mr135 {
  margin-right: 135px !important; }

.mb135 {
  margin-bottom: 135px !important; }

.ml135 {
  margin-left: 135px !important; }

.pt135 {
  padding-top: 135px !important; }

.pr135 {
  padding-right: 135px !important; }

.pb135 {
  padding-bottom: 135px !important; }

.pl135 {
  padding-left: 135px !important; }

.mt140 {
  margin-top: 140px !important; }

.mr140 {
  margin-right: 140px !important; }

.mb140 {
  margin-bottom: 140px !important; }

.ml140 {
  margin-left: 140px !important; }

.pt140 {
  padding-top: 140px !important; }

.pr140 {
  padding-right: 140px !important; }

.pb140 {
  padding-bottom: 140px !important; }

.pl140 {
  padding-left: 140px !important; }

.mt145 {
  margin-top: 145px !important; }

.mr145 {
  margin-right: 145px !important; }

.mb145 {
  margin-bottom: 145px !important; }

.ml145 {
  margin-left: 145px !important; }

.pt145 {
  padding-top: 145px !important; }

.pr145 {
  padding-right: 145px !important; }

.pb145 {
  padding-bottom: 145px !important; }

.pl145 {
  padding-left: 145px !important; }

.mt150 {
  margin-top: 150px !important; }

.mr150 {
  margin-right: 150px !important; }

.mb150 {
  margin-bottom: 150px !important; }

.ml150 {
  margin-left: 150px !important; }

.pt150 {
  padding-top: 150px !important; }

.pr150 {
  padding-right: 150px !important; }

.pb150 {
  padding-bottom: 150px !important; }

.pl150 {
  padding-left: 150px !important; }

.mt155 {
  margin-top: 155px !important; }

.mr155 {
  margin-right: 155px !important; }

.mb155 {
  margin-bottom: 155px !important; }

.ml155 {
  margin-left: 155px !important; }

.pt155 {
  padding-top: 155px !important; }

.pr155 {
  padding-right: 155px !important; }

.pb155 {
  padding-bottom: 155px !important; }

.pl155 {
  padding-left: 155px !important; }

.mt160 {
  margin-top: 160px !important; }

.mr160 {
  margin-right: 160px !important; }

.mb160 {
  margin-bottom: 160px !important; }

.ml160 {
  margin-left: 160px !important; }

.pt160 {
  padding-top: 160px !important; }

.pr160 {
  padding-right: 160px !important; }

.pb160 {
  padding-bottom: 160px !important; }

.pl160 {
  padding-left: 160px !important; }

.mt165 {
  margin-top: 165px !important; }

.mr165 {
  margin-right: 165px !important; }

.mb165 {
  margin-bottom: 165px !important; }

.ml165 {
  margin-left: 165px !important; }

.pt165 {
  padding-top: 165px !important; }

.pr165 {
  padding-right: 165px !important; }

.pb165 {
  padding-bottom: 165px !important; }

.pl165 {
  padding-left: 165px !important; }

.mt170 {
  margin-top: 170px !important; }

.mr170 {
  margin-right: 170px !important; }

.mb170 {
  margin-bottom: 170px !important; }

.ml170 {
  margin-left: 170px !important; }

.pt170 {
  padding-top: 170px !important; }

.pr170 {
  padding-right: 170px !important; }

.pb170 {
  padding-bottom: 170px !important; }

.pl170 {
  padding-left: 170px !important; }

.mt175 {
  margin-top: 175px !important; }

.mr175 {
  margin-right: 175px !important; }

.mb175 {
  margin-bottom: 175px !important; }

.ml175 {
  margin-left: 175px !important; }

.pt175 {
  padding-top: 175px !important; }

.pr175 {
  padding-right: 175px !important; }

.pb175 {
  padding-bottom: 175px !important; }

.pl175 {
  padding-left: 175px !important; }

.mt180 {
  margin-top: 180px !important; }

.mr180 {
  margin-right: 180px !important; }

.mb180 {
  margin-bottom: 180px !important; }

.ml180 {
  margin-left: 180px !important; }

.pt180 {
  padding-top: 180px !important; }

.pr180 {
  padding-right: 180px !important; }

.pb180 {
  padding-bottom: 180px !important; }

.pl180 {
  padding-left: 180px !important; }

.mt185 {
  margin-top: 185px !important; }

.mr185 {
  margin-right: 185px !important; }

.mb185 {
  margin-bottom: 185px !important; }

.ml185 {
  margin-left: 185px !important; }

.pt185 {
  padding-top: 185px !important; }

.pr185 {
  padding-right: 185px !important; }

.pb185 {
  padding-bottom: 185px !important; }

.pl185 {
  padding-left: 185px !important; }

.mt190 {
  margin-top: 190px !important; }

.mr190 {
  margin-right: 190px !important; }

.mb190 {
  margin-bottom: 190px !important; }

.ml190 {
  margin-left: 190px !important; }

.pt190 {
  padding-top: 190px !important; }

.pr190 {
  padding-right: 190px !important; }

.pb190 {
  padding-bottom: 190px !important; }

.pl190 {
  padding-left: 190px !important; }

.mt195 {
  margin-top: 195px !important; }

.mr195 {
  margin-right: 195px !important; }

.mb195 {
  margin-bottom: 195px !important; }

.ml195 {
  margin-left: 195px !important; }

.pt195 {
  padding-top: 195px !important; }

.pr195 {
  padding-right: 195px !important; }

.pb195 {
  padding-bottom: 195px !important; }

.pl195 {
  padding-left: 195px !important; }

.mt200 {
  margin-top: 200px !important; }

.mr200 {
  margin-right: 200px !important; }

.mb200 {
  margin-bottom: 200px !important; }

.ml200 {
  margin-left: 200px !important; }

.pt200 {
  padding-top: 200px !important; }

.pr200 {
  padding-right: 200px !important; }

.pb200 {
  padding-bottom: 200px !important; }

.pl200 {
  padding-left: 200px !important; }

.mt205 {
  margin-top: 205px !important; }

.mr205 {
  margin-right: 205px !important; }

.mb205 {
  margin-bottom: 205px !important; }

.ml205 {
  margin-left: 205px !important; }

.pt205 {
  padding-top: 205px !important; }

.pr205 {
  padding-right: 205px !important; }

.pb205 {
  padding-bottom: 205px !important; }

.pl205 {
  padding-left: 205px !important; }

.mt210 {
  margin-top: 210px !important; }

.mr210 {
  margin-right: 210px !important; }

.mb210 {
  margin-bottom: 210px !important; }

.ml210 {
  margin-left: 210px !important; }

.pt210 {
  padding-top: 210px !important; }

.pr210 {
  padding-right: 210px !important; }

.pb210 {
  padding-bottom: 210px !important; }

.pl210 {
  padding-left: 210px !important; }

.mt215 {
  margin-top: 215px !important; }

.mr215 {
  margin-right: 215px !important; }

.mb215 {
  margin-bottom: 215px !important; }

.ml215 {
  margin-left: 215px !important; }

.pt215 {
  padding-top: 215px !important; }

.pr215 {
  padding-right: 215px !important; }

.pb215 {
  padding-bottom: 215px !important; }

.pl215 {
  padding-left: 215px !important; }

.mt220 {
  margin-top: 220px !important; }

.mr220 {
  margin-right: 220px !important; }

.mb220 {
  margin-bottom: 220px !important; }

.ml220 {
  margin-left: 220px !important; }

.pt220 {
  padding-top: 220px !important; }

.pr220 {
  padding-right: 220px !important; }

.pb220 {
  padding-bottom: 220px !important; }

.pl220 {
  padding-left: 220px !important; }

.mt225 {
  margin-top: 225px !important; }

.mr225 {
  margin-right: 225px !important; }

.mb225 {
  margin-bottom: 225px !important; }

.ml225 {
  margin-left: 225px !important; }

.pt225 {
  padding-top: 225px !important; }

.pr225 {
  padding-right: 225px !important; }

.pb225 {
  padding-bottom: 225px !important; }

.pl225 {
  padding-left: 225px !important; }

.mt230 {
  margin-top: 230px !important; }

.mr230 {
  margin-right: 230px !important; }

.mb230 {
  margin-bottom: 230px !important; }

.ml230 {
  margin-left: 230px !important; }

.pt230 {
  padding-top: 230px !important; }

.pr230 {
  padding-right: 230px !important; }

.pb230 {
  padding-bottom: 230px !important; }

.pl230 {
  padding-left: 230px !important; }

.mt235 {
  margin-top: 235px !important; }

.mr235 {
  margin-right: 235px !important; }

.mb235 {
  margin-bottom: 235px !important; }

.ml235 {
  margin-left: 235px !important; }

.pt235 {
  padding-top: 235px !important; }

.pr235 {
  padding-right: 235px !important; }

.pb235 {
  padding-bottom: 235px !important; }

.pl235 {
  padding-left: 235px !important; }

.mt240 {
  margin-top: 240px !important; }

.mr240 {
  margin-right: 240px !important; }

.mb240 {
  margin-bottom: 240px !important; }

.ml240 {
  margin-left: 240px !important; }

.pt240 {
  padding-top: 240px !important; }

.pr240 {
  padding-right: 240px !important; }

.pb240 {
  padding-bottom: 240px !important; }

.pl240 {
  padding-left: 240px !important; }

.mt245 {
  margin-top: 245px !important; }

.mr245 {
  margin-right: 245px !important; }

.mb245 {
  margin-bottom: 245px !important; }

.ml245 {
  margin-left: 245px !important; }

.pt245 {
  padding-top: 245px !important; }

.pr245 {
  padding-right: 245px !important; }

.pb245 {
  padding-bottom: 245px !important; }

.pl245 {
  padding-left: 245px !important; }

.mt250 {
  margin-top: 250px !important; }

.mr250 {
  margin-right: 250px !important; }

.mb250 {
  margin-bottom: 250px !important; }

.ml250 {
  margin-left: 250px !important; }

.pt250 {
  padding-top: 250px !important; }

.pr250 {
  padding-right: 250px !important; }

.pb250 {
  padding-bottom: 250px !important; }

.pl250 {
  padding-left: 250px !important; }

.mt255 {
  margin-top: 255px !important; }

.mr255 {
  margin-right: 255px !important; }

.mb255 {
  margin-bottom: 255px !important; }

.ml255 {
  margin-left: 255px !important; }

.pt255 {
  padding-top: 255px !important; }

.pr255 {
  padding-right: 255px !important; }

.pb255 {
  padding-bottom: 255px !important; }

.pl255 {
  padding-left: 255px !important; }

.mt260 {
  margin-top: 260px !important; }

.mr260 {
  margin-right: 260px !important; }

.mb260 {
  margin-bottom: 260px !important; }

.ml260 {
  margin-left: 260px !important; }

.pt260 {
  padding-top: 260px !important; }

.pr260 {
  padding-right: 260px !important; }

.pb260 {
  padding-bottom: 260px !important; }

.pl260 {
  padding-left: 260px !important; }

.mt265 {
  margin-top: 265px !important; }

.mr265 {
  margin-right: 265px !important; }

.mb265 {
  margin-bottom: 265px !important; }

.ml265 {
  margin-left: 265px !important; }

.pt265 {
  padding-top: 265px !important; }

.pr265 {
  padding-right: 265px !important; }

.pb265 {
  padding-bottom: 265px !important; }

.pl265 {
  padding-left: 265px !important; }

.mt270 {
  margin-top: 270px !important; }

.mr270 {
  margin-right: 270px !important; }

.mb270 {
  margin-bottom: 270px !important; }

.ml270 {
  margin-left: 270px !important; }

.pt270 {
  padding-top: 270px !important; }

.pr270 {
  padding-right: 270px !important; }

.pb270 {
  padding-bottom: 270px !important; }

.pl270 {
  padding-left: 270px !important; }

.mt275 {
  margin-top: 275px !important; }

.mr275 {
  margin-right: 275px !important; }

.mb275 {
  margin-bottom: 275px !important; }

.ml275 {
  margin-left: 275px !important; }

.pt275 {
  padding-top: 275px !important; }

.pr275 {
  padding-right: 275px !important; }

.pb275 {
  padding-bottom: 275px !important; }

.pl275 {
  padding-left: 275px !important; }

.mt280 {
  margin-top: 280px !important; }

.mr280 {
  margin-right: 280px !important; }

.mb280 {
  margin-bottom: 280px !important; }

.ml280 {
  margin-left: 280px !important; }

.pt280 {
  padding-top: 280px !important; }

.pr280 {
  padding-right: 280px !important; }

.pb280 {
  padding-bottom: 280px !important; }

.pl280 {
  padding-left: 280px !important; }

.mt285 {
  margin-top: 285px !important; }

.mr285 {
  margin-right: 285px !important; }

.mb285 {
  margin-bottom: 285px !important; }

.ml285 {
  margin-left: 285px !important; }

.pt285 {
  padding-top: 285px !important; }

.pr285 {
  padding-right: 285px !important; }

.pb285 {
  padding-bottom: 285px !important; }

.pl285 {
  padding-left: 285px !important; }

.mt290 {
  margin-top: 290px !important; }

.mr290 {
  margin-right: 290px !important; }

.mb290 {
  margin-bottom: 290px !important; }

.ml290 {
  margin-left: 290px !important; }

.pt290 {
  padding-top: 290px !important; }

.pr290 {
  padding-right: 290px !important; }

.pb290 {
  padding-bottom: 290px !important; }

.pl290 {
  padding-left: 290px !important; }

.mt295 {
  margin-top: 295px !important; }

.mr295 {
  margin-right: 295px !important; }

.mb295 {
  margin-bottom: 295px !important; }

.ml295 {
  margin-left: 295px !important; }

.pt295 {
  padding-top: 295px !important; }

.pr295 {
  padding-right: 295px !important; }

.pb295 {
  padding-bottom: 295px !important; }

.pl295 {
  padding-left: 295px !important; }

.mt300 {
  margin-top: 300px !important; }

.mr300 {
  margin-right: 300px !important; }

.mb300 {
  margin-bottom: 300px !important; }

.ml300 {
  margin-left: 300px !important; }

.pt300 {
  padding-top: 300px !important; }

.pr300 {
  padding-right: 300px !important; }

.pb300 {
  padding-bottom: 300px !important; }

.pl300 {
  padding-left: 300px !important; }

.mt305 {
  margin-top: 305px !important; }

.mr305 {
  margin-right: 305px !important; }

.mb305 {
  margin-bottom: 305px !important; }

.ml305 {
  margin-left: 305px !important; }

.pt305 {
  padding-top: 305px !important; }

.pr305 {
  padding-right: 305px !important; }

.pb305 {
  padding-bottom: 305px !important; }

.pl305 {
  padding-left: 305px !important; }

.mt310 {
  margin-top: 310px !important; }

.mr310 {
  margin-right: 310px !important; }

.mb310 {
  margin-bottom: 310px !important; }

.ml310 {
  margin-left: 310px !important; }

.pt310 {
  padding-top: 310px !important; }

.pr310 {
  padding-right: 310px !important; }

.pb310 {
  padding-bottom: 310px !important; }

.pl310 {
  padding-left: 310px !important; }

.mt315 {
  margin-top: 315px !important; }

.mr315 {
  margin-right: 315px !important; }

.mb315 {
  margin-bottom: 315px !important; }

.ml315 {
  margin-left: 315px !important; }

.pt315 {
  padding-top: 315px !important; }

.pr315 {
  padding-right: 315px !important; }

.pb315 {
  padding-bottom: 315px !important; }

.pl315 {
  padding-left: 315px !important; }

.mt320 {
  margin-top: 320px !important; }

.mr320 {
  margin-right: 320px !important; }

.mb320 {
  margin-bottom: 320px !important; }

.ml320 {
  margin-left: 320px !important; }

.pt320 {
  padding-top: 320px !important; }

.pr320 {
  padding-right: 320px !important; }

.pb320 {
  padding-bottom: 320px !important; }

.pl320 {
  padding-left: 320px !important; }

.mt325 {
  margin-top: 325px !important; }

.mr325 {
  margin-right: 325px !important; }

.mb325 {
  margin-bottom: 325px !important; }

.ml325 {
  margin-left: 325px !important; }

.pt325 {
  padding-top: 325px !important; }

.pr325 {
  padding-right: 325px !important; }

.pb325 {
  padding-bottom: 325px !important; }

.pl325 {
  padding-left: 325px !important; }

.mt330 {
  margin-top: 330px !important; }

.mr330 {
  margin-right: 330px !important; }

.mb330 {
  margin-bottom: 330px !important; }

.ml330 {
  margin-left: 330px !important; }

.pt330 {
  padding-top: 330px !important; }

.pr330 {
  padding-right: 330px !important; }

.pb330 {
  padding-bottom: 330px !important; }

.pl330 {
  padding-left: 330px !important; }

.mt335 {
  margin-top: 335px !important; }

.mr335 {
  margin-right: 335px !important; }

.mb335 {
  margin-bottom: 335px !important; }

.ml335 {
  margin-left: 335px !important; }

.pt335 {
  padding-top: 335px !important; }

.pr335 {
  padding-right: 335px !important; }

.pb335 {
  padding-bottom: 335px !important; }

.pl335 {
  padding-left: 335px !important; }

.mt340 {
  margin-top: 340px !important; }

.mr340 {
  margin-right: 340px !important; }

.mb340 {
  margin-bottom: 340px !important; }

.ml340 {
  margin-left: 340px !important; }

.pt340 {
  padding-top: 340px !important; }

.pr340 {
  padding-right: 340px !important; }

.pb340 {
  padding-bottom: 340px !important; }

.pl340 {
  padding-left: 340px !important; }

.mt345 {
  margin-top: 345px !important; }

.mr345 {
  margin-right: 345px !important; }

.mb345 {
  margin-bottom: 345px !important; }

.ml345 {
  margin-left: 345px !important; }

.pt345 {
  padding-top: 345px !important; }

.pr345 {
  padding-right: 345px !important; }

.pb345 {
  padding-bottom: 345px !important; }

.pl345 {
  padding-left: 345px !important; }

.mt350 {
  margin-top: 350px !important; }

.mr350 {
  margin-right: 350px !important; }

.mb350 {
  margin-bottom: 350px !important; }

.ml350 {
  margin-left: 350px !important; }

.pt350 {
  padding-top: 350px !important; }

.pr350 {
  padding-right: 350px !important; }

.pb350 {
  padding-bottom: 350px !important; }

.pl350 {
  padding-left: 350px !important; }

.mt355 {
  margin-top: 355px !important; }

.mr355 {
  margin-right: 355px !important; }

.mb355 {
  margin-bottom: 355px !important; }

.ml355 {
  margin-left: 355px !important; }

.pt355 {
  padding-top: 355px !important; }

.pr355 {
  padding-right: 355px !important; }

.pb355 {
  padding-bottom: 355px !important; }

.pl355 {
  padding-left: 355px !important; }

.mt360 {
  margin-top: 360px !important; }

.mr360 {
  margin-right: 360px !important; }

.mb360 {
  margin-bottom: 360px !important; }

.ml360 {
  margin-left: 360px !important; }

.pt360 {
  padding-top: 360px !important; }

.pr360 {
  padding-right: 360px !important; }

.pb360 {
  padding-bottom: 360px !important; }

.pl360 {
  padding-left: 360px !important; }

.mt365 {
  margin-top: 365px !important; }

.mr365 {
  margin-right: 365px !important; }

.mb365 {
  margin-bottom: 365px !important; }

.ml365 {
  margin-left: 365px !important; }

.pt365 {
  padding-top: 365px !important; }

.pr365 {
  padding-right: 365px !important; }

.pb365 {
  padding-bottom: 365px !important; }

.pl365 {
  padding-left: 365px !important; }

.mt370 {
  margin-top: 370px !important; }

.mr370 {
  margin-right: 370px !important; }

.mb370 {
  margin-bottom: 370px !important; }

.ml370 {
  margin-left: 370px !important; }

.pt370 {
  padding-top: 370px !important; }

.pr370 {
  padding-right: 370px !important; }

.pb370 {
  padding-bottom: 370px !important; }

.pl370 {
  padding-left: 370px !important; }

.mt375 {
  margin-top: 375px !important; }

.mr375 {
  margin-right: 375px !important; }

.mb375 {
  margin-bottom: 375px !important; }

.ml375 {
  margin-left: 375px !important; }

.pt375 {
  padding-top: 375px !important; }

.pr375 {
  padding-right: 375px !important; }

.pb375 {
  padding-bottom: 375px !important; }

.pl375 {
  padding-left: 375px !important; }

.mt380 {
  margin-top: 380px !important; }

.mr380 {
  margin-right: 380px !important; }

.mb380 {
  margin-bottom: 380px !important; }

.ml380 {
  margin-left: 380px !important; }

.pt380 {
  padding-top: 380px !important; }

.pr380 {
  padding-right: 380px !important; }

.pb380 {
  padding-bottom: 380px !important; }

.pl380 {
  padding-left: 380px !important; }

.mt385 {
  margin-top: 385px !important; }

.mr385 {
  margin-right: 385px !important; }

.mb385 {
  margin-bottom: 385px !important; }

.ml385 {
  margin-left: 385px !important; }

.pt385 {
  padding-top: 385px !important; }

.pr385 {
  padding-right: 385px !important; }

.pb385 {
  padding-bottom: 385px !important; }

.pl385 {
  padding-left: 385px !important; }

.mt390 {
  margin-top: 390px !important; }

.mr390 {
  margin-right: 390px !important; }

.mb390 {
  margin-bottom: 390px !important; }

.ml390 {
  margin-left: 390px !important; }

.pt390 {
  padding-top: 390px !important; }

.pr390 {
  padding-right: 390px !important; }

.pb390 {
  padding-bottom: 390px !important; }

.pl390 {
  padding-left: 390px !important; }

.mt395 {
  margin-top: 395px !important; }

.mr395 {
  margin-right: 395px !important; }

.mb395 {
  margin-bottom: 395px !important; }

.ml395 {
  margin-left: 395px !important; }

.pt395 {
  padding-top: 395px !important; }

.pr395 {
  padding-right: 395px !important; }

.pb395 {
  padding-bottom: 395px !important; }

.pl395 {
  padding-left: 395px !important; }

.mt400 {
  margin-top: 400px !important; }

.mr400 {
  margin-right: 400px !important; }

.mb400 {
  margin-bottom: 400px !important; }

.ml400 {
  margin-left: 400px !important; }

.pt400 {
  padding-top: 400px !important; }

.pr400 {
  padding-right: 400px !important; }

.pb400 {
  padding-bottom: 400px !important; }

.pl400 {
  padding-left: 400px !important; }

.mt405 {
  margin-top: 405px !important; }

.mr405 {
  margin-right: 405px !important; }

.mb405 {
  margin-bottom: 405px !important; }

.ml405 {
  margin-left: 405px !important; }

.pt405 {
  padding-top: 405px !important; }

.pr405 {
  padding-right: 405px !important; }

.pb405 {
  padding-bottom: 405px !important; }

.pl405 {
  padding-left: 405px !important; }

.mt410 {
  margin-top: 410px !important; }

.mr410 {
  margin-right: 410px !important; }

.mb410 {
  margin-bottom: 410px !important; }

.ml410 {
  margin-left: 410px !important; }

.pt410 {
  padding-top: 410px !important; }

.pr410 {
  padding-right: 410px !important; }

.pb410 {
  padding-bottom: 410px !important; }

.pl410 {
  padding-left: 410px !important; }

.mt415 {
  margin-top: 415px !important; }

.mr415 {
  margin-right: 415px !important; }

.mb415 {
  margin-bottom: 415px !important; }

.ml415 {
  margin-left: 415px !important; }

.pt415 {
  padding-top: 415px !important; }

.pr415 {
  padding-right: 415px !important; }

.pb415 {
  padding-bottom: 415px !important; }

.pl415 {
  padding-left: 415px !important; }

.mt420 {
  margin-top: 420px !important; }

.mr420 {
  margin-right: 420px !important; }

.mb420 {
  margin-bottom: 420px !important; }

.ml420 {
  margin-left: 420px !important; }

.pt420 {
  padding-top: 420px !important; }

.pr420 {
  padding-right: 420px !important; }

.pb420 {
  padding-bottom: 420px !important; }

.pl420 {
  padding-left: 420px !important; }

.mt425 {
  margin-top: 425px !important; }

.mr425 {
  margin-right: 425px !important; }

.mb425 {
  margin-bottom: 425px !important; }

.ml425 {
  margin-left: 425px !important; }

.pt425 {
  padding-top: 425px !important; }

.pr425 {
  padding-right: 425px !important; }

.pb425 {
  padding-bottom: 425px !important; }

.pl425 {
  padding-left: 425px !important; }

.mt430 {
  margin-top: 430px !important; }

.mr430 {
  margin-right: 430px !important; }

.mb430 {
  margin-bottom: 430px !important; }

.ml430 {
  margin-left: 430px !important; }

.pt430 {
  padding-top: 430px !important; }

.pr430 {
  padding-right: 430px !important; }

.pb430 {
  padding-bottom: 430px !important; }

.pl430 {
  padding-left: 430px !important; }

.mt435 {
  margin-top: 435px !important; }

.mr435 {
  margin-right: 435px !important; }

.mb435 {
  margin-bottom: 435px !important; }

.ml435 {
  margin-left: 435px !important; }

.pt435 {
  padding-top: 435px !important; }

.pr435 {
  padding-right: 435px !important; }

.pb435 {
  padding-bottom: 435px !important; }

.pl435 {
  padding-left: 435px !important; }

.mt440 {
  margin-top: 440px !important; }

.mr440 {
  margin-right: 440px !important; }

.mb440 {
  margin-bottom: 440px !important; }

.ml440 {
  margin-left: 440px !important; }

.pt440 {
  padding-top: 440px !important; }

.pr440 {
  padding-right: 440px !important; }

.pb440 {
  padding-bottom: 440px !important; }

.pl440 {
  padding-left: 440px !important; }

.mt445 {
  margin-top: 445px !important; }

.mr445 {
  margin-right: 445px !important; }

.mb445 {
  margin-bottom: 445px !important; }

.ml445 {
  margin-left: 445px !important; }

.pt445 {
  padding-top: 445px !important; }

.pr445 {
  padding-right: 445px !important; }

.pb445 {
  padding-bottom: 445px !important; }

.pl445 {
  padding-left: 445px !important; }

.mt450 {
  margin-top: 450px !important; }

.mr450 {
  margin-right: 450px !important; }

.mb450 {
  margin-bottom: 450px !important; }

.ml450 {
  margin-left: 450px !important; }

.pt450 {
  padding-top: 450px !important; }

.pr450 {
  padding-right: 450px !important; }

.pb450 {
  padding-bottom: 450px !important; }

.pl450 {
  padding-left: 450px !important; }

.mt455 {
  margin-top: 455px !important; }

.mr455 {
  margin-right: 455px !important; }

.mb455 {
  margin-bottom: 455px !important; }

.ml455 {
  margin-left: 455px !important; }

.pt455 {
  padding-top: 455px !important; }

.pr455 {
  padding-right: 455px !important; }

.pb455 {
  padding-bottom: 455px !important; }

.pl455 {
  padding-left: 455px !important; }

.mt460 {
  margin-top: 460px !important; }

.mr460 {
  margin-right: 460px !important; }

.mb460 {
  margin-bottom: 460px !important; }

.ml460 {
  margin-left: 460px !important; }

.pt460 {
  padding-top: 460px !important; }

.pr460 {
  padding-right: 460px !important; }

.pb460 {
  padding-bottom: 460px !important; }

.pl460 {
  padding-left: 460px !important; }

.mt465 {
  margin-top: 465px !important; }

.mr465 {
  margin-right: 465px !important; }

.mb465 {
  margin-bottom: 465px !important; }

.ml465 {
  margin-left: 465px !important; }

.pt465 {
  padding-top: 465px !important; }

.pr465 {
  padding-right: 465px !important; }

.pb465 {
  padding-bottom: 465px !important; }

.pl465 {
  padding-left: 465px !important; }

.mt470 {
  margin-top: 470px !important; }

.mr470 {
  margin-right: 470px !important; }

.mb470 {
  margin-bottom: 470px !important; }

.ml470 {
  margin-left: 470px !important; }

.pt470 {
  padding-top: 470px !important; }

.pr470 {
  padding-right: 470px !important; }

.pb470 {
  padding-bottom: 470px !important; }

.pl470 {
  padding-left: 470px !important; }

.mt475 {
  margin-top: 475px !important; }

.mr475 {
  margin-right: 475px !important; }

.mb475 {
  margin-bottom: 475px !important; }

.ml475 {
  margin-left: 475px !important; }

.pt475 {
  padding-top: 475px !important; }

.pr475 {
  padding-right: 475px !important; }

.pb475 {
  padding-bottom: 475px !important; }

.pl475 {
  padding-left: 475px !important; }

.mt480 {
  margin-top: 480px !important; }

.mr480 {
  margin-right: 480px !important; }

.mb480 {
  margin-bottom: 480px !important; }

.ml480 {
  margin-left: 480px !important; }

.pt480 {
  padding-top: 480px !important; }

.pr480 {
  padding-right: 480px !important; }

.pb480 {
  padding-bottom: 480px !important; }

.pl480 {
  padding-left: 480px !important; }

.mt485 {
  margin-top: 485px !important; }

.mr485 {
  margin-right: 485px !important; }

.mb485 {
  margin-bottom: 485px !important; }

.ml485 {
  margin-left: 485px !important; }

.pt485 {
  padding-top: 485px !important; }

.pr485 {
  padding-right: 485px !important; }

.pb485 {
  padding-bottom: 485px !important; }

.pl485 {
  padding-left: 485px !important; }

.mt490 {
  margin-top: 490px !important; }

.mr490 {
  margin-right: 490px !important; }

.mb490 {
  margin-bottom: 490px !important; }

.ml490 {
  margin-left: 490px !important; }

.pt490 {
  padding-top: 490px !important; }

.pr490 {
  padding-right: 490px !important; }

.pb490 {
  padding-bottom: 490px !important; }

.pl490 {
  padding-left: 490px !important; }

.mt495 {
  margin-top: 495px !important; }

.mr495 {
  margin-right: 495px !important; }

.mb495 {
  margin-bottom: 495px !important; }

.ml495 {
  margin-left: 495px !important; }

.pt495 {
  padding-top: 495px !important; }

.pr495 {
  padding-right: 495px !important; }

.pb495 {
  padding-bottom: 495px !important; }

.pl495 {
  padding-left: 495px !important; }

.mt500 {
  margin-top: 500px !important; }

.mr500 {
  margin-right: 500px !important; }

.mb500 {
  margin-bottom: 500px !important; }

.ml500 {
  margin-left: 500px !important; }

.pt500 {
  padding-top: 500px !important; }

.pr500 {
  padding-right: 500px !important; }

.pb500 {
  padding-bottom: 500px !important; }

.pl500 {
  padding-left: 500px !important; }

/* -------------------------------
   header
------------------------------- */
#header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFF;
  font-weight: 700;
  line-height: 1.5;
  width: 100%;
  z-index: 10; }
  #header nav {
    display: flex;
    align-items: center; }
    #header nav #hNav {
      display: flex; }
      #header nav #hNav li a {
        display: block;
        color: #FFF; }
      #header nav #hNav li.login a {
        background-color: #0057AA; }
      #header nav #hNav li.public a {
        background-color: #4CA223; }
  @media screen and (min-width: 769px) {
    #header {
      position: fixed;
      top: 0;
      left: 0;
      padding: 0 20px;
      height: 100px; }
      #header nav #gNav {
        display: flex;
        align-items: center; }
        #header nav #gNav > li {
          position: relative; }
          #header nav #gNav > li:nth-child(n+2) {
            margin-left: 25px; }
          #header nav #gNav > li:hover > ul {
            max-height: 500px; }
          #header nav #gNav > li > a {
            display: block;
            padding: 30px 0;
            line-height: 20px; }
          #header nav #gNav > li > ul {
            max-height: 0;
            transition: max-height .5s;
            overflow: hidden;
            position: absolute;
            top: 100%;
            left: 0; }
            #header nav #gNav > li > ul > li > a {
              display: block;
              padding: 10px 30px 10px 15px;
              white-space: nowrap;
              border: 1px solid #F0F2EF;
              background: url("/nmobi/img/arr_blue.svg") right 10px center no-repeat #FFF; }
      #header nav #hNav {
        margin-left: 40px; }
        #header nav #hNav li:nth-child(n+2) {
          margin-left: 10px; }
        #header nav #hNav li a {
          padding: 15px 30px;
          font-size: .875;
          border-radius: 80px; }
        #header nav #hNav li#spBtn {
          display: none; } }
  @media screen and (max-width: 768px) {
    #header {
      height: 70px; }
      #header .logo {
        padding: 5px; }
        #header .logo img {
          width: auto;
          height: 60px; }
      #header nav #gNav {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 9;
        padding: 0 20px;
        transition: height .5s; }
        #header nav #gNav.open {
          height: 100vh;
          height: 100svh;
          overflow: auto;
          padding: 70px 20px; }
        #header nav #gNav > li {
          border-top: 1px solid #CCC;
          width: 100%; }
          #header nav #gNav > li > a {
            display: block;
            padding: 10px; }
          #header nav #gNav > li:last-child {
            border-bottom: 1px solid #CCC; }
          #header nav #gNav > li > ul {
            display: flex;
            flex-wrap: wrap;
            border-top: 1px solid #CCC;
            padding-bottom: 10px; }
            #header nav #gNav > li > ul > li {
              border-bottom: 1px solid #CCC;
              margin-left: 10px;
              width: calc(50% - 10px); }
              #header nav #gNav > li > ul > li a {
                display: block;
                padding: 10px; }
      #header nav #hNav {
        font-size: .875rem;
        padding-right: 71px; }
        #header nav #hNav li {
          margin-left: 1px; }
          #header nav #hNav li a {
            display: flex;
            min-width: 70px;
            min-height: 70px;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 5px; }
          #header nav #hNav li#spBtn {
            position: fixed;
            top: 0;
            right: 0;
            z-index: 10; }
            #header nav #hNav li#spBtn a {
              position: relative;
              background-color: #CCCCCC;
              transition: background-color .5s;
              font-size: 0; }
              #header nav #hNav li#spBtn a::before, #header nav #hNav li#spBtn a::after {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                display: block;
                content: '';
                width: 24px; }
              #header nav #hNav li#spBtn a::before {
                width: 24px;
                height: 0;
                border-top: 1px solid #FFF;
                border-bottom: 1px solid #FFF;
                transition: transform .25s; }
              #header nav #hNav li#spBtn a::after {
                width: 24px;
                height: 20px;
                border-top: 2px solid #FFF;
                border-bottom: 2px solid #FFF;
                transition: border .25s .25s, height .25s .25s, transform .25s; }
            #header nav #hNav li#spBtn.open a {
              background-color: #333; }
              #header nav #hNav li#spBtn.open a::before {
                width: 24px;
                height: 0;
                border-top: 1px solid #FFF;
                border-bottom: 1px solid #FFF;
                transform: translate(-50%, -50%) rotate(45deg);
                transition: transform .25s .25s; }
              #header nav #hNav li#spBtn.open a::after {
                width: 24px;
                height: 0;
                border-top: 1px solid #FFF;
                border-bottom: 1px solid #FFF;
                transform: translate(-50%, -50%) rotate(-45deg);
                transition: border .25s, height .25s, transform .25s .25s; } }

/* -------------------------------
   footer
------------------------------- */
#footer #fHowtouse {
  background-color: #D4EDF1; }
  #footer #fHowtouse > .box {
    position: relative;
    background-color: #FFF;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    overflow: hidden; }
    #footer #fHowtouse > .box::after {
      display: block;
      content: '';
      position: absolute;
      right: 0;
      bottom: 0;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
    #footer #fHowtouse > .box > .ttl {
      font-weight: 700;
      font-size: 1.25rem;
      color: #0057AA;
      margin-bottom: 30px; }
      #footer #fHowtouse > .box > .ttl::before {
        display: block;
        content: 'How to use';
        color: #B4CCE4; }
      #footer #fHowtouse > .box > .ttl::after {
        display: block;
        content: '';
        width: 5em;
        height: 3px;
        background-color: #0057AA;
        margin-top: .5em; }
    #footer #fHowtouse > .box > .catch {
      font-weight: 700; }
    #footer #fHowtouse > .box > .caption {
      font-size: 2rem;
      font-weight: 700;
      color: #FFF;
      line-height: 1.5; }
#footer #fDownload {
  position: relative;
  background-color: #0057AA;
  color: #FFF; }
  #footer #fDownload::before, #footer #fDownload::after {
    position: absolute;
    bottom: 100%;
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-size: contain; }
  #footer #fDownload > .ttl {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 30px; }
    #footer #fDownload > .ttl::before {
      display: block;
      content: 'Download'; }
    #footer #fDownload > .ttl::after {
      display: block;
      content: '';
      width: 5em;
      height: 3px;
      background-color: #FFF;
      margin-top: .5em; }
  #footer #fDownload > .in {
    font-weight: 700;
    line-height: 1.5; }
    #footer #fDownload > .in::before {
      display: block;
      content: '';
      aspect-ratio: 1/.612;
      background: url("/nmobi/img/logo.svg") center center/66.6% auto no-repeat #FFF;
      border-radius: 20px; }
#footer #copyright {
  padding: 40px 10px;
  font-weight: 700;
  color: #0057AA;
  text-align: center; }
#footer #shinsanum {
  border: 1px solid #000;
  padding: 5px 10px;
  font-size: .75rem; }
@media screen and (min-width: 769px) {
  #footer {
    position: relative; }
    #footer #fHowtouse {
      padding: 190px 40px 180px; }
      #footer #fHowtouse > .box {
        position: relative;
        padding: 40px 40px 30px 40px;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto; }
        #footer #fHowtouse > .box > .ttl::before {
          font-size: 4.125rem; }
        #footer #fHowtouse > .box > .catch {
          font-size: 2.125rem;
          margin-bottom: 30px; }
        #footer #fHowtouse > .box > .caption {
          position: absolute;
          top: 0;
          right: 0;
          width: 480px;
          padding: 20px !important;
          z-index: 1; }
        #footer #fHowtouse > .box::after {
          width: min(480px, 50%);
          height: 100%;
          background-image: url("/nmobi/img/howtouse.jpg"); }
        #footer #fHowtouse > .box p:not(.btn):not(.capition) {
          padding-right: min(480px, calc(50% + 20px)); }
        #footer #fHowtouse > .box .btn {
          margin-top: 30px; }
    #footer #fDownload {
      padding: 80px 40px 100px; }
      #footer #fDownload::before, #footer #fDownload::after {
        width: 50%; }
      #footer #fDownload::before {
        left: 0;
        background-image: url("/nmobi/img/footer_l.svg");
        background-position: left bottom;
        height: 62px; }
      #footer #fDownload::after {
        right: 0;
        background-image: url("/nmobi/img/footer_r.svg");
        background-position: right bottom;
        height: 89px; }
      #footer #fDownload > .ttl {
        width: 100%;
        max-width: 1120px;
        margin-left: auto;
        margin-right: auto; }
        #footer #fDownload > .ttl::before {
          font-size: 4.125rem; }
      #footer #fDownload > .in {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        min-height: 230px;
        max-width: 1040px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 376px; }
        #footer #fDownload > .in::before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate(0, -50%);
          width: 376px;
          height: 230px; }
        #footer #fDownload > .in > p {
          margin-left: 40px;
          font-size: 1.5rem; }
        #footer #fDownload > .in > ul {
          display: flex; }
          #footer #fDownload > .in > ul > li {
            margin-left: 40px;
            margin-top: 30px;
            width: 273px; }
            #footer #fDownload > .in > ul > li a {
              transition: filter .25s; }
              #footer #fDownload > .in > ul > li a:hover {
                filter: brightness(1.5); }
    #footer #fNav {
      display: flex;
      justify-content: space-between;
      padding: 80px 40px;
      width: 1280px;
      max-width: 100%;
      margin: 0 auto; }
      #footer #fNav > li {
        display: flex;
        flex-direction: column; }
        #footer #fNav > li:nth-child(n+2) {
          padding-left: 20px; }
        #footer #fNav > li > a {
          font-weight: 700; }
        #footer #fNav > li > ul {
          padding-left: 20px; }
          #footer #fNav > li > ul[data-gridflow] {
            display: grid;
            grid-auto-flow: column;
            grid-template-rows: repeat(5, auto); }
            #footer #fNav > li > ul[data-gridflow] > li:nth-child(5n+1) {
              margin-top: 0; }
            #footer #fNav > li > ul[data-gridflow] > li:nth-child(n+6) {
              padding-left: 20px; }
        #footer #fNav > li *:nth-child(n+2) {
          margin-top: 10px; }
    #footer #fOtherNav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 20px;
      border-top: 1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC; }
      #footer #fOtherNav > li {
        margin: 20px; }
    #footer #shinsanum {
      position: absolute;
      bottom: 35px;
      right: 10px; } }
@media screen and (max-width: 768px) {
  #footer #fHowtouse {
    padding: 100px 15px 130px; }
    #footer #fHowtouse > .box {
      position: relative;
      padding: 40px 30px 52.78% 40px; }
      #footer #fHowtouse > .box > .ttl::before {
        font-size: 2.625rem; }
      #footer #fHowtouse > .box > .catch {
        font-size: 1.5rem;
        margin-bottom: 10px; }
      #footer #fHowtouse > .box > .caption {
        position: relative;
        z-index: 1;
        margin: 50px -10px calc(-5rem - 30px);
        line-height: 1.25; }
      #footer #fHowtouse > .box::after {
        width: 100%;
        aspect-ratio: 72/38;
        background-image: url("/nmobi/img/howtouse_sp.jpg"); }
      #footer #fHowtouse > .box .btn {
        margin: 30px -10px 0; }
  #footer #fDownload {
    padding: 40px 15px 80px; }
    #footer #fDownload::before {
      width: calc(100% - 30px); }
    #footer #fDownload::before {
      left: 0;
      background-image: url("/nmobi/img/footer_sp.svg");
      background-position: right bottom;
      height: 54px; }
    #footer #fDownload > .ttl {
      margin-bottom: 30px; }
      #footer #fDownload > .ttl::before {
        font-size: 2.625rem; }
    #footer #fDownload > .in {
      position: relative;
      padding: 0 30px; }
      #footer #fDownload > .in::before {
        width: 100%;
        aspect-ratio: 376/230;
        margin-bottom: 30px; }
      #footer #fDownload > .in > p {
        text-align: center; }
      #footer #fDownload > .in > ul {
        padding: 0 15px; }
        #footer #fDownload > .in > ul > li {
          margin-top: 20px;
          text-align: center; }
  #footer #fNav {
    display: none; }
  #footer #fOtherNav {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC; }
    #footer #fOtherNav > li {
      display: inline-block;
      padding: 5px; }
  #footer #copyright {
    font-size: .875rem; }
  #footer #shinsanum {
    width: fit-content;
    margin: 0 auto 20px; } }

/* -------------------------------
   common
------------------------------- */
.ttl, .catch {
  line-height: 1.5; }

.newsList {
  border-top: 1px solid #CCC;
  width: 100%; }
  .newsList li {
    border-bottom: 1px solid #CCC;
    display: flex;
    align-items: flex-start;
    font-size: .9375rem;
    line-height: 1.5; }
    .newsList li time {
      color: #707070;
      white-space: nowrap; }
    .newsList li .cat {
      font-size: .75rem;
      font-weight: 700;
      min-width: 100px;
      text-align: center;
      color: #FFF;
      background-color: #0057AA;
      white-space: nowrap;
      padding: 5px;
      margin-top: -2px;
      margin-bottom: -2px;
      border-radius: 20px; }
    .newsList li a {
      color: inherit !important; }

.btn {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center; }
  .btn a {
    position: relative;
    display: block;
    color: #FFF !important;
    width: 100%;
    max-width: 376px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 30px 30px 30px 20px;
    line-height: 1;
    border-radius: 80px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
    text-decoration: none !important; }
    .btn a::before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      content: '';
      display: block;
      width: 100%;
      aspect-ratio: 1/1;
      background: linear-gradient(135deg, #137fbe 0%, #92ca8d 100%);
      z-index: -1;
      transition: transform .5s; }
    .btn a::after {
      position: absolute;
      top: 50%;
      right: 20px;
      margin-top: -8px;
      display: block;
      width: 10px;
      height: 17px;
      content: url("/nmobi/img/arr.svg");
      z-index: 2;
      transition: right .25s; }
  .btn.simple a {
    border: 1px solid #0057AA;
    color: #0057AA!important;
    background: url("/nmobi/img/arr_blue.svg") right 10px center no-repeat #FFF; }
    .btn.simple a::before {
      display: none; }

.btns {
  display: flex;
  margin: 0 auto;
  width: 930px;
  max-width: 100%; }
  .btns .btn {
    margin-left: 15px;
    margin-right: 15px;
    width: 50%; }

.simpleBtn {
  font-weight: 700; }
  .simpleBtn a {
    border: 1px solid #0057AA;
    color: #0057AA;
    padding: 10px 40px;
    border-radius: 40px;
    background: url("/nmobi/img/arr_blue.svg") right 10px center no-repeat; }

.pageDetail > header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  line-height: 1.2; }
  .pageDetail > header h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 2rem; }
    .pageDetail > header h1[data-en] {
      background-color: rgba(0, 0, 0, 0.7);
      color: #FFF; }
      .pageDetail > header h1[data-en]::after {
        display: block;
        content: attr(data-en);
        font-size: 1.25rem; }
.pageDetail h2.ttl {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 30px; }
  .pageDetail h2.ttl.center {
    text-align: center; }
  .pageDetail h2.ttl.underline {
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC; }
.pageDetail .contentsList > li {
  text-align: center;
  font-size: 1.125rem; }
  .pageDetail .contentsList > li > img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 30px; }
  .pageDetail .contentsList > li .ttl {
    color: #0057AA;
    font-weight: 700;
    font-size: 1.75rem;
    margin-bottom: 20px;
    text-align: center; }
  .pageDetail .contentsList > li .btn {
    margin-top: 30px; }
.pageDetail .stripe > section {
  position: relative; }
  .pageDetail .stripe > section > h2.ttl {
    text-align: center; }
  .pageDetail .stripe > section > section {
    margin-top: 80px; }
    .pageDetail .stripe > section > section > h3.ttl {
      margin-bottom: 30px; }
  .pageDetail .stripe > section > h2.ttl + section {
    margin-top: 0; }
.pageDetail .stripe.white > section > h2.ttl {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC; }
.pageDetail .stripe:not(.white) > section:nth-child(even)::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #F2FAFB;
  z-index: -1;
  width: 100vw;
  height: 100%; }
.pageDetail .stripe:not(.white) > section:nth-child(even) .contentsList > li {
  background-color: #FFF;
  padding: 20px 20px 40px; }
.pageDetail .stripe:not(.white) > section:nth-child(even) .obi {
  background-color: #FFF; }
.pageDetail .stripe:not(.white):not(.gray) > section:nth-child(odd) > h2.ttl {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC; }

.noteList {
  line-height: 1.5;
  margin-top: 30px; }
  .noteList li:nth-child(n+2) {
    margin-top: 1em; }

ul.list {
  list-style: disc;
  padding-left: 1em; }

ol.list {
  padding-left: 1em; }

.faqList {
  max-height: 0;
  font-weight: 700;
  font-size: 1.125rem;
  overflow: hidden;
  transition: max-height .5s, margin .5s; }
  .faqList dt, .faqList li {
    padding: 20px 0 20px 1em;
    color: #0057AA;
    line-height: 1.2; }
    .faqList dt:nth-child(n+2), .faqList li:nth-child(n+2) {
      border-top: 1px solid #CCCCCC;
      margin-top: 20px; }
    .faqList dt::before, .faqList li::before {
      content: 'Q ';
      margin-left: -1em; }
  .faqList dd {
    color: #666666;
    padding-left: 40px; }
    .faqList dd a[target]::after {
      content: '';
      width: 17px;
      height: 16px;
      display: inline-block;
      position: relative;
      top: 0.15em;
      margin: 0 0.3em;
      background: url(/cmn3/img/icon/ic_blank.svg) no-repeat center;
      background-size: 17px 16px; }
  .faqList.open {
    max-height: 2000px;
    margin: 30px 0 100px; }

.faqList.open {
  max-height: none;
  margin-top: 40px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC; }
  .faqList.open > li {
    margin-top: 0 !important; }
  .faqList.open > dd:last-child {
    padding-bottom: 20px; }

.policyList dt {
  font-weight: 700;
  font-size: 1.25rem; }
.policyList dd {
  margin-bottom: 2em; }

@media screen and (min-width: 769px) {
  .newsList li {
    padding: 20px; }
    .newsList li time {
      color: #707070;
      margin-right: 20px; }
    .newsList li .cat {
      margin-right: 20px; }
    .newsList li a:hover {
      color: #0057AA!important; }

  .btn a:hover::before {
    transform: translate(-50%, -50%) rotate(180deg); }
  .btn a:hover::after {
    right: 15px; }
  .btn.simple a:hover {
    text-decoration: underline; }

  .pageDetail {
    padding-bottom: 140px; }
    .pageDetail > header {
      padding: 60px 20px;
      background-image: url("/nmobi/img/h1.jpg"); }
      .pageDetail > header h1 {
        min-width: 582px;
        min-height: 180px; }
    .pageDetail .breadcrumbs {
      list-style: none;
      display: flex;
      overflow: auto;
      margin: 20px auto 60px;
      width: 100%;
      max-width: 1280px;
      padding: 0 40px;
      font-size: .875rem; }
      .pageDetail .breadcrumbs > li {
        white-space: nowrap; }
        .pageDetail .breadcrumbs > li:nth-child(n+2)::before {
          display: inline-block;
          content: '>';
          margin: 0 1em; }
    .pageDetail > section {
      max-width: 1280px;
      padding: 0 40px;
      margin: 0 auto; }
    .pageDetail .stripe > section {
      max-width: 1280px;
      padding: 100px 40px;
      margin: 0 auto; }
    .pageDetail .stripe[data-col="2"] {
      max-width: 1280px;
      padding: 0 40px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .pageDetail .stripe[data-col="2"] > section {
        width: calc(50% - 20px);
        padding: 0;
        margin-top: 100px; }
        .pageDetail .stripe[data-col="2"] > section:nth-child(n+3) {
          margin-top: 60px; }
    .pageDetail .breadcrumbs + .stripe {
      margin-top: -60px; }

  .imgTxt {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 100px; }
    .imgTxt picture {
      width: calc(50% - 15px); }
    .imgTxt .txt {
      width: calc(50% - 15px); }

  .txtImg {
    display: flex;
    justify-content: space-between;
    padding: 100px; }
    .txtImg .img {
      width: calc(50% - 15px); }
    .txtImg .txt {
      width: calc(50% - 15px); }

  .contentsList {
    display: flex; }
    .contentsList > li {
      width: 100%; }
      .contentsList > li:nth-child(n+2) {
        margin-left: 40px; }

  .policyList {
    max-width: 1200px;
    width: calc(100% - 80px);
    margin: 0 auto 60px; } }
@media screen and (max-width: 768px) {
  .newsList li {
    flex-wrap: wrap;
    padding: 20px 0; }
    .newsList li time {
      margin-right: 10px;
      margin-bottom: 20px; }
    .newsList li .cat {
      margin-bottom: 20px; }

  .btns {
    padding-left: 10px;
    padding-right: 15px; }
    .btns .btn {
      margin-left: 5px;
      margin-right: 0; }

  .pageDetail {
    padding-bottom: 140px; }
    .pageDetail > header {
      background-image: url("/nmobi/img/h1_sp.jpg");
      padding: 70px 15px;
      margin-bottom: 100px; }
      .pageDetail > header h1 {
        min-width: 100%;
        min-height: 160px; }
    .pageDetail .breadcrumbs {
      display: none; }
    .pageDetail > section {
      padding: 0 15px; }
    .pageDetail .stripe > section {
      padding: 80px 15px; }
    .pageDetail .breadcrumbs + .stripe {
      margin-top: -100px; }

  .imgTxt picture {
    display: block;
    margin-top: 40px; }

  .txtImg .img {
    margin-top: 40px; }

  .contentsList {
    margin-top: 40px; }
    .contentsList[data-spcol] {
      display: flex;
      flex-wrap: wrap; }
      .contentsList[data-spcol][data-spcol="2"] > li {
        width: calc(50% - 15px);
        font-size: 1rem !important; }
        .contentsList[data-spcol][data-spcol="2"] > li:nth-child(even) {
          margin-left: 30px; }
          .contentsList[data-spcol][data-spcol="2"] > li:nth-child(even):nth-child(2) {
            margin-top: 0; }
      .contentsList[data-spcol] .ttl {
        font-size: 1rem !important; }
    .contentsList > li:nth-child(n+2) {
      margin-top: 80px; }

  .policyList {
    padding: 0 15px; } }
/* -------------------------------
   home
------------------------------- */
#mv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-weight: 700;
  text-align: center; }
  #mv .logo {
    margin-top: 1em; }

#newsSec {
  position: relative;
  max-width: 1280px;
  line-height: 1;
  margin: 0 auto; }
  #newsSec::before {
    display: block;
    content: '';
    width: 100vw;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1; }
  #newsSec > .ttl {
    font-weight: 700;
    font-size: 1rem;
    white-space: nowrap; }
    #newsSec > .ttl::before {
      display: block;
      content: 'NEWS';
      color: #0057AA;
      font-size: 2.625rem;
      margin-bottom: 20px;
      line-height: 1; }

#aboutSec {
  max-width: 1280px;
  margin: 0 auto; }
  #aboutSec::before {
    content: '';
    display: block; }
  #aboutSec > .ttl {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0057AA;
    background-color: #FFF; }
    #aboutSec > .ttl::before {
      display: block;
      content: 'About N.mobi'; }
    #aboutSec > .ttl::after {
      display: block;
      content: '';
      width: 7.5em;
      height: 3px;
      background-color: #0057AA;
      margin-top: .5em; }
  #aboutSec > p:not(.btn) {
    background-color: #FFF; }
    #aboutSec > p:not(.btn).catch {
      font-weight: 700;
      padding: 40px 0; }
  #aboutSec > section {
    position: relative; }
    #aboutSec > section::before {
      content: '';
      display: block; }
    #aboutSec > section > .ttl {
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 30px; }
    #aboutSec > section::after {
      display: block;
      content: '';
      width: 100vw;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: -1; }
  #aboutSec #aboutLinks {
    position: relative; }
    #aboutSec #aboutLinks::before {
      display: block;
      content: '';
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translate(-50%, 0);
      z-index: -2; }
    #aboutSec #aboutLinks li a {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #FFF;
      text-align: center;
      line-height: 1.5;
      overflow: hidden;
      text-decoration: none; }
      #aboutSec #aboutLinks li a::before {
        display: block;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        transition: width .25s, height .25s; }
      #aboutSec #aboutLinks li a .ttl {
        font-size: 1.5rem;
        font-weight: 700; }
      #aboutSec #aboutLinks li a .here::after {
        transition: transform .25s;
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        background-color: #FFF;
        margin-top: 10px; }
  #aboutSec #aboutBg {
    display: block; }
    #aboutSec #aboutBg img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

@media screen and (min-width: 769px) {
  #mv {
    position: relative;
    font-size: 3.25rem;
    background: url("/nmobi/img/top/mv_bg.jpg") center center/cover no-repeat;
    width: 100%;
    height: 1000px;
    min-height: 400px;
    max-height: 100vh;
    max-height: 100svh;
    padding: 120px 0; }
    #mv .scroll {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translate(-50%, 0); }

  #newsSec {
    display: flex;
    align-items: flex-start;
    padding: 200px 40px; }
    #newsSec::before {
      background: url("/nmobi/img/top/about_bg01.png") right bottom no-repeat; }
    #newsSec .ttl {
      margin-right: 10px; }

  #aboutSec {
    position: relative;
    padding: 140px 40px 0; }
    #aboutSec::before {
      width: calc(50vw + 90px);
      height: 660px;
      background: url("/nmobi/img/top/about_img01.jpg") left bottom/cover no-repeat;
      z-index: -1;
      position: absolute;
      top: 0;
      left: calc(50% - 90px); }
    #aboutSec > .ttl {
      width: 790px;
      max-width: 66.66%;
      padding-right: 20px !important; }
      #aboutSec > .ttl::before {
        font-size: 4.875rem; }
    #aboutSec > P:not(.btn) {
      width: 790px;
      max-width: 66.66%;
      padding-right: 20px !important; }
      #aboutSec > P:not(.btn).catch {
        font-size: 2.25rem; }
      #aboutSec > P:not(.btn).txt {
        padding-bottom: 60px; }
    #aboutSec > section {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 290px;
      padding-left: 510px;
      margin-top: 50px; }
      #aboutSec > section::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 480px;
        height: 290px;
        background: url("/nmobi/img/top/about_img02.jpg") center center/cover no-repeat; }
      #aboutSec > section::after {
        top: -50px;
        height: calc(100% + 50px);
        background: url("/nmobi/img/top/about_bg02.png") left top no-repeat; }
    #aboutSec .btn {
      margin-top: 70px; }
    #aboutSec #aboutLinks {
      display: flex;
      width: 100vw;
      width: 100svw;
      margin: 0 calc(-50vw + 50%);
      margin: 0 calc(-50svw + 50%);
      margin-top: 160px; }
      #aboutSec #aboutLinks::before {
        width: 100vw;
        height: 20vw;
        background: url("/nmobi/img/top/about_bg03.png") right bottom/cover no-repeat; }
      #aboutSec #aboutLinks li {
        width: 50%; }
        #aboutSec #aboutLinks li a {
          min-height: 484px;
          font-size: 1.125rem; }
          #aboutSec #aboutLinks li a .ttl {
            margin-bottom: 20px; }
          #aboutSec #aboutLinks li a .here {
            margin-top: 40px; }
          #aboutSec #aboutLinks li a:hover::before {
            width: 110%;
            height: 110%; }
          #aboutSec #aboutLinks li a:hover .here::after {
            transform: scale(1.1); }
        #aboutSec #aboutLinks li:first-child a::before {
          background-image: url("/nmobi/img/top/about_feature.jpg"); }
        #aboutSec #aboutLinks li:last-child a::before {
          background-image: url("/nmobi/img/top/about_ev.jpg"); }
    #aboutSec #aboutBg {
      width: 100vw;
      width: 100svw;
      margin: 0 calc(-50vw + 50%);
      margin: 0 calc(-50svw + 50%);
      height: 400px; } }
@media screen and (max-width: 768px) {
  #mv {
    font-size: 1.5rem;
    background: url("/nmobi/img/top/mv_bg_sp.jpg") center center/cover no-repeat;
    width: 100%;
    min-height: 200px;
    max-height: 100vh;
    max-height: 100svh;
    aspect-ratio: 39/42; }
    #mv img {
      width: auto;
      height: 66px; }
    #mv .scroll {
      display: none; }

  #newsSec {
    padding: 60px 15px 100px; }
    #newsSec::before {
      background: url("/nmobi/img/top/about_bg01_sp.png") right bottom -20vw/contain no-repeat; }
    #newsSec .ttl {
      margin-bottom: 30px; }

  #aboutSec {
    position: relative;
    padding: 0 15px; }
    #aboutSec::before {
      width: calc(100%+30px);
      margin: 0 -15px 40px;
      aspect-ratio: 1/.631;
      background: url("/nmobi/img/top/about_img01_sp.jpg") center center/cover no-repeat; }
    #aboutSec > .logo {
      width: 170px;
      height: auto; }
    #aboutSec > .ttl::before {
      font-size: 2.625rem;
      margin-bottom: 20px; }
    #aboutSec > P:not(.btn).catch {
      font-size: 1.5rem; }
    #aboutSec > P:not(.btn).txt {
      margin-bottom: 40px; }
    #aboutSec > section::before {
      width: 100%;
      aspect-ratio: 1/.606;
      margin-bottom: 30px;
      background: url("/nmobi/img/top/about_img02_sp.jpg") center center/cover no-repeat; }
    #aboutSec > section::after {
      display: none; }
    #aboutSec .btn {
      margin-top: 60px; }
    #aboutSec #aboutLinks {
      width: calc(100% + 30px);
      margin: 100px -15px 0; }
      #aboutSec #aboutLinks::before {
        width: 100vw;
        height: 58vw;
        background: url("/nmobi/img/top/about_bg02_sp.png") right bottom/contain no-repeat; }
      #aboutSec #aboutLinks li {
        width: 100%; }
        #aboutSec #aboutLinks li a {
          font-size: .875rem;
          padding: 30px 15px; }
          #aboutSec #aboutLinks li a .ttl {
            margin-bottom: 20px; }
          #aboutSec #aboutLinks li a .here {
            margin-top: 20px; }
        #aboutSec #aboutLinks li:first-child a::before {
          background-image: url("/nmobi/img/top/about_feature_sp.jpg"); }
        #aboutSec #aboutLinks li:last-child a::before {
          background-image: url("/nmobi/img/top/about_ev_sp.jpg"); }
    #aboutSec #aboutBg {
      margin: 0 -15px; }
      #aboutSec #aboutBg img {
        width: 100%;
        height: auto; } }
/* -------------------------------
   about
------------------------------- */
article#about .outline::after {
  display: block;
  content: '';
  aspect-ratio: 377/320;
  background: url("/nmobi/img/logo.svg") center center/63% auto no-repeat;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
  border-radius: 10px; }
@media screen and (min-width: 769px) {
  article#about > header {
    background-image: url("/nmobi/img/about/h1.jpg"); }
  article#about .outline {
    position: relative;
    min-height: 280px;
    padding-right: 400px;
    margin-bottom: 100px; }
    article#about .outline::after {
      position: absolute;
      top: -20px;
      right: 0;
      width: 377px; } }
@media screen and (max-width: 768px) {
  article#about > header {
    background-image: url("/nmobi/img/about/h1_sp.jpg"); }
  article#about .outline::after {
    margin-top: 40px; }
  article#about .contentsList {
    margin-top: 100px; } }

/* -------------------------------
   feature
------------------------------- */
@media screen and (min-width: 769px) {
  article#feature > header {
    background-image: url("/nmobi/img/about/feature/h1.jpg"); }
  article#feature .outline {
    position: relative;
    min-height: 280px;
    padding-right: 400px;
    margin-bottom: 100px; }
    article#feature .outline::after {
      position: absolute;
      top: -20px;
      right: 0;
      width: 377px; } }
@media screen and (max-width: 768px) {
  article#feature > header {
    background-image: url("/nmobi/img/about/feature/h1_sp.jpg"); }
  article#feature .outline::after {
    margin-top: 40px; } }

/* -------------------------------
   ev
------------------------------- */
article#ev #aboutEvPoints .contentsList > li p:not(.ttl) {
  text-align: left; }
@media screen and (min-width: 769px) {
  article#ev > header {
    background-image: url("/nmobi/img/about/ev/h1.jpg"); } }
@media screen and (max-width: 768px) {
  article#ev > header {
    background-image: url("/nmobi/img/about/ev/h1_sp.jpg"); } }

/* -------------------------------
   use
------------------------------- */
.useStepLinks {
  display: flex;
  counter-reset: stepNum; }
  .useStepLinks > li {
    position: relative;
    width: 100%; }
    .useStepLinks > li a {
      display: flex;
      align-items: center;
      position: relative;
      border: 4px solid #B4CCE4;
      padding: 5px 0 5px 15px;
      height: 60px;
      color: #0057AA;
      font-weight: 700;
      line-height: 1;
      text-decoration: none !important;
      transition: background-color .25s; }
      .useStepLinks > li a::before {
        counter-increment: stepNum;
        display: inline-block;
        content: "STEP" counter(stepNum);
        font-weight: 400;
        color: #B4CCE4;
        transition: color .25s; }
    .useStepLinks > li:not(:last-child)::after {
      display: block;
      content: '';
      position: absolute;
      top: 50%;
      left: 100%;
      border: 30px solid transparent;
      border-left: 30px solid #B4CCE4;
      transform: translate(-1px, -50%);
      z-index: 1; }
    .useStepLinks > li:not(:last-child) a::after {
      display: block;
      content: '';
      position: absolute;
      top: 50%;
      left: 100%;
      border: 26px solid transparent;
      border-left: 26px solid #FFF;
      transform: translate(0, -50%);
      z-index: 1;
      transition: border-left-color .25s, color .25s;
      z-index: 2; }
    .useStepLinks > li.current::after {
      border-left-color: #0057AA; }
    .useStepLinks > li.current a {
      border-color: #0057AA; }
      .useStepLinks > li.current a::before {
        color: #0057AA; }
  @media screen and (min-width: 769px) {
    .useStepLinks {
      max-width: 1200px;
      width: calc(100% - 80px);
      margin: 0 auto 60px;
      font-size: 1.5rem; }
      .useStepLinks > li:not(:first-child) {
        margin-left: 20px; }
      .useStepLinks > li a::before {
        margin-right: 10%; }
      .useStepLinks > li a:hover {
        background-color: #B4CCE4; }
        .useStepLinks > li a:hover::before {
          color: #0057AA; }
        .useStepLinks > li a:hover::after {
          border-left-color: #B4CCE4; } }
  @media screen and (max-width: 768px) {
    .useStepLinks {
      margin: 0 15px 20px; }
      .useStepLinks > li:not(:first-child) {
        margin-left: 5px; }
      .useStepLinks > li a {
        flex-direction: column;
        align-items: flex-start; }
        .useStepLinks > li a::before {
          margin-bottom: 5px; }
      .useStepLinks > li:not(:last-child)::after {
        border-left-width: 15px; }
      .useStepLinks > li:not(:last-child) a::after {
        border-left-width: 13px; } }

.useDetailFlow {
  counter-reset: flowNum;
  list-style: none; }
  .useDetailFlow > li {
    position: relative;
    counter-increment: flowNum; }
    .useDetailFlow > li::before {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #0057AA;
      content: flowNum;
      border: 3px solid #0057AA;
      width: 74px;
      height: 74px;
      border-radius: 40px;
      content: counter(flowNum);
      font-size: 3rem;
      font-family: Arial, Helvetica, "sans-serif"; }
    .useDetailFlow > li .ttl {
      color: #0057AA;
      font-weight: 700;
      font-size: 1.75rem;
      margin-bottom: 30px; }
    .useDetailFlow > li p:not(.ttl):not(:first-child) {
      margin-top: 20px; }
    .useDetailFlow > li.nostep::before {
      display: none; }
    .useDetailFlow > li.nostep .ttl {
      padding: 0 !important; }
  @media screen and (min-width: 769px) {
    .useDetailFlow > li:not(.noimg) {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative; }
      .useDetailFlow > li:not(.noimg) .txt {
        width: calc(50% - 20px); }
      .useDetailFlow > li:not(.noimg).rev {
        flex-direction: row-reverse; }
    .useDetailFlow > li:not(:last-child) {
      margin-bottom: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid #CCC; }
    .useDetailFlow > li::before {
      top: 0;
      left: 0; }
    .useDetailFlow > li .ttl {
      display: flex;
      align-items: center;
      min-height: 80px;
      padding-left: 110px; }
    .useDetailFlow > li figure {
      max-width: calc(50% - 20px); } 
    .useDetailFlow > li picture {
      max-width: calc(50% - 20px); } }
  @media screen and (max-width: 768px) {
    .useDetailFlow > li {
      position: relative; }
      .useDetailFlow > li:not(:last-child) {
        margin-bottom: 80px; }
      .useDetailFlow > li::before {
        top: 0;
        left: 50%;
        transform: translate(-50%, 0); }
      .useDetailFlow > li .ttl {
        padding-top: 90px;
        text-align: center; }
      .useDetailFlow > li figure {
        text-align: center;
        margin-top: 30px; }
      .useDetailFlow > li picture {
        text-align: center;
        margin-top: 30px; } }

article#use #useFlow {
  list-style: none;
  counter-reset: stepNum; }
  article#use #useFlow > li {
    position: relative; }
    article#use #useFlow > li .ttl {
      position: relative;
      font-size: 2rem;
      font-weight: 700;
      color: #0057AA;
      margin-bottom: 30px; }
      article#use #useFlow > li .ttl::before {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        counter-increment: stepNum;
        content: counter(stepNum);
        text-align: center;
        font-size: 3rem;
        width: 80px;
        height: 75px;
        border-radius: 40px;
        background-color: #0057AA;
        color: #FFF;
        font-family: Arial, Helvetica, "sans-serif";
        font-weight: normal;
        padding-bottom: 5px;
        line-height: 1; }
      article#use #useFlow > li .ttl::after {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        content: 'STEP';
        text-align: center;
        font-size: .9125rem;
        width: 80px;
        height: 65px;
        color: #FFF;
        font-family: Arial, Helvetica, "sans-serif";
        font-weight: normal;
        padding-top: 15px;
        line-height: 1; }
    article#use #useFlow > li .simpleBtn {
      margin-top: 30px; }
@media screen and (min-width: 769px) {
  article#use > header {
    background-image: url("/nmobi/img/use/h1.jpg"); }
  article#use #useFlow {
    padding-left: 120px;
    max-width: 1200px;
    width: calc(100% - 80px);
    margin: 120px auto; }
    article#use #useFlow li {
      padding-right: 352px; }
      article#use #useFlow li .ttl {
        padding-top: 15px; }
        article#use #useFlow li .ttl::before, article#use #useFlow li .ttl::after {
          position: absolute;
          top: 0;
          left: -120px; }
      article#use #useFlow li > img {
        position: absolute;
        top: 10px;
        right: 0;
        width: 332px;
        height: 222px; }
      article#use #useFlow li:not(:last-child) {
        padding-bottom: 40px;
        min-height: 262px; }
        article#use #useFlow li:not(:last-child)::before {
          position: absolute;
          top: 80px;
          left: -80px;
          display: block;
          content: '';
          width: 3px;
          height: calc(100% - 80px);
          background-color: #0057AA; } }
@media screen and (max-width: 768px) {
  article#use > header {
    background-image: url("/nmobi/img/use/h1_sp.jpg"); }
  article#use #useFlow {
    padding: 0 15px; }
    article#use #useFlow li {
      margin-top: 80px; }
      article#use #useFlow li .ttl {
        padding-top: 90px;
        text-align: center; }
        article#use #useFlow li .ttl::before, article#use #useFlow li .ttl::after {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translate(-50%, 0); }
      article#use #useFlow li .simpleBtn {
        text-align: center; }
      article#use #useFlow li > img {
        margin: 30px auto 0; } }

/* -------------------------------
   entry
------------------------------- */
article#entry #entryFLow,
article#carshare #entryFLow {
  counter-reset: flowNum;
  display: flex;
  flex-wrap: wrap;
  list-style: none; }
  article#entry #entryFLow > li,
  article#carshare #entryFLow > li {
    position: relative;
    counter-increment: flowNum;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #CCCCCC;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 40px; }
    article#entry #entryFLow > li::before,
    article#carshare #entryFLow > li::before {
      position: absolute;
      top: 10px;
      left: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #0057AA;
      content: flowNum;
      border: 3px solid #0057AA;
      width: 34px;
      height: 34px;
      border-radius: 40px;
      content: counter(flowNum);
      font-family: Arial, Helvetica, "sans-serif"; }
    article#entry #entryFLow > li img,
    article#carshare #entryFLow > li img {
      margin: 20px;
      max-width: calc(100% - 40px); }
@media screen and (min-width: 769px) {
  article#entry > header,
  article#carshare > header {
    background-image: url("/nmobi/img/use/entry/h1.jpg"); }
  article#entry #entryFLow li,
  article#carshare #entryFLow li {
    font-size: 1.125rem;
    width: calc((100% - 100px) / 5); }
    article#entry #entryFLow li:nth-child(n+2),
    article#carshare #entryFLow li:nth-child(n+2) {
      margin-left: 25px; }
  article#entry #entryFLow[data-colmax="3"],
  article#carshare #entryFLow[data-colmax="3"] {
    width: calc((100% - 100px) / 5 * 3);
    margin-left: auto;
    margin-right: auto; }
    article#entry #entryFLow[data-colmax="3"] li,
    article#carshare #entryFLow[data-colmax="3"] li {
      width: calc((100% - 50px) / 3); }
      article#entry #entryFLow[data-colmax="3"] li:nth-child(n+4),
      article#carshare #entryFLow[data-colmax="3"] li:nth-child(n+4) {
        margin-top: 25px; }
      article#entry #entryFLow[data-colmax="3"] li:nth-child(3n+1),
      article#carshare #entryFLow[data-colmax="3"] li:nth-child(3n+1) {
        margin-left: 0; }
  article#entry #menkyo,
  article#carshare #menkyo {
    position: relative;
    padding-right: 420px; }
    article#entry #menkyo img,
    article#carshare #menkyo img {
      position: absolute;
      top: 0;
      right: 0; } }
@media screen and (max-width: 768px) {
  article#entry > header,
  article#carshare > header {
    background-image: url("/nmobi/img/use/entry/h1_sp.jpg"); }
  article#entry #entryFLow,
  article#carshare #entryFLow {
    justify-content: space-between; }
    article#entry #entryFLow li,
    article#carshare #entryFLow li {
      font-size: .825rem;
      width: calc((100% - 20px) / 2); }
      article#entry #entryFLow li:nth-child(n+3),
      article#carshare #entryFLow li:nth-child(n+3) {
        margin-top: 20px; }
      article#entry #entryFLow li::before,
      article#carshare #entryFLow li::before {
        transform: scale(0.75);
        transform-origin: left top; }
  article#entry #menkyo img,
  article#carshare #menkyo img {
    display: block;
    margin: 20px auto; } }

/* -------------------------------
   reservation
------------------------------- */
article#reservation #appFlow {
  counter-reset: flowNum;
  list-style: none; }
  article#reservation #appFlow > li {
    position: relative;
    counter-increment: flowNum; }
    article#reservation #appFlow > li::before {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #0057AA;
      content: flowNum;
      border: 3px solid #0057AA;
      width: 74px;
      height: 74px;
      border-radius: 40px;
      content: counter(flowNum);
      font-size: 3rem;
      font-family: Arial, Helvetica, "sans-serif"; }
    article#reservation #appFlow > li > .ttl {
      display: flex;
      align-items: center;
      padding-left: 110px;
      min-height: 80px;
      color: #0057AA;
      font-weight: 700;
      font-size: 1.75rem; }
    article#reservation #appFlow > li > figure {
      margin: 30px auto;
      text-align: center; }
@media screen and (min-width: 769px) {
  article#reservation > header {
    background-image: url("/nmobi/img/use/reservation/h1.jpg"); }
  article#reservation #appFlow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    article#reservation #appFlow li {
      width: calc((100% - 40px) / 2); }
      article#reservation #appFlow li:nth-child(n+3) {
        margin-top: 80px; }
      article#reservation #appFlow li p:not(.ttl) {
        text-align: center; } }
@media screen and (max-width: 768px) {
  article#reservation > header {
    background-image: url("/nmobi/img/use/reservation/h1_sp.jpg"); }
  article#reservation #appFlow li:nth-child(n+2) {
    margin-top: 80px; } }

/* -------------------------------
   drive
------------------------------- */
article#drive .useDetailFlow > li:nth-child(5) p:not(.ttl) {
  padding-left: 1em;
  text-indent: -1em; }
article#drive .useDetailFlow > li #charger > li {
  border: 1px solid; }
  article#drive .useDetailFlow > li #charger > li dl dt {
    color: #FFF;
    text-align: center;
    font-weight: 700;
    padding: 10px;
    font-size: 1.25rem; }
  article#drive .useDetailFlow > li #charger > li dl dd figure {
    text-align: center;
    max-width: none;
    margin-bottom: 30px; }
  article#drive .useDetailFlow > li #charger > li:first-child {
    border-color: #65C143; }
    article#drive .useDetailFlow > li #charger > li:first-child dl dt {
      background-color: #65C143; }
  article#drive .useDetailFlow > li #charger > li:last-child {
    border-color: #51B4CE; }
    article#drive .useDetailFlow > li #charger > li:last-child dl dt {
      background-color: #51B4CE; }
@media screen and (min-width: 769px) {
  article#drive > header {
    background-image: url("/nmobi/img/use/drive/h1.jpg"); }
  article#drive .useDetailFlow > li #charger {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    width: calc(200% + 80px); }
    article#drive .useDetailFlow > li #charger > li {
      width: calc(50% - 20px); }
      article#drive .useDetailFlow > li #charger > li dl dd {
        padding: 30px 30px 40px; } }
@media screen and (max-width: 768px) {
  article#drive > header {
    background-image: url("/nmobi/img/use/drive/h1_sp.jpg"); }
  article#drive .useDetailFlow > li #charger {
    margin-top: 10px; }
    article#drive .useDetailFlow > li #charger > li {
      margin-top: 30px; }
      article#drive .useDetailFlow > li #charger > li dl dd {
        padding: 30px 20px; }
        article#drive .useDetailFlow > li #charger > li dl dd figure {
          margin: 0 -10px 20px; } }

/* -------------------------------
   return
------------------------------- */
@media screen and (min-width: 769px) {
  article#return > header {
    background-image: url("/nmobi/img/use/return/h1.jpg"); } }
@media screen and (max-width: 768px) {
  article#return > header {
    background-image: url("/nmobi/img/use/return/h1_sp.jpg"); } }

/* -------------------------------
   app
------------------------------- */
@media screen and (min-width: 769px) {
  article#app > header {
    background-image: url("/nmobi/img/use/app/h1.jpg"); } }
@media screen and (max-width: 768px) {
  article#app > header {
    background-image: url("/nmobi/img/use/app/h1_sp.jpg"); } }
article#app .appDetailSec > .ttl {
  position: relative;
  padding: 10px;
  text-align: center;
  font-size: 2rem; }
  article#app .appDetailSec > .ttl::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    transform: translate(-50%, 0);
    background-color: #F0F2EF;
    z-index: -1; }

/* -------------------------------
   cars
------------------------------- */
@media screen and (min-width: 769px) {
  article#cars > header {
    background-image: url("/nmobi/img/use/cars/h1.jpg"); } }
@media screen and (max-width: 768px) {
  article#cars > header {
    background-image: url("/nmobi/img/use/cars/h1_sp.jpg"); } }

/* -------------------------------
   cars
------------------------------- */
article#rules .rulesList {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 60px; }
  article#rules .rulesList > li img {
    display: block;
    margin: 0 auto 20px; }
  article#rules .rulesList > li p {
    margin-top: 20px; }
    article#rules .rulesList > li p strong {
      display: block;
      text-align: center; }
    article#rules .rulesList > li p a {
      text-decoration: underline; }
@media screen and (min-width: 769px) {
  article#rules > header {
    background-image: url("/nmobi/img/use/rules/h1.jpg"); }
  article#rules .rulesList {
    grid-template-columns: repeat(4, 1fr); } }
@media screen and (max-width: 768px) {
  article#rules > header {
    background-image: url("/nmobi/img/use/rules/h1_sp.jpg"); } }

/* -------------------------------
   faq
------------------------------- */
article#faq .faqSec {
  margin-top: 5px; }
  article#faq .faqSec > .ttl {
    position: relative;
    background-color: #F0F2EF;
    padding: 15px 45px;
    cursor: pointer;
    margin-bottom: 0; }
    article#faq .faqSec > .ttl::before, article#faq .faqSec > .ttl::after {
      position: absolute;
      top: 50%;
      right: 15px;
      display: block;
      content: '';
      width: 30px;
      height: 2px;
      background-color: #707070;
      transition: transform .25s; }
    article#faq .faqSec > .ttl::after {
      transform: rotate(90deg); }
    article#faq .faqSec > .ttl.open::after {
      transform: rotate(360deg); }
@media screen and (min-width: 769px) {
  article#faq > header {
    background-image: url("/nmobi/img/faq/h1.jpg"); }
  article#faq .faqSec > .ttl {
    text-align: center; } }
@media screen and (max-width: 768px) {
  article#faq > header {
    background-image: url("/nmobi/img/faq/h1_sp.jpg"); }
  article#faq .faqSec > .ttl {
    padding-left: 15px; } }

/* -------------------------------
   fare
------------------------------- */
article#fare .txtImg {
  flex-wrap: wrap;
  padding: 0; }
  article#fare .txtImg .attention {
    width: 100%;
    margin-bottom: 20px; }
article#fare #farePlans {
  counter-reset: num; }
  article#fare #farePlans section {
    counter-increment: num;
    margin-top: 60px; }
    article#fare #farePlans section > .ttl {
      position: relative;
      font-size: 1.75rem; }
      article#fare #farePlans section > .ttl::before {
        position: absolute;
        display: block;
        content: counter(num);
        text-align: center;
        font-size: 3rem;
        font-weight: normal;
        border: 3px solid;
        width: 74px;
        height: 74px;
        line-height: 74px;
        border-radius: 40px; }
    article#fare #farePlans section > img {
      display: block;
      margin: 0 auto;
      width: auto;
      height: 232px; }
    article#fare #farePlans section.itsumoPlan > .ttl {
      color: #51B4CE; }
      article#fare #farePlans section.itsumoPlan > .ttl::beofre {
        border-color: #51B4CE; }
    article#fare #farePlans section.tamaniPlan > .ttl {
      color: #4CA223; }
      article#fare #farePlans section.tamaniPlan > .ttl::beofre {
        border-color: #4CA223; }
article#fare #fareSupport .fee {
  font-size: 2rem;
  color: #0057AA;
  font-weight: bold; }
@media screen and (min-width: 769px) {
  article#fare > header {
    background-image: url("/nmobi/img/fare/h1.jpg"); }
  article#fare .plansGrid {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: 40px; }
  article#fare .txtImg:nth-child(n+2) {
    margin-top: 60px; }
  article#fare #farePlans section > .ttl {
    padding-left: 110px; }
    article#fare #farePlans section > .ttl::before {
      top: calc(50% - 40px);
      left: 0; }
  article#fare #farePlans section > *:nth-child(n+2) {
    margin-top: 40px;
    padding: 0 30px; }
  article#fare #fareTable > *:nth-child(n+2) {
    margin-top: 40px; }
  article#fare #fareNightpack > *:nth-child(n+2) {
    margin-top: 40px; }
  article#fare #fareLower > *:nth-child(n+2) {
    margin-top: 40px; }
  article#fare #fareCancel > *:nth-child(n+2) {
    margin-top: 40px; }
  article#fare #fareSupport > *:nth-child(n+2) {
    margin-top: 40px; } }
@media screen and (max-width: 768px) {
  article#fare > header {
    background-image: url("/nmobi/img/fare/h1_sp.jpg"); }
  article#fare .txtImg:nth-child(n+2) {
    margin-top: 40px; }
  article#fare #farePlans .tCenter {
    text-align: left; }
  article#fare #farePlans section > .ttl {
    padding-top: 90px;
    text-align: center; }
    article#fare #farePlans section > .ttl::before {
      top: 0;
      left: calc(50% - 40px); }
  article#fare #farePlans section > img {
    width: auto;
    height: 171px; }
  article#fare #farePlans section > *:nth-child(n+2) {
    margin-top: 30px; }
  article#fare #fareTable .tCenter {
    text-align: left; }
  article#fare #fareTable > *:nth-child(n+2) {
    margin-top: 40px; }
  article#fare #fareNightpack > *:nth-child(n+2) {
    margin-top: 30px; }
  article#fare #fareLower > *:nth-child(n+2) {
    margin-top: 30px; }
  article#fare #fareCancel > *:nth-child(n+2) {
    margin-top: 30px; }
  article#fare #fareSupport > *:nth-child(n+2) {
    margin-top: 30px; } }

/* -------------------------------
   compensate
------------------------------- */
article#compensate table {
  width: 100%;
  margin-top: 40px; }
  article#compensate table.fixed {
    table-layout: fixed; }
  article#compensate table thead tr th {
    font-weight: normal;
    padding: 5px;
    border: 1px solid #000;
    text-align: center;
    background-color: #E4F1FB; }
  article#compensate table tbody tr td {
    padding: 5px;
    border: 1px solid #000; }
@media screen and (min-width: 769px) {
  article#compensate > header {
    background-image: url("/nmobi/img/fare/compensate/h1.jpg"); } }
@media screen and (max-width: 768px) {
  article#compensate > header {
    background-image: url("/nmobi/img/fare/compensate/h1_sp.jpg"); } }

/* -------------------------------
   contact
------------------------------- */
@media screen and (min-width: 769px) {
  article#contact > header {
    background-image: url("/nmobi/img/contact/h1.jpg"); } }
@media screen and (max-width: 768px) {
  article#contact > header {
    background-image: url("/nmobi/img/contact/h1_sp.jpg"); } }

/* -------------------------------
   news
------------------------------- */
#newsListSec {
  position: relative;
  max-width: 1280px;
  line-height: 1;
  margin: 0 auto; }
  #newsListSec .newsSide dt {
    background-color: #E4F1FB;
    font-weight: 700;
    font-size: 1.125rem;
    padding: 10px;
    border-bottom: 1px solid #CCCCCC; }
  #newsListSec .newsSide dd::before {
    display: inline-block;
    content: '・'; }
  #newsListSec .newsSide dd a {
    color: inherit; }
  @media screen and (min-width: 769px) {
    #newsListSec {
      display: flex;
      justify-content: space-between;
      padding: 100px 40px;
      margin: -60px auto 0 auto; }
      #newsListSec .newsList {
        width: 74.25%; }
      #newsListSec .newsSide {
        width: 22.5%; }
        #newsListSec .newsSide dt {
          margin-bottom: 20px; }
          #newsListSec .newsSide dt:nth-child(n+2) {
            margin-top: 40px; }
        #newsListSec .newsSide dd {
          margin-top: 15px; } }
  @media screen and (max-width: 768px) {
    #newsListSec {
      padding: 80px 15px;
      margin-top: -100px; }
      #newsListSec .newsSide {
        margin-top: 30px; }
        #newsListSec .newsSide dd {
          padding: 15px 0;
          border-bottom: 1px solid #CCC; } }

#newsDetail > header {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  #newsDetail > header time {
    color: #707070;
    white-space: nowrap; }
  #newsDetail > header .cat {
    font-size: .825rem;
    font-weight: 700;
    min-width: 100px;
    text-align: center;
    color: #0057AA;
    border: 1px solid #0057AA;
    white-space: nowrap;
    padding: 0 10px;
    margin-left: 20px;
    min-width: 120px; }
#newsDetail .ttl {
  text-align: left; }
#newsDetail p > a[target="_blank"]::after {
  content: '';
  width: 17px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 0.15em;
  margin: 0 0.3em;
  background: url(/cmn3/img/icon/ic_blank.svg) no-repeat center;
  background-size: 17px 16px; }

/* -------------------------------
   commerce
------------------------------- */
article#commerce .commerceTable tbody tr th {
  font-weight: normal;
  padding: 10px;
  border: 1px solid #000; }
article#commerce .commerceTable tbody tr td {
  padding: 10px;
  border: 1px solid #000; }
@media screen and (min-width: 769px) {
  article#commerce .commerceTable {
    width: min(1200px, calc(100% - 80px));
    margin: 100px auto; }
    article#commerce .commerceTable tbody tr th {
      width: 25%; }
    article#commerce .commerceTable tbody tr td {
      width: 75%; } }
@media screen and (max-width: 768px) {
  article#commerce .commerceTable {
    width: calc(100% - 30px);
    margin: 80px 15px;
    display: block; }
    article#commerce .commerceTable tbody {
      display: block; }
      article#commerce .commerceTable tbody tr {
        display: block; }
        article#commerce .commerceTable tbody tr th {
          display: block;
          font-weight: bold; }
        article#commerce .commerceTable tbody tr td {
          display: block; } }

/* -------------------------------
agreement
------------------------------- */
article#agreement .stationTable {
  width: 100%; }
  article#agreement .stationTable thead tr th {
    background-color: #E4F1FB; }
  article#agreement .stationTable thead tr th,
  article#agreement .stationTable tbody tr th {
    font-weight: normal;
    border: 1px solid #000;
    text-align: center;
    vertical-align: middle; }
  article#agreement .stationTable thead tr td,
  article#agreement .stationTable tbody tr td {
    border: 1px solid #000;
    vertical-align: middle; }
    article#agreement .stationTable thead tr td[rowspan],
    article#agreement .stationTable tbody tr td[rowspan] {
      text-align: center; }
	article#agreement .stationTable tbody tr td .station_file {
      display: flex;
      flex-direction: column;
      row-gap: 30px; }
    article#agreement .stationTable thead tr td a,
    article#agreement .stationTable tbody tr td a {
      display: inline-block; }
      article#agreement .stationTable thead tr td a[href*="pdf"]::before,
      article#agreement .stationTable tbody tr td a[href*="pdf"]::before {
        content: '';
        display: inline-block;
        width: 38px;
        height: 34px;
        background: url("/nmobi/img/pdf.png") center center/contain no-repeat;
        margin-right: 5px;
        vertical-align: middle; }
@media screen and (min-width: 769px) {
  article#agreement .stationTable thead tr th,
  article#agreement .stationTable tbody tr th {
    padding: 10px; }
  article#agreement .stationTable thead tr td,
  article#agreement .stationTable tbody tr td {
    padding: 10px; }
    article#agreement .stationTable thead tr td.station,
    article#agreement .stationTable tbody tr td.station {
      white-space: nowrap; } }
@media screen and (max-width: 768px) {
  article#agreement .stationInfo {
    overflow-x: scroll; }
  article#agreement .stationTable thead tr th,
  article#agreement .stationTable tbody tr th {
    padding: 5px; 
    min-width: 230px; }
  article#agreement .stationTable thead tr td,
  article#agreement .stationTable tbody tr td {
    padding: 5px; }
  article#agreement .stationTable tbody tr td {
    text-align: left; }
    article#agreement .stationTable tbody tr td[rowspan].vTop {
      /* text-align: left; */ }
    article#agreement .stationTable tbody tr td[rowspan] span {
      /* writing-mode: vertical-rl;
      text-orientation: upright; */}
    article#agreement .stationTable tbody tr td[rowspan] br:not(.force) {
      /* display: none; */ }
    article#agreement .stationTable tbody tr td[rowspan] a {
      writing-mode: initial; }
	article#agreement .stationTable tbody tr td.station {
      white-space: nowrap; }
	article#agreement .stationTable tbody tr td .station_file p a {
      display: flex;
      flex-direction: column;
      align-items: center;}
      article#agreement .stationTable tbody tr td[rowspan] a::before {
        display: block; } }