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

  GENERAL

=====================================================================*/
/*  box-sizing
-----------------------------------*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-decoration: none; }

a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 1; }

html, body {
  width: 100%;
  height: 100%;
  word-break: break-all; }

/*-----------------------------------------------------
Contents（PC 960px - 769px）
-------------------------------------------------------*/
@media all and (min-width: 769px) {
  .SPpart {
    display: none !important; }
  a,
  #Header .menu,
  #Header .close {
    -webkit-transition: ease .2s;
    transition: ease .2s; }
  a:hover,
  #Header .menu:hover,
  #Header .close:hover {
    opacity: 0.6; }
  html {
    font-size: 62.5%; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    letter-spacing: 0.04em;
    font-size: 1.6em;
    background: #fff;
    padding-top: 113px; }
  .topmenubtn {
    position: relative;
    z-index: 100;
    text-align: right; }
  .ftnarrow {
    letter-spacing: -1px; }
  /* Header
-----------------------------------*/
  .menubg {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
  #Header {
    position: fixed;
    z-index: 500;
    left: 0;
    width: 100%;
    height: 113px;
    background-color: #fff; }
    #Header .inner {
      position: relative; }
      #Header .inner h1 {
        position: absolute;
        top: 22px;
        left: 20px; }
        #Header .inner h1 a {
          display: block;
          text-indent: -9999px;
          width: 380px;
          height: 68px;
          background: url(../images/common/header/logo.png); }
      #Header .inner .menu {
        position: absolute;
        top: 11px;
        right: 15px; }
        #Header .inner .menu span {
          cursor: pointer;
          display: block;
          text-indent: -9999px;
          width: 38px;
          height: 46px;
          background: url(../images/common/header/btn-menu.png); }
      #Header .inner .menulist {
        position: fixed;
        z-index: 1000;
        top: 0;
        right: -600px;
        width: 600px;
        height: 100%;
        background-color: #f3f3f3;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: ease .3s;
        transition: ease .3s; }
        #Header .inner .menulist.action {
          -webkit-transform: translateX(-600px);
          transform: translateX(-600px); }
        #Header .inner .menulist .close {
          float: right;
          margin: 12px 20px 12px; }
          #Header .inner .menulist .close span {
            cursor: pointer;
            display: block;
            text-indent: -9999px;
            width: 38px;
            height: 46px;
            background: url(../images/common/header/btn-close.png); }
        #Header .inner .menulist .navi {
          clear: both;
          margin-bottom: 17px; }
          #Header .inner .menulist .navi li dt {
            width: 560px;
            margin: 0 auto;
            border-top: 1px solid #c8c8c8; }
            #Header .inner .menulist .navi li dt a {
              display: block;
              font-size: 13px;
              color: #4d4d4d;
              height: 50px;
              line-height: 48px;
              padding-left: 35px;
              background: url(../images/common/navi/bg-link.png) 3px center no-repeat; }
              #Header .inner .menulist .navi li dt a span {
                font-size: 16px;
                font-weight: bold;
                margin-right: 6px; }
          #Header .inner .menulist .navi li > a {
            width: 560px;
            margin: 0 auto;
            border-top: 1px solid #c8c8c8;
            display: block;
            font-size: 13px;
            color: #4d4d4d;
            height: 54px;
            line-height: 52px;
            padding-left: 35px;
            background: url(../images/common/navi/bg-link.png) 3px center no-repeat; }
            #Header .inner .menulist .navi li > a:hover {
              opacity: 1; }
            #Header .inner .menulist .navi li > a span {
              font-size: 16px;
              font-weight: bold;
              margin-right: 6px; }
          #Header .inner .menulist .navi li:last-child dt {
            border-bottom: 1px solid #c8c8c8; }
          #Header .inner .menulist .navi li dd {
            display: none;
            position: relative;
            margin-bottom: -1px; }
            #Header .inner .menulist .navi li dd a {
              display: block;
              width: 600px;
              height: 240px;
              color: #0068b4;
              padding: 40px 20px 0; }
              #Header .inner .menulist .navi li dd a:hover {
                opacity: 1; }
              #Header .inner .menulist .navi li dd a .title {
                display: block;
                font-size: 13px;
                padding: 0 0 10px 35px;
                background: url(../images/common/navi/bg-link-blue.png) 3px 3px no-repeat; }
                #Header .inner .menulist .navi li dd a .title span {
                  font-size: 16px;
                  font-weight: bold;
                  margin-right: 6px; }
              #Header .inner .menulist .navi li dd a .text {
                display: block;
                width: 290px;
                font-size: 14px;
                line-height: 1.7;
                padding: 10px 0 0 0;
                border-top: 1px solid #0068b4; }
          #Header .inner .menulist .navi li:nth-child(2) dd a {
            background: url(../images/common/navi/bg-navi01.jpg); }
          #Header .inner .menulist .navi li:nth-child(3) dd a {
            background: url(../images/common/navi/bg-navi02.jpg); }
          #Header .inner .menulist .navi li:nth-child(4) dd a {
            padding: 28px 20px 0;
            background: url(../images/common/navi/bg-navi03.jpg); }
          #Header .inner .menulist .navi li:nth-child(5) dd a {
            background: url(../images/common/navi/bg-navi04.jpg); }
          #Header .inner .menulist .navi li:nth-child(6) dd a {
            background: url(../images/common/navi/bg-navi05.jpg); }
        #Header .inner .menulist .btn {
          clear: both;
          overflow: hidden;
          margin-left: 20px; }
          #Header .inner .menulist .btn li {
            float: left;
            margin-right: 11px;
            /*&:nth-child(4) a{
						background: url(../images/common/navi/btn-tw.png);
					}*/ }
            #Header .inner .menulist .btn li:last-child {
              margin-right: 0; }
            #Header .inner .menulist .btn li a {
              display: block;
              text-indent: -9999px;
              width: 179px;
              height: 60px; }
            #Header .inner .menulist .btn li:nth-child(1) a {
              background: url(../images/common/navi/btn-cp.png); }
            #Header .inner .menulist .btn li:nth-child(2) a {
              background: url(../images/common/navi/btn-brand.png); }
            #Header .inner .menulist .btn li:nth-child(3) a {
              background: url(../images/common/navi/btn-ir.png); }
  .headroom {
    top: 0;
    transition: all .2s ease-in-out; }
  .headroom--unpinned {
    top: -113px; }
  .headroom--pinned {
    top: 0; }
  /* OtherContents
-----------------------------------*/
  #OtherContents {
    width: 100%;
    padding: 34px 0 45px;
    background-color: #f2f2f2; }
    #OtherContents .title {
      width: 176px;
      font-size: 24px;
      line-height: 1.1;
      text-align: center;
      color: #0068b4;
      margin: 0 auto 48px;
      padding-bottom: 8px;
      border-bottom: 1px solid #00b2e8; }
    #OtherContents ul.linklist {
      overflow: hidden;
      margin-bottom: 45px;
      text-align: center; }
      #OtherContents ul.linklist li {
        overflow: hidden;
        font-size: 0;
        line-height: 1;
        display: inline-block;
        width: 16.66%;
        min-width: 200px;
        height: 160px; }
        #OtherContents ul.linklist li a {
          position: relative;
          display: block;
          width: 100%;
          height: 160px; }
          #OtherContents ul.linklist li a .cNumber {
            display: block;
            position: absolute;
            z-index: 10;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
          #OtherContents ul.linklist li a .pct {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            -ms-transition: all 0.25s ease; }
          #OtherContents ul.linklist li a:after {
            content: "";
            position: absolute;
            display: block;
            left: 0;
            left: 0;
            width: 100%;
            height: 100%; }
          #OtherContents ul.linklist li a:hover {
            opacity: 0.85; }
          #OtherContents ul.linklist li a:hover .pct {
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            -ms-transition: all 0.25s ease; }
        #OtherContents ul.linklist li span {
          position: relative;
          display: block;
          width: 100%;
          height: 160px; }
          #OtherContents ul.linklist li span .cNumber {
            display: block;
            position: absolute;
            z-index: 10;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
          #OtherContents ul.linklist li span .pct {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            -ms-transition: all 0.25s ease; }
          #OtherContents ul.linklist li span:after {
            content: "";
            position: absolute;
            display: block;
            left: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        #OtherContents ul.linklist li:nth-child(1) a .pct {
          background: #009ce5 url(../images/common/link/page-top.png) center center no-repeat; }
        #OtherContents ul.linklist li:nth-child(1) a:after {
          background: url(../images/common/link/page-top-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2) a .cNumber {
          background: url(../images/common/link/page01-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2) a .pct {
          background: #0068b4 url(../images/common/link/page01.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(2) a:after {
          background: url(../images/common/link/page01-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2).current > span .cNumber {
          background: url(../images/common/link/page01-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2).current > span .pct {
          background: #0068b4 url(../images/common/link/page01-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(2).current > span:after {
          background: url(../images/common/link/page01-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3) a .cNumber {
          background: url(../images/common/link/page02-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3) a .pct {
          background: #385fbe url(../images/common/link/page02.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(3) a:after {
          background: url(../images/common/link/page02-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3).current > span .cNumber {
          background: url(../images/common/link/page02-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3).current > span .pct {
          background: #385fbe url(../images/common/link/page02-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(3).current > span:after {
          background: url(../images/common/link/page02-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4) a .cNumber {
          background: url(../images/common/link/page03-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4) a .pct {
          background: #0092ce url(../images/common/link/page03.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(4) a:after {
          background: url(../images/common/link/page03-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4).current > span .cNumber {
          background: url(../images/common/link/page03-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4).current > span .pct {
          background: #385fbe url(../images/common/link/page03-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(4).current > span:after {
          background: url(../images/common/link/page03-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5) a .cNumber {
          background: url(../images/common/link/page04-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5) a .pct {
          background: #326eb0 url(../images/common/link/page04.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(5) a:after {
          background: url(../images/common/link/page04-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5).current > span .cNumber {
          background: url(../images/common/link/page04-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5).current > span .pct {
          background: #385fbe url(../images/common/link/page04-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(5).current > span:after {
          background: url(../images/common/link/page04-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6) a .cNumber {
          background: url(../images/common/link/page05-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6) a .pct {
          background: #009ce2 url(../images/common/link/page05.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(6) a:after {
          background: url(../images/common/link/page05-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6).current > span .cNumber {
          background: url(../images/common/link/page05-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6).current > span .pct {
          background: #385fbe url(../images/common/link/page05-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(6).current > span:after {
          background: url(../images/common/link/page05-title.png) center center no-repeat;
          background-size: auto 100%; }
    #OtherContents .btn {
      width: 700px;
      margin: 0 auto 8px; }
    #OtherContents .detail {
      overflow: hidden;
      width: 700px;
      padding: 36px 30px 28px;
      border: 6px solid #fff;
      margin: 0 auto; }
      #OtherContents .detail .subtitle {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        line-height: 1.2;
        color: #0068b4;
        margin-bottom: 32px; }
      #OtherContents .detail .leftbox {
        overflow: hidden;
        float: left;
        width: 422px; }
        #OtherContents .detail .leftbox .ltitle {
          border-top: 1px solid #0068b4;
          font-size: 16px;
          line-height: 1.2;
          color: #0068b4;
          padding-top: 5px;
          margin-bottom: 8px; }
      #OtherContents .detail .rightbox {
        float: right;
        width: 190px; }
      #OtherContents .detail ul {
        float: left;
        margin-bottom: 20px; }
        #OtherContents .detail ul.list1 {
          width: 244px; }
        #OtherContents .detail ul.list2 {
          width: 173px; }
        #OtherContents .detail ul li {
          font-size: 12px;
          line-height: 20px; }
          #OtherContents .detail ul li span.online {
            color: #0068b4; }
      #OtherContents .detail .caption {
        clear: both;
        font-size: 11px; }
        #OtherContents .detail .caption span.online {
          color: #0068b4; }
  /* Footer
-----------------------------------*/
  #Footer {
    padding: 55px 0 8px;
    border-bottom: 5px solid #0068b4;
    background-color: #fff; }
    #Footer .inner {
      width: 1000px;
      margin: 0 auto; }
      #Footer .inner ul {
        overflow: hidden;
        margin-bottom: 70px; }
        #Footer .inner ul li {
          float: left;
          margin-right: 20px; }
          #Footer .inner ul li:last-child {
            margin-right: 0px; }
          #Footer .inner ul li a {
            display: block;
            text-indent: -9999px;
            width: 320px;
            height: 50px; }
          #Footer .inner ul li:nth-child(1) a {
            background: url(../images/common/footer/btn-cp.png); }
          #Footer .inner ul li:nth-child(2) a {
            background: url(../images/common/footer/btn-brand.png); }
          #Footer .inner ul li:nth-child(3) a {
            background: url(../images/common/footer/btn-ir.png); }
          #Footer .inner ul li:nth-child(4) a {
            background: url(../images/common/footer/btn-tw.png); }
    #Footer .text {
      width: 1000px;
      margin: 0 auto 35px;
      font-size: 12px; }
    #Footer .link {
      text-align: center;
      margin-bottom: 18px; }
      #Footer .link li {
        font-size: 13px;
        display: inline-block;
        margin-right: 5px; }
        #Footer .link li:after {
          content: '｜';
          padding-left: 5px; }
        #Footer .link li:last-child:after {
          content: '';
          margin-right: 0px; }
        #Footer .link li a {
          color: #333; }
    #Footer .copyright {
      text-align: center;
      font-size: 12px;
      line-height: 1.1;
      color: #505050; }
  #PagetopBtn {
    position: fixed;
    right: 10px;
    bottom: 10px; }
    #PagetopBtn a {
      display: block;
      text-indent: -9999px;
      width: 50px;
      height: 50px;
      background: url(../images/common/footer/btn-pagetop.png); } }

@media all and (max-width: 1000px) and (min-width: 769px) {
  #Footer .inner {
    width: 768px;
    margin: 0 auto; }
    #Footer .inner ul {
      overflow: hidden;
      margin-bottom: 70px; }
      #Footer .inner ul li {
        float: left;
        margin-right: 9px;
        /*&:nth-child(4) a{
						background: url(../images/common/footer/btn-tw.png);
						background-size: 184px 61px;
					}*/ }
        #Footer .inner ul li:last-child {
          margin-right: 0px; }
        #Footer .inner ul li a {
          display: block;
          text-indent: -9999px;
          width: 250px;
          height: 39px; }
        #Footer .inner ul li:nth-child(1) a {
          background: url(../images/common/footer/btn-cp.png);
          background-size: 250px 39px; }
        #Footer .inner ul li:nth-child(2) a {
          background: url(../images/common/footer/btn-brand.png);
          background-size: 250px 39px; }
        #Footer .inner ul li:nth-child(3) a {
          background: url(../images/common/footer/btn-ir.png);
          background-size: 250px 39px; }
  #Footer .text {
    width: 768px;
    margin: 0 auto; } }

/*-----------------------------------------------------
Contents（SP 768px - ）
-------------------------------------------------------*/
@media all and (max-width: 768px) {
  .PCpart {
    display: none !important; }
  html, body {
    -webkit-text-size-adjust: none;
    /*文字の大きさを変えない*/ }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    letter-spacing: 0.04em;
    padding-top: 50px; }
  /* font : rem指定 */
  html {
    font-size: 62.5%; }
  body {
    font-size: 2.8rem; }
  /* 1.0remで10px 以降1.2remであれば12px */
  body {
    line-height: 1.3; }
  .topmenubtn {
    display: none; }
  .ftnarrow {
    letter-spacing: -1px; }
  .fixed {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 10000; }
  /* Header
-----------------------------------*/
  .menubg {
    display: none !important; }
  #Header {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #fff; }
    #Header .inner {
      position: relative; }
      #Header .inner h1 {
        position: absolute;
        top: 10px;
        left: 10px; }
        #Header .inner h1 a {
          display: block;
          text-indent: -9999px;
          width: 250px;
          height: 33px;
          background: url(../images/sp/common/header/logo.png);
          background-size: 250px 33px; }
      #Header .inner .menu {
        position: absolute;
        top: 0;
        right: 0; }
        #Header .inner .menu span {
          display: block;
          text-indent: -9999px;
          width: 50px;
          height: 50px;
          background: url(../images/sp/common/header/btn-menu.png);
          background-size: 50px; }
        #Header .inner .menu.close span {
          background: url(../images/sp/common/header/btn-close.png);
          background-size: 50px; }
      #Header .inner .menulist {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: #0068b4;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: ease .3s;
        transition: ease .3s; }
        #Header .inner .menulist.action {
          -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }
        #Header .inner .menulist .close {
          float: right; }
          #Header .inner .menulist .close span {
            cursor: pointer;
            display: block;
            text-indent: -9999px;
            width: 50px;
            height: 50px;
            background: url(../images/sp//common/header/btn-close.png);
            background-size: 50px; }
        #Header .inner .menulist .subtitle {
          clear: right;
          height: 30px;
          padding: 0 0 0 18px; }
        #Header .inner .menulist .navi li dt {
          border-top: 1px solid #c8c8c8; }
          #Header .inner .menulist .navi li dt a {
            display: block;
            font-size: 1rem;
            line-height: 1.1;
            color: #fff;
            padding: 25px 0 25px 42px;
            background: url(../images/sp/common/navi/bg-link.png) 18px center no-repeat;
            background-size: 15px; }
            #Header .inner .menulist .navi li dt a span {
              font-size: 1.3rem;
              margin-right: 6px; }
        #Header .inner .menulist .navi li:nth-child(4) dt a {
          padding: 18px 0 18px 42px; }
        #Header .inner .menulist .navi li > a {
          border-top: 1px solid #c8c8c8;
          display: block;
          font-size: 1rem;
          line-height: 1.1;
          color: #fff;
          padding: 25px 0 25px 42px;
          background: url(../images/sp/common/navi/bg-link.png) 18px center no-repeat;
          background-size: 15px; }
          #Header .inner .menulist .navi li > a span {
            font-size: 1.3rem;
            margin-right: 6px; }
        #Header .inner .menulist .navi li:last-child dt {
          border-bottom: 1px solid #c8c8c8; }
        #Header .inner .menulist .navi li dd {
          display: none; }
          #Header .inner .menulist .navi li dd a {
            display: none !important; }
        #Header .inner .menulist .btn {
          padding: 27px 0 30px;
          overflow: hidden;
          background-color: #fff; }
          #Header .inner .menulist .btn li {
            float: left;
            width: 33%;
            text-align: center;
            /*&:nth-child(4) a{
						background: url(../images/sp/common/navi/btn-tw.png);
						background-size: 67px 60px;
					}*/ }
            #Header .inner .menulist .btn li a {
              display: inline-block;
              text-indent: -9999px;
              width: 92px;
              height: 60px; }
            #Header .inner .menulist .btn li:nth-child(1) a {
              background: url(../images/sp/common/navi/btn-cp.png);
              background-size: 92px 60px; }
            #Header .inner .menulist .btn li:nth-child(2) a {
              background: url(../images/sp/common/navi/btn-brand.png);
              background-size: 92px 60px; }
            #Header .inner .menulist .btn li:nth-child(3) a {
              background: url(../images/sp/common/navi/btn-ir.png);
              background-size: 92px 60px; }
  /* OtherContents
-----------------------------------*/
  #OtherContents {
    padding: 25px 0;
    background-color: #f2f2f2;
    margin-bottom: 30px; }
    #OtherContents .title {
      width: 87px;
      font-size: 1.2rem;
      line-height: 1.1;
      text-align: center;
      color: #0068b4;
      padding-bottom: 8px;
      border-bottom: 1px solid #00b2e8;
      margin: 0 auto 8px; }
    #OtherContents ul.linklist {
      overflow: hidden;
      margin-bottom: 30px; }
      #OtherContents ul.linklist li {
        float: left;
        width: 50%; }
        #OtherContents ul.linklist li a, #OtherContents ul.linklist li span {
          position: relative;
          display: block;
          text-indent: -9999px;
          height: 128px; }
          #OtherContents ul.linklist li a .cNumber, #OtherContents ul.linklist li span .cNumber {
            display: block;
            position: absolute;
            z-index: 10;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
          #OtherContents ul.linklist li a .pct, #OtherContents ul.linklist li span .pct {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
          #OtherContents ul.linklist li a:after, #OtherContents ul.linklist li span:after {
            content: "";
            position: absolute;
            display: block;
            left: 0;
            left: 0;
            width: 100%;
            height: 100%; }
        #OtherContents ul.linklist li:nth-child(1) a .pct {
          background: #009ce5 url(../images/common/link/page-top.png) center center no-repeat; }
        #OtherContents ul.linklist li:nth-child(1) a:after {
          background: url(../images/common/link/page-top-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2) a .cNumber {
          background: url(../images/common/link/page01-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2) a .pct {
          background: #0068b4 url(../images/common/link/page01.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(2) a:after {
          background: url(../images/common/link/page01-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2).current > span .cNumber {
          background: url(../images/common/link/page01-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(2).current > span .pct {
          background: #0068b4 url(../images/common/link/page01-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(2).current > span:after {
          background: url(../images/common/link/page01-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3) a .cNumber {
          background: url(../images/common/link/page02-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3) a .pct {
          background: #385fbe url(../images/common/link/page02.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(3) a:after {
          background: url(../images/common/link/page02-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3).current > span .cNumber {
          background: url(../images/common/link/page02-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(3).current > span .pct {
          background: #0068b4 url(../images/common/link/page02-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(3).current > span:after {
          background: url(../images/common/link/page02-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4) a .cNumber {
          background: url(../images/common/link/page03-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4) a .pct {
          background: #0092ce url(../images/common/link/page03.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(4) a:after {
          background: url(../images/common/link/page03-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4).current > span .cNumber {
          background: url(../images/common/link/page03-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(4).current > span .pct {
          background: #0068b4 url(../images/common/link/page03-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(4).current > span:after {
          background: url(../images/common/link/page03-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5) a .cNumber {
          background: url(../images/common/link/page04-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5) a .pct {
          background: #326eb0 url(../images/common/link/page04.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(5) a:after {
          background: url(../images/common/link/page04-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5).current > span .cNumber {
          background: url(../images/common/link/page04-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(5).current > span .pct {
          background: #0068b4 url(../images/common/link/page04-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(5).current > span:after {
          background: url(../images/common/link/page04-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6) a .cNumber {
          background: url(../images/common/link/page05-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6) a .pct {
          background: #009ce2 url(../images/common/link/page05.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(6) a:after {
          background: url(../images/common/link/page05-title.png) center center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6).current > span .cNumber {
          background: url(../images/common/link/page05-title-sub.png) left center no-repeat;
          background-size: auto 100%; }
        #OtherContents ul.linklist li:nth-child(6).current > span .pct {
          background: #0068b4 url(../images/common/link/page05-current.jpg) center top no-repeat;
          background-size: 100% auto; }
        #OtherContents ul.linklist li:nth-child(6).current > span:after {
          background: url(../images/common/link/page05-title.png) center center no-repeat;
          background-size: auto 100%; }
    #OtherContents .btn {
      margin: 0 20px 20px; }
      #OtherContents .btn img {
        width: 100%; }
    #OtherContents .subtitle {
      text-align: center;
      font-size: 1.6rem;
      color: #0068b4;
      margin-bottom: 8px; }
    #OtherContents .detail {
      margin: 0 20px 8px; }
      #OtherContents .detail .ltitle {
        text-align: center;
        font-size: 1.3rem;
        color: #0068b4;
        margin-bottom: 8px;
        padding-bottom: 3px;
        border-bottom: 1px solid #dcdcdc; }
      #OtherContents .detail ul {
        overflow: hidden;
        padding-bottom: 5px;
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 10px; }
        #OtherContents .detail ul.list1 {
          padding-bottom: 0;
          border-bottom: 0px;
          margin-bottom: 0; }
        #OtherContents .detail ul li {
          float: none;
          width: 100%;
          font-size: 1.1rem;
          line-height: 1.6;
          letter-spacing: 0;
          padding-left: 13px; }
          #OtherContents .detail ul li span.online {
            color: #0068b4; }
      #OtherContents .detail .caption {
        font-size: 1.1rem;
        padding-left: 13px; }
        #OtherContents .detail .caption span.online {
          color: #0068b4; }
  /* Footer
-----------------------------------*/
  #Footer {
    padding-bottom: 8px;
    border-bottom: 5px solid #0068b4; }
    #Footer .inner ul {
      padding-bottom: 20px; }
      #Footer .inner ul li {
        margin: 0 20px 10px;
        /*&:nth-child(4) a{
					background: url(../images/sp/common/footer/btn-tw.png) center no-repeat, url(../images/sp/common/footer/bg-btn.png) center no-repeat;
					background-size: 280px 44px, 100% 44px;
				}*/ }
        #Footer .inner ul li a {
          display: block;
          text-indent: -9999px;
          height: 44px; }
        #Footer .inner ul li:nth-child(1) a {
          background: url(../images/sp/common/footer/btn-cp.png) center no-repeat, url(../images/sp/common/footer/bg-btn.png) center no-repeat;
          background-size: 280px 44px, 100% 44px; }
        #Footer .inner ul li:nth-child(2) a {
          background: url(../images/sp/common/footer/btn-brand.png) center no-repeat, url(../images/sp/common/footer/bg-btn.png) center no-repeat;
          background-size: 280px 44px, 100% 44px; }
        #Footer .inner ul li:nth-child(3) a {
          background: url(../images/sp/common/footer/btn-ir.png) center no-repeat, url(../images/sp/common/footer/bg-btn.png) center no-repeat;
          background-size: 280px 44px, 100% 44px; }
    #Footer .text {
      margin: 0 18px;
      letter-spacing: 0;
      font-size: 0.7rem;
      line-height: 1.7; }
    #Footer .link {
      text-align: center;
      margin-bottom: 15px; }
      #Footer .link li {
        font-size: 0.8rem;
        letter-spacing: 0;
        display: inline-block; }
        #Footer .link li:after {
          content: '｜'; }
        #Footer .link li:last-child:after {
          content: ''; }
        #Footer .link li a {
          color: #333; }
    #Footer .copyright {
      text-align: center;
      font-size: 0.6rem;
      letter-spacing: 0.1em;
      line-height: 1.1;
      color: #505050; }
  #PagetopBtn {
    position: fixed;
    right: 10px;
    bottom: 10px; }
    #PagetopBtn a {
      display: block;
      text-indent: -9999px;
      width: 40px;
      height: 40px;
      background: url(../images/sp/common/footer/btn-pagetop.png);
      background-size: 40px 40px; } }