@charset "UTF-8";
/* line 2, importTop.scss */
html, body {
  height: 100%; }

/* line 5, importTop.scss */
body {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 1.5;
  color: #444;
  text-align: center; }

/* line 13, importTop.scss */
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  font-size: 100%; }

/* line 20, importTop.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

/* line 23, importTop.scss */
h1 {
  font-weight: normal; }

/* line 26, importTop.scss */
p {
  margin-bottom: 0.5em; }

/* line 29, importTop.scss */
.pcOnly {
  display: block; }

/* line 32, importTop.scss */
.spOnly {
  display: none; }

/* line 35, importTop.scss */
.placed_c {
  text-align: center;
  margin: 2em 0; }

/* line 39, importTop.scss */
.placed_r {
  text-align: right; }

/* line 42, importTop.scss */
img {
  border: none;
  vertical-align: top; }

/* line 46, importTop.scss */
a {
  color: #c44a4e;
  text-decoration: none; }
  /* line 49, importTop.scss */
  a:hover, a:active {
    text-decoration: underline; }

/* line 53, importTop.scss */
.new {
  color: #f00;
  margin-left: 5px; }

/* line 58, importTop.scss */
dl dt {
  font-weight: bold; }
/* line 61, importTop.scss */
dl dd {
  margin-bottom: 1.5em; }

/* line 65, importTop.scss */
span.new {
  color: #f00;
  margin-left: 5px;
  font-weight: bold; }

/* line 70, importTop.scss */
input, textarea {
  font-size: 100%;
  line-height: 1.25; }

/* JavaScriptが有効な場合、対象を隠す */
/* line 75, importTop.scss */
html.enable-javascript .slides {
  visibility: hidden; }

/* 画像すべてを読み終えたら、対象を表示する */
/* line 79, importTop.scss */
html.enable-javascript.window-load .slides {
  visibility: visible; }

/* line 82, importTop.scss */
div#container {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  text-align: left;
  position: relative;
  min-width: 980px;
  background-color: #FFF; }

/* line 91, importTop.scss */
div#header_area {
  background: #ececec;
  height: 72px;
  width: 100%;
  overflow: hidden; }
  /* line 96, importTop.scss */
  div#header_area div#header {
    width: 980px;
    position: relative;
    padding: 0;
    margin: 0 auto;
    height: 100%;
    min-height: 37px; }
    /* line 103, importTop.scss */
    div#header_area div#header * {
      margin-bottom: 0; }
    /* line 106, importTop.scss */
    div#header_area div#header a:hover {
      text-decoration: none; }
    /* line 110, importTop.scss */
    div#header_area div#header div.logoTCI {
      width: 158px;
      height: 54px;
      padding: 10px 0 0 15px;
      float: left; }
      /* line 115, importTop.scss */
      div#header_area div#header div.logoTCI a {
        text-decoration: none; }
    /* line 119, importTop.scss */
    div#header_area div#header h1 {
      position: absolute;
      left: 195px;
      top: 3.5em; }
      /* line 123, importTop.scss */
      div#header_area div#header h1.service_h1 {
        top: 27px;
        color: #C44A4E;
        font-weight: bold;
        font-size: 140%;
        right: 11px; }
      /* line 130, importTop.scss */
      div#header_area div#header h1 span {
        color: #000; }
    /* line 134, importTop.scss */
    div#header_area div#header h2 {
      position: absolute;
      left: 195px;
      top: 2.1em;
      color: #C44A4E; }

/* line 142, importTop.scss */
div#navigation_area {
  background: url(../images/shared/wide_bg_navigation.gif) 0 0 repeat-x;
  overflow: hidden;
  width: 100%; }
  /* line 146, importTop.scss */
  div#navigation_area div#navigation {
    width: 980px;
    margin: 0 auto;
    height: 100%; }
    /* line 150, importTop.scss */
    div#navigation_area div#navigation ul.globalNav {
      background: url(../images/shared/bg_navigation.gif) repeat-x left bottom;
      height: 29px;
      overflow: hidden; }
      /* line 154, importTop.scss */
      div#navigation_area div#navigation ul.globalNav li {
        float: left;
        width: 196px;
        text-align: center; }
        /* line 158, importTop.scss */
        div#navigation_area div#navigation ul.globalNav li a {
          dpxplay: block;
          margin-bottom: -1px;
          *margin-bottom: 0;
          width: 196px;
          text-decoration: none; }
          /* line 164, importTop.scss */
          div#navigation_area div#navigation ul.globalNav li a:hover img {
            margin-top: -29px; }
        /* line 168, importTop.scss */
        div#navigation_area div#navigation ul.globalNav li.current a img {
          margin-top: -29px; }
    /* line 173, importTop.scss */
    div#navigation_area div#navigation ul.gN01 {
      float: left;
      width: 588px; }
    /* line 177, importTop.scss */
    div#navigation_area div#navigation ul.gN02 {
      float: left;
      width: 392px; }
    /* line 181, importTop.scss */
    div#navigation_area div#navigation div#searchBox {
      position: absolute;
      left: 50%;
      top: 3.8em;
      margin-left: 128px;
      z-index: 100000; }
      /* line 187, importTop.scss */
      div#navigation_area div#navigation div#searchBox form {
        background: url(../images/shared/wide_btn-search.gif) 0 0 no-repeat;
        width: 350px;
        height: 23px; }
      /* line 192, importTop.scss */
      div#navigation_area div#navigation div#searchBox #searchInput {
        margin: 4px 0 0 9px;
        width: 316px;
        border: 0;
        outline: none;
        height: 15px;
        background-color: #f1f1f1;
        font-size: 12px;
        outline: none; }
      /* line 202, importTop.scss */
      div#navigation_area div#navigation div#searchBox #searchButton {
        vertical-align: bottom;
        margin-bottom: 1px; }

/* line 211, importTop.scss */
div#navigation ul.globalNav li.navi01 {
  cursor: pointer; }
  /* line 213, importTop.scss */
  div#navigation ul.globalNav li.navi01:hover img {
    margin-top: -29px; }

/* line 219, importTop.scss */
div#sub_navigation_area {
  height: 370px;
  width: 100%;
  top: 0;
  margin: 0 auto;
  overflow: hidden;
  display: none;
  background: #333; }
  /* line 227, importTop.scss */
  div#sub_navigation_area div#sub_navigation {
    width: 980px;
    height: 290px;
    position: relative;
    top: 0;
    margin: 0 auto;
    overflow: hidden; }
    /* line 234, importTop.scss */
    div#sub_navigation_area div#sub_navigation div {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0; }
      /* line 239, importTop.scss */
      div#sub_navigation_area div#sub_navigation div div {
        position: static;
        margin: 70px 21px 0;
        float: left;
        height: auto; }
        /* line 244, importTop.scss */
        div#sub_navigation_area div#sub_navigation div div ul {
          margin-left: 0;
          overflow: hidden; }
          /* line 247, importTop.scss */
          div#sub_navigation_area div#sub_navigation div div ul li {
            list-style-type: none;
            width: 140px;
            height: 143px;
            text-align: center;
            float: left;
            overflow: hidden; }
            /* line 254, importTop.scss */
            div#sub_navigation_area div#sub_navigation div div ul li a {
              display: block; }
              /* line 256, importTop.scss */
              div#sub_navigation_area div#sub_navigation div div ul li a:hover img {
                margin-top: -143px; }
            /* line 260, importTop.scss */
            div#sub_navigation_area div#sub_navigation div div ul li#navigation_dec a:hover img {
              margin-top: 0; }
    /* line 267, importTop.scss */
    div#sub_navigation_area div#sub_navigation p.close {
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -15px;
      cursor: pointer; }
    /* line 274, importTop.scss */
    div#sub_navigation_area div#sub_navigation .sp_nav {
      display: none; }

/* line 279, importTop.scss */
#mainVisual_area {
  overflow: hidden;
  height: 383px;
  width: 100%;
  background-color: #fff;
  display: block; }
  /* line 285, importTop.scss */
  #mainVisual_area #mainVisual {
    width: 100%;
    background-color: #fff;
    overflow: hidden; }
    /* line 289, importTop.scss */
    #mainVisual_area #mainVisual div.mainCatch {
      height: 343px;
      width: 100%;
      overflow: hidden; }
      /* line 293, importTop.scss */
      #mainVisual_area #mainVisual div.mainCatch ul#slideshow {
        height: 100%;
        margin: 0 auto;
        background-color: #FFF;
        overflow: hidden;
        border-bottom: 1px solid #e1e1e1; }
      /* line 300, importTop.scss */
      #mainVisual_area #mainVisual div.mainCatch img {
        position: absolute;
        left: 50%;
        margin-left: -512px; }
    /* line 306, importTop.scss */
    #mainVisual_area #mainVisual .flexslider {
      margin: 0;
      position: relative;
      zoom: 1;
      padding: 0 0 39px; }
      /* line 311, importTop.scss */
      #mainVisual_area #mainVisual .flexslider .slides {
        zoom: 1;
        padding: 0;
        list-style: none; }
      /* line 317, importTop.scss */
      #mainVisual_area #mainVisual .flexslider:hover .flex-prev, #mainVisual_area #mainVisual .flexslider:hover .flex-next {
        opacity: 0.7; }
        /* line 319, importTop.scss */
        #mainVisual_area #mainVisual .flexslider:hover .flex-prev:hover, #mainVisual_area #mainVisual .flexslider:hover .flex-next:hover {
          opacity: 1; }
    /* line 325, importTop.scss */
    #mainVisual_area #mainVisual ul#slideshow {
      height: 100%;
      margin: 0 auto;
      background-color: #FFF; }
      /* line 329, importTop.scss */
      #mainVisual_area #mainVisual ul#slideshow li {
        height: 343px; }
        /* line 331, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg1 {
          background-color: #f7f7f7; }
        /* line 332, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg2 {
          background-color: #edeff1; }
        /* line 333, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg3 {
          background-color: #fff; }
        /* line 334, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg4 {
          background-color: #e7e7e7; }
        /* line 335, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg5 {
          background-color: #ffe63b; }
        /* line 336, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg6 {
          background-color: #fff; }
        /* line 337, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg7 {
          background-color: #fff; }
        /* line 338, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg8 {
          background-color: #f1f1f1; }
        /* line 339, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg9 {
          background-color: #fff; }
        /* line 340, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg10 {
          background-color: #fff; }
        /* line 341, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg11 {
          background-color: #fff; }
        /* line 342, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg12 {
          background-color: #fff; }
        /* line 343, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg13 {
          background-color: #fff; }
        /* line 344, importTop.scss */
        #mainVisual_area #mainVisual ul#slideshow li#showimg14 {
          background-color: #fff; }
      /* line 346, importTop.scss */
      #mainVisual_area #mainVisual ul#slideshow li:nth-of-type(n+2):not([style]) {
        visibility: hidden; }
    /* line 350, importTop.scss */
    #mainVisual_area #mainVisual .flex-control-nav {
      margin: 12px auto 16px;
      width: auto;
      padding: 0;
      list-style: none;
      text-align: center;
      z-index: 4; }
      /* line 357, importTop.scss */
      #mainVisual_area #mainVisual .flex-control-nav li {
        margin: 0 10px;
        display: inline-block;
        zoom: 1; }
        /* line 361, importTop.scss */
        #mainVisual_area #mainVisual .flex-control-nav li a {
          width: 12px;
          height: 12px;
          display: block;
          background: #666;
          background: url(../images/banner/main/wide_default.gif) 0 0 no-repeat;
          cursor: pointer;
          text-indent: -9999px; }
    /* line 375, importTop.scss */
    #mainVisual_area #mainVisual .flex-control-paging li a:hover, #mainVisual_area #mainVisual .flex-control-paging li a.flex-active {
      background: url(../images/banner/main/wide_active.gif) 0 0 no-repeat; }
    /* line 381, importTop.scss */
    #mainVisual_area #mainVisual .flex-direction-nav {
      position: relative;
      left: 50%;
      margin: 0 0 0 -490px;
      bottom: 210px;
      width: 980px;
      z-index: 2;
      padding: 0;
      list-style: none; }
      /* line 390, importTop.scss */
      #mainVisual_area #mainVisual .flex-direction-nav a {
        display: block;
        width: 35px;
        height: 58px;
        margin: -29px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        cursor: pointer;
        transition: all .3s ease; }
        /* line 401, importTop.scss */
        #mainVisual_area #mainVisual .flex-direction-nav a.flex-prev {
          left: 7px;
          background: url(../images/banner/main/arrow_nav.png) no-repeat 0 0;
          text-indent: -999em;
          overflow: hidden; }
        /* line 407, importTop.scss */
        #mainVisual_area #mainVisual .flex-direction-nav a.flex-next {
          right: 7px;
          background: url(../images/banner/main/arrow_nav.png) no-repeat -35px 0;
          text-indent: -999em;
          overflow: hidden; }
    /* line 415, importTop.scss */
    #mainVisual_area #mainVisual a.pamph16 {
      position: absolute;
      left: 50%;
      bottom: 75px;
      margin-left: 333px;
      width: 166px;
      height: 18px; }

/* line 425, importTop.scss */
#sp_mainVisual_area {
  /* MV Slider */
  display: none; }

/* line 428, importTop.scss */
#loopslider_area {
  width: 100%;
  background-color: #FFF; }
  /* line 431, importTop.scss */
  #loopslider_area h4 {
    display: block;
    width: 100%;
    height: 15px;
    font-size: 120%;
    margin-bottom: 5px; }
  /* line 438, importTop.scss */
  #loopslider_area .slideFrame {
    margin: 0 auto;
    width: 950px;
    height: 100px;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    padding-bottom: 35px; }
    /* line 446, importTop.scss */
    #loopslider_area .slideFrame ul {
      display: inline-block;
      overflow: hidden;
      height: 80px;
      float: left;
      background-color: #FFFFFF; }
      /* line 452, importTop.scss */
      #loopslider_area .slideFrame ul li {
        width: 100px;
        height: 80px;
        margin: 0;
        float: left;
        display: inline;
        overflow: hidden; }
        /* line 459, importTop.scss */
        #loopslider_area .slideFrame ul li.flag {
          width: 90px;
          padding: 0; }
        /* line 463, importTop.scss */
        #loopslider_area .slideFrame ul li img {
          margin: auto; }
    /* line 468, importTop.scss */
    #loopslider_area .slideFrame .left {
      left: 0; }
    /* line 471, importTop.scss */
    #loopslider_area .slideFrame .right {
      right: 0; }
    /* line 475, importTop.scss */
    #loopslider_area .slideFrame .slideCtrl {
      top: 15;
      width: 20px;
      height: 80px;
      line-height: 80px;
      color: #fff;
      text-align: center;
      font-weight: bold;
      background: #555;
      position: absolute;
      overflow: hidden;
      cursor: pointer;
      z-index: 99; }

/* line 491, importTop.scss */
div#content_area {
  background-color: #fff;
  overflow: hidden;
  width: 100%; }
  /* line 495, importTop.scss */
  div#content_area div#content {
    clear: both;
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 15px 0; }
    /* line 501, importTop.scss */
    div#content_area div#content ul.utilityNav {
      position: absolute;
      top: 14px;
      width: 500px;
      text-align: right;
      left: 50%;
      margin-left: -25px;
      z-index: 100000; }
      /* line 509, importTop.scss */
      div#content_area div#content ul.utilityNav li {
        display: inline;
        margin-right: 2em;
        padding-left: 7px;
        background: url(../images/shared/liststyle/liststyle_utilitynav.gif) no-repeat 0 50%;
        white-space: nowrap; }
        /* line 515, importTop.scss */
        div#content_area div#content ul.utilityNav li a {
          color: #444;
          text-decoration: none; }
          /* line 518, importTop.scss */
          div#content_area div#content ul.utilityNav li a:hover {
            color: #C44A4E; }
          /* line 521, importTop.scss */
          div#content_area div#content ul.utilityNav li a img.pdf {
            padding-left: 2px;
            vertical-align: middle; }
        /* line 526, importTop.scss */
        div#content_area div#content ul.utilityNav li strong.new {
          margin-left: 2px; }
        /* line 529, importTop.scss */
        div#content_area div#content ul.utilityNav li:last-child {
          margin-right: 0; }
    /* line 534, importTop.scss */
    div#content_area div#content .infor_privacy_sp {
      display: none; }
    /* line 538, importTop.scss */
    div#content_area div#content div#topic_banner ul {
      overflow: hidden;
      font-size: 0;
      width: 100%;
      margin: 0 auto; }
      /* line 543, importTop.scss */
      div#content_area div#content div#topic_banner ul li {
        width: 230px;
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        padding: 0 10px 20px 0;
        margin: 0; }
        /* line 550, importTop.scss */
        div#content_area div#content div#topic_banner ul li:nth-child(4n) {
          padding-right: 0; }
        /* line 553, importTop.scss */
        div#content_area div#content div#topic_banner ul li a {
          display: block;
          width: auto;
          height: auto;
          margin: 0;
          position: relative;
          color: #000 !important;
          text-decoration: none; }
          /* line 561, importTop.scss */
          div#content_area div#content div#topic_banner ul li a img.object-fit {
            width: 228px;
            height: 80px;
            object-position: 100% -5px;
            object-fit: cover;
            border: 1px solid #d4d4d4;
            font-family: "object-fit: cover;"; }
          /* line 569, importTop.scss */
          div#content_area div#content div#topic_banner ul li a span {
            display: block;
            padding: 1%;
            text-align: left; }
    /* line 577, importTop.scss */
    div#content_area div#content div#topic_banner .headSet01A {
      margin-bottom: 1.2em;
      padding: 0.4em 9px 0.3em 8px;
      background-color: #f0f0f0;
      overflow: hidden; }
      /* line 582, importTop.scss */
      div#content_area div#content div#topic_banner .headSet01A .head {
        float: left;
        padding-left: 11px;
        position: relative;
        font-size: 12px; }
        /* line 587, importTop.scss */
        div#content_area div#content div#topic_banner .headSet01A .head::before {
          content: "";
          display: block;
          position: absolute;
          border-left: #c44a4e 4px solid !important;
          width: 1.3em;
          height: 1em;
          top: 3px;
          left: 3px; }
      /* line 598, importTop.scss */
      div#content_area div#content div#topic_banner .headSet01A p {
        float: right;
        margin-bottom: 0; }
        /* line 601, importTop.scss */
        div#content_area div#content div#topic_banner .headSet01A p a {
          font-size: 12px;
          text-decoration: underline; }
          /* line 604, importTop.scss */
          div#content_area div#content div#topic_banner .headSet01A p a:hover {
            text-decoration: none; }

/* line 613, importTop.scss */
div#primary {
  float: left;
  width: 784px; }
  /* line 616, importTop.scss */
  div#primary a {
    text-decoration: underline; }
    /* line 618, importTop.scss */
    div#primary a:hover {
      text-decoration: none; }
  /* line 622, importTop.scss */
  div#primary .coolbiz {
    text-align: right;
    padding-right: 10px;
    margin-top: 0.5em; }
    /* line 626, importTop.scss */
    div#primary .coolbiz a {
      text-decoration: none; }
  /* line 630, importTop.scss */
  div#primary #newsList.newsList, div#primary #newsList2.newsList {
    clear: both;
    line-height: 1.4;
    overflow: hidden; }
  /* line 635, importTop.scss */
  div#primary .newsList {
    margin: 0 5px;
    overflow: hidden; }
    /* line 638, importTop.scss */
    div#primary .newsList dt {
      font-weight: normal;
      clear: both;
      float: left;
      width: 86px;
      font-weight: bold;
      margin-bottom: 5px;
      *line-height: 18px; }
    /* line 647, importTop.scss */
    div#primary .newsList dd {
      background-color: #fff;
      float: right;
      width: 677px;
      margin-bottom: 5px;
      *line-height: 18px; }
      /* line 653, importTop.scss */
      div#primary .newsList dd a {
        text-decoration: none; }
        /* line 655, importTop.scss */
        div#primary .newsList dd a:hover {
          text-decoration: underline; }
      /* line 659, importTop.scss */
      div#primary .newsList dd img {
        margin-right: 5px;
        margin-bottom: -2px;
        width: 50px;
        vertical-align: baseline; }
  /* line 668, importTop.scss */
  div#primary #newsList.newsList li {
    line-height: 1.4;
    padding-bottom: 4px; }
    /* line 671, importTop.scss */
    div#primary #newsList.newsList li a {
      text-decoration: none; }
      /* line 673, importTop.scss */
      div#primary #newsList.newsList li a:hover {
        text-decoration: underline; }
    /* line 677, importTop.scss */
    div#primary #newsList.newsList li img {
      margin-bottom: -2px;
      margin-right: 5px;
      vertical-align: baseline;
      width: 50px; }
  /* line 686, importTop.scss */
  div#primary #newsList2 dt {
    width: 90px; }
  /* line 689, importTop.scss */
  div#primary #newsList2 dd {
    width: 625px; }
  /* line 693, importTop.scss */
  div#primary .section01A {
    margin-bottom: 2em;
    clear: both; }
    /* line 697, importTop.scss */
    div#primary .section01A .section03B a {
      text-decoration: none; }
  /* line 702, importTop.scss */
  div#primary .section02A {
    margin-bottom: 1.2em;
    clear: both; }
  /* line 706, importTop.scss */
  div#primary .headSet01A {
    margin-bottom: 1.2em;
    padding: 0.4em 9px 0.3em 8px;
    background-color: #f0f0f0; }
    /* line 710, importTop.scss */
    div#primary .headSet01A .head {
      float: left;
      padding-left: 11px;
      position: relative; }
      /* line 714, importTop.scss */
      div#primary .headSet01A .head::before {
        content: "";
        display: block;
        position: absolute;
        border-left: #c44a4e 4px solid !important;
        width: 1.3em;
        height: 1em;
        top: 3px;
        left: 3px; }
    /* line 725, importTop.scss */
    div#primary .headSet01A p {
      float: right;
      margin-bottom: 0; }
    /* line 729, importTop.scss */
    div#primary .headSet01A:after {
      content: ".";
      display: block;
      visibility: hidden;
      clear: both;
      margin: -1px 0 0 0;
      height: 1px;
      font-size: 0;
      line-height: 0; }
  /* line 740, importTop.scss */
  div#primary .section02B {
    clear: both; }
  /* line 744, importTop.scss */
  div#primary .service ul {
    display: flex; }
    /* line 746, importTop.scss */
    div#primary .service ul li {
      list-style-type: none;
      width: 140px;
      text-align: center; }
      /* line 750, importTop.scss */
      div#primary .service ul li:first-child a {
        height: 130px; }
      /* line 753, importTop.scss */
      div#primary .service ul li a {
        height: 114px;
        display: block;
        overflow: hidden; }
        /* line 757, importTop.scss */
        div#primary .service ul li a:hover img {
          margin-top: -143px; }
  /* line 764, importTop.scss */
  div#primary .btocArea {
    clear: both;
    margin-bottom: 15px;
    width: 784px;
    border: 1px solid #e4e4e4; }
    /* line 769, importTop.scss */
    div#primary .btocArea .section02B {
      padding-bottom: 15px; }
      /* line 771, importTop.scss */
      div#primary .btocArea .section02B .btocList {
        clear: both;
        padding: 0 5px;
        overflow: hidden; }
        /* line 775, importTop.scss */
        div#primary .btocArea .section02B .btocList li {
          display: block;
          float: left;
          width: 180px;
          overflow: hidden;
          margin: 10px 8px 10px 5px;
          text-align: center; }
          /* line 782, importTop.scss */
          div#primary .btocArea .section02B .btocList li a {
            display: block;
            float: left;
            width: 180px;
            height: 45px; }
          /* line 788, importTop.scss */
          div#primary .btocArea .section02B .btocList li .btocImg01 {
            margin: 4px 0; }
          /* line 791, importTop.scss */
          div#primary .btocArea .section02B .btocList li .btocImg02 {
            margin: 9px auto; }
          /* line 794, importTop.scss */
          div#primary .btocArea .section02B .btocList li .btocImg03 {
            margin: 5px auto; }
          /* line 797, importTop.scss */
          div#primary .btocArea .section02B .btocList li .btocImg04 {
            margin: 11px auto; }
          /* line 800, importTop.scss */
          div#primary .btocArea .section02B .btocList li .btocImg05 {
            margin: 7px auto; }
          /* line 803, importTop.scss */
          div#primary .btocArea .section02B .btocList li span {
            display: block;
            float: left;
            width: 180px;
            height: 56px;
            line-height: 1.2;
            margin-top: 10px; }
            /* line 810, importTop.scss */
            div#primary .btocArea .section02B .btocList li span:nth-child(n+8) {
              height: 45px; }
  /* line 819, importTop.scss */
  div#primary div#content_menu p {
    margin-bottom: 10px;
    overflow: hidden; }
    /* line 822, importTop.scss */
    div#primary div#content_menu p img {
      float: left; }
    /* line 825, importTop.scss */
    div#primary div#content_menu p a {
      height: 23px;
      float: left;
      overflow: hidden;
      display: block; }
      /* line 830, importTop.scss */
      div#primary div#content_menu p a img:hover {
        margin-top: -23px; }

/* line 837, importTop.scss */
#recruitmentBanner {
  height: 360px;
  overflow: hidden; }

/* line 841, importTop.scss */
#secondary {
  float: right;
  width: 158px; }
  /* line 844, importTop.scss */
  #secondary div.informationArea {
    text-align: center;
    padding-bottom: 13px; }
    /* line 847, importTop.scss */
    #secondary div.informationArea .inquiry {
      width: 156px;
      border: 1px solid #a9c8ce;
      margin: 0 auto 0.3em; }
      /* line 851, importTop.scss */
      #secondary div.informationArea .inquiry ul li {
        line-height: 1.4;
        height: 43px;
        background: #fff;
        border-bottom: 1px solid #e1eef1; }
        /* line 856, importTop.scss */
        #secondary div.informationArea .inquiry ul li a {
          color: #000;
          text-align: left;
          text-decoration: none;
          display: block;
          font-size: 12px;
          height: 33px;
          padding: 5px;
          font-family: "メイリオ", Meiryo, "sans-serif"; }
          /* line 865, importTop.scss */
          #secondary div.informationArea .inquiry ul li a img {
            float: left; }
        /* line 869, importTop.scss */
        #secondary div.informationArea .inquiry ul li > span {
          display: block;
          font-size: 12px;
          height: 33px;
          padding: 5px;
          font-family: "メイリオ", Meiryo, "sans-serif"; }
        /* line 876, importTop.scss */
        #secondary div.informationArea .inquiry ul li:first-child {
          font-weight: bold;
          font-size: 12px;
          padding: 0;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #3e8896;
          height: 36px;
          border-bottom: none; }
        /* line 889, importTop.scss */
        #secondary div.informationArea .inquiry ul li:nth-child(2) span span {
          font-weight: bold;
          color: #3e8896;
          font-size: 15px;
          line-height: 1.3; }
        /* line 895, importTop.scss */
        #secondary div.informationArea .inquiry ul li:nth-child(2) img {
          padding: 3px 6px 0 0; }
        /* line 900, importTop.scss */
        #secondary div.informationArea .inquiry ul li:nth-child(3) img, #secondary div.informationArea .inquiry ul li:nth-child(4) img {
          padding: 7px 12px 0 10px; }
        /* line 903, importTop.scss */
        #secondary div.informationArea .inquiry ul li:nth-child(3):hover, #secondary div.informationArea .inquiry ul li:nth-child(4):hover {
          background: #e1eef1; }
        /* line 907, importTop.scss */
        #secondary div.informationArea .inquiry ul li:last-child {
          border-bottom: none; }
    /* line 912, importTop.scss */
    #secondary div.informationArea .consulting {
      width: 156px;
      border: 1px solid #b0b4cb;
      margin: 0 auto 1em; }
      /* line 916, importTop.scss */
      #secondary div.informationArea .consulting ul li {
        line-height: 1.4;
        height: 58px;
        background: #fff; }
        /* line 920, importTop.scss */
        #secondary div.informationArea .consulting ul li span {
          color: #000;
          text-decoration: none; }
        /* line 924, importTop.scss */
        #secondary div.informationArea .consulting ul li > span {
          display: block;
          font-size: 12px;
          height: 48px;
          padding: 5px;
          font-family: "メイリオ", Meiryo, "sans-serif"; }
        /* line 931, importTop.scss */
        #secondary div.informationArea .consulting ul li:first-child {
          background: #565d87;
          height: 24px;
          font-weight: bold;
          font-size: 12px;
          padding: 0;
          color: #fff;
          display: flex;
          align-items: center;
          justify-content: center; }
        /* line 943, importTop.scss */
        #secondary div.informationArea .consulting ul li:last-child img {
          padding: 1px 6px 0 0; }
        /* line 946, importTop.scss */
        #secondary div.informationArea .consulting ul li:last-child span span {
          font-weight: bold;
          color: #565d87;
          font-size: 15px;
          line-height: 1.3; }
    /* line 955, importTop.scss */
    #secondary div.informationArea .infor_privacy_sp {
      display: none; }
  /* line 959, importTop.scss */
  #secondary .sns {
    clear: both;
    overflow: hidden;
    text-align: left;
    margin: 15px 0; }
    /* line 964, importTop.scss */
    #secondary .sns p {
      font-weight: bold;
      font-size: 120%;
      margin-bottom: 0; }
    /* line 969, importTop.scss */
    #secondary .sns ul.icon, #secondary .sns ul.icon_2 {
      overflow: hidden;
      margin-bottom: 10px; }
      /* line 972, importTop.scss */
      #secondary .sns ul.icon li, #secondary .sns ul.icon_2 li {
        float: left;
        width: 52px;
        text-align: center; }
  /* line 979, importTop.scss */
  #secondary #privacy {
    text-align: center;
    margin-top: 0;
    margin-bottom: 20px; }

/* line 985, importTop.scss */
.fontSizeMedium {
  font-size: 120%; }

/* line 988, importTop.scss */
div#footer {
  clear: both;
  margin: 0 auto;
  padding: 1em 0;
  background-image: none;
  background-color: #000;
  overflow: hidden; }
  /* line 996, importTop.scss */
  div#footer ul li {
    float: left; }
    /* line 998, importTop.scss */
    div#footer ul li a:hover {
      text-decoration: underline; }
  /* line 1003, importTop.scss */
  div#footer a {
    color: #fff;
    text-decoration: none; }
    /* line 1006, importTop.scss */
    div#footer a:hover {
      text-decoration: underline; }
  /* line 1010, importTop.scss */
  div#footer #footerNav {
    width: 63.5em;
    margin: 0 auto 3px;
    overflow: hidden; }
    /* line 1014, importTop.scss */
    div#footer #footerNav ul {
      clear: both;
      height: 100%;
      margin-left: 0;
      overflow: hidden;
      width: 570px;
      margin: 0 auto; }
      /* line 1021, importTop.scss */
      div#footer #footerNav ul#globalLink {
        margin-left: 0.25em;
        padding-bottom: 6px;
        font-size: 120%;
        width: 52em;
        overflow: hidden; }
      /* line 1028, importTop.scss */
      div#footer #footerNav ul li {
        color: #fff; }
        /* line 1030, importTop.scss */
        div#footer #footerNav ul li:before {
          content: "\ff5c";
          color: #FFF; }
        /* line 1034, importTop.scss */
        div#footer #footerNav ul li.first-child:before {
          content: ""; }
        /* line 1037, importTop.scss */
        div#footer #footerNav ul li a {
          float: right; }
    /* line 1042, importTop.scss */
    div#footer #footerNav a {
      color: #fff;
      text-decoration: none; }
    /* line 1046, importTop.scss */
    div#footer #footerNav #special_footer {
      display: none; }
  /* line 1050, importTop.scss */
  div#footer #copyright {
    clear: both;
    width: 57em;
    overflow: hidden;
    margin: 0 auto; }
    /* line 1055, importTop.scss */
    div#footer #copyright h3 {
      line-height: 1.2;
      font-weight: normal;
      float: left;
      width: auto; }
      /* line 1060, importTop.scss */
      div#footer #copyright h3 a {
        color: #C44A4E; }
    /* line 1064, importTop.scss */
    div#footer #copyright p {
      line-height: 1.2;
      float: right;
      width: 20em;
      color: #fff;
      margin-bottom: 0;
      text-align: right; }

@media only screen and (max-width: 767px) {
  /* line 1075, importTop.scss */
  .pcOnly {
    display: none; }

  /* line 1078, importTop.scss */
  .spOnly {
    display: block; }

  /* line 1081, importTop.scss */
  body {
    font-family: sans-serif;
    width: 100%;
    min-width: 320px;
    background: #fff !important;
    position: relative; }

  /* line 1089, importTop.scss */
  div#content_area div#content {
    width: 100%;
    padding: 0; }
    /* line 1092, importTop.scss */
    div#content_area div#content div#topic_banner {
      margin-bottom: 15px; }
      /* line 1094, importTop.scss */
      div#content_area div#content div#topic_banner .headSet01A .head::before {
        display: none; }
      /* line 1097, importTop.scss */
      div#content_area div#content div#topic_banner ul {
        overflow: hidden;
        font-size: 0;
        width: 95%;
        margin: 0 auto; }
        /* line 1102, importTop.scss */
        div#content_area div#content div#topic_banner ul li {
          float: left;
          width: 23%;
          max-width: 177px;
          vertical-align: top;
          display: inline-block;
          font-size: 12px;
          margin: 0 auto 10px;
          padding: 0 1% !important; }
          /* line 1111, importTop.scss */
          div#content_area div#content div#topic_banner ul li a {
            display: block;
            margin: 0 auto;
            border: 1px solid #d4d4d4; }
            /* line 1115, importTop.scss */
            div#content_area div#content div#topic_banner ul li a img.object-fit {
              object-position: 0;
              width: 100%;
              height: 100%;
              border: none !important;
              background-position-y: 100% !important;
              object-fit: contain; }
            /* line 1123, importTop.scss */
            div#content_area div#content div#topic_banner ul li a span {
              display: block;
              margin: 0 auto;
              position: absolute;
              bottom: 0;
              background-color: rgba(0, 0, 0, 0.6);
              width: 98%;
              height: 5.8em;
              color: #FFF;
              padding: 1%;
              font-size: 14px; }
          /* line 1136, importTop.scss */
          div#content_area div#content div#topic_banner ul li.workit_banner a {
            border: 1px solid #fe7c00; }

  /* line 1144, importTop.scss */
  div#container {
    width: 100%;
    min-width: 320px;
    position: relative; }

  /* line 1149, importTop.scss */
  .headSet01A {
    background: url(../images/top/bg_head01.png) no-repeat 0 0 #BADCE2;
    border: none;
    width: 90%;
    margin: 0 auto 1.2em; }
    /* line 1154, importTop.scss */
    .headSet01A .head {
      padding-left: 5px;
      font-size: 14px; }

  /* line 1159, importTop.scss */
  div#primary {
    width: 100%; }
    /* line 1161, importTop.scss */
    div#primary .headSet01A .head::before {
      display: none; }
    /* line 1164, importTop.scss */
    div#primary .section02B {
      width: 95%;
      margin: 0 auto; }
    /* line 1169, importTop.scss */
    div#primary .newsList dt, div#primary .newsList dd {
      float: none;
      width: 100%; }
    /* line 1175, importTop.scss */
    div#primary .service ul {
      width: 90%;
      margin: 0 auto 1.2em;
      justify-content: center;
      flex-wrap: wrap; }
      /* line 1180, importTop.scss */
      div#primary .service ul li {
        width: 84px;
        text-align: center;
        margin-bottom: 20px; }
        /* line 1184, importTop.scss */
        div#primary .service ul li:first-child a {
          width: 100%;
          height: 83px; }
        /* line 1188, importTop.scss */
        div#primary .service ul li a {
          height: 83px; }
          /* line 1191, importTop.scss */
          div#primary .service ul li a:hover img {
            margin-top: 0;
            opacity: 0.8; }
    /* line 1200, importTop.scss */
    div#primary .saiyou_button {
      width: 70%;
      margin: 0 auto 15px;
      background-color: #C44A4E; }
      /* line 1204, importTop.scss */
      div#primary .saiyou_button a {
        display: block;
        font-size: 20px;
        width: 100%;
        color: #FFF;
        text-align: center;
        text-decoration: none;
        line-height: 45px; }
        /* line 1212, importTop.scss */
        div#primary .saiyou_button a img {
          width: 100%;
          max-width: 360px;
          height: auto; }
    /* line 1219, importTop.scss */
    div#primary .btocArea {
      width: 100%;
      border: none; }
      /* line 1223, importTop.scss */
      div#primary .btocArea .headSet01A .head::before {
        display: none; }
      /* line 1228, importTop.scss */
      div#primary .btocArea .section02B .btocList {
        display: inline-block;
        width: 100%; }
        /* line 1231, importTop.scss */
        div#primary .btocArea .section02B .btocList li {
          width: 31%;
          height: 65px;
          margin: 0;
          float: left;
          padding: 1%; }
          /* line 1237, importTop.scss */
          div#primary .btocArea .section02B .btocList li span {
            display: none; }
          /* line 1240, importTop.scss */
          div#primary .btocArea .section02B .btocList li a {
            width: 90%;
            height: auto; }
            /* line 1243, importTop.scss */
            div#primary .btocArea .section02B .btocList li a img {
              width: 100%;
              max-width: 127px;
              height: auto; }

  /* line 1254, importTop.scss */
  div#header_area {
    width: 100%;
    height: 47px;
    overflow: hidden;
    border-bottom: 4px solid #C44A4E;
    background-image: none;
    background-color: #fff; }
    /* line 1261, importTop.scss */
    div#header_area div#header {
      height: 37px;
      width: auto;
      padding: 5px;
      overflow: hidden; }
      /* line 1266, importTop.scss */
      div#header_area div#header div.logoTCI {
        height: auto;
        width: 100px;
        float: left;
        padding: 0; }
        /* line 1271, importTop.scss */
        div#header_area div#header div.logoTCI img {
          max-width: 100%;
          height: auto;
          width: auto; }
      /* line 1277, importTop.scss */
      div#header_area div#header div.float_r {
        float: right;
        width: auto;
        height: 100%;
        overflow: hidden; }
        /* line 1282, importTop.scss */
        div#header_area div#header div.float_r p {
          float: left; }
          /* line 1284, importTop.scss */
          div#header_area div#header div.float_r p:nth-child(2) {
            margin: 0; }
          /* line 1287, importTop.scss */
          div#header_area div#header div.float_r p#navigation_sp {
            height: 34px;
            width: 34px;
            background-size: contain;
            cursor: pointer; }

  /* line 1297, importTop.scss */
  div#navigation_area {
    background: none;
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    color: #FFF; }
    /* line 1304, importTop.scss */
    div#navigation_area div#navigation {
      display: none; }

  /* line 1308, importTop.scss */
  div#footer {
    padding-bottom: 55px; }
    /* line 1310, importTop.scss */
    div#footer #footerNav {
      width: 100%;
      margin-bottom: 20px; }
      /* line 1313, importTop.scss */
      div#footer #footerNav ul#globalLink {
        text-align: center;
        width: 95%;
        padding-bottom: 0;
        margin: 0 auto; }
      /* line 1319, importTop.scss */
      div#footer #footerNav ul {
        text-align: center;
        width: 95%; }
        /* line 1322, importTop.scss */
        div#footer #footerNav ul li {
          display: inline;
          font-size: 12px;
          float: none; }
          /* line 1326, importTop.scss */
          div#footer #footerNav ul li a {
            float: none; }
    /* line 1332, importTop.scss */
    div#footer .sns {
      width: 90%;
      margin: 15px auto 20px; }
      /* line 1335, importTop.scss */
      div#footer .sns ul.icon {
        width: 66%;
        overflow: hidden;
        margin: 0 auto; }
        /* line 1339, importTop.scss */
        div#footer .sns ul.icon li {
          width: 24%;
          float: none;
          display: inline-block;
          text-align: center; }
          /* line 1344, importTop.scss */
          div#footer .sns ul.icon li img {
            width: 100%;
            height: auto; }
    /* line 1353, importTop.scss */
    div#footer ul li a {
      margin: 4px 0px;
      padding: 0px 4px;
      display: inline-block; }
    /* line 1360, importTop.scss */
    div#footer #copyright {
      width: 90% !important;
      margin: 0.5em auto;
      text-align: center; }
      /* line 1364, importTop.scss */
      div#footer #copyright p {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px;
        font-size: 12px; }
      /* line 1371, importTop.scss */
      div#footer #copyright p.service_h1 {
        color: #C44A4E;
        top: 27px;
        font-size: 140%;
        right: 11px; }
        /* line 1376, importTop.scss */
        div#footer #copyright p.service_h1 span {
          color: #FFF; }
      /* line 1380, importTop.scss */
      div#footer #copyright h3 {
        font-size: 12px;
        font-weight: bold;
        float: none;
        margin: 0 0 1em 0;
        padding: 0;
        width: 100%; }

  /* smartphone Ver Gmenu */
  /* line 1391, importTop.scss */
  div#sub_navigation_area {
    z-index: 10;
    position: absolute;
    top: 0px;
    background: black;
    height: 1500px;
    min-width: 320px; }
    /* line 1398, importTop.scss */
    div#sub_navigation_area div#sub_navigation {
      height: 90%;
      width: 100%; }
      /* line 1401, importTop.scss */
      div#sub_navigation_area div#sub_navigation div div {
        margin: 0; }
        /* line 1403, importTop.scss */
        div#sub_navigation_area div#sub_navigation div div ul {
          display: none;
          margin-top: 6px;
          z-index: 102;
          position: relative; }
          /* line 1408, importTop.scss */
          div#sub_navigation_area div#sub_navigation div div ul li {
            float: none;
            width: 100%;
            height: auto;
            text-align: left;
            border-bottom: 1px solid #999;
            font-size: 18px;
            display: inline-flex;
            white-space: nowrap; }
            /* line 1417, importTop.scss */
            div#sub_navigation_area div#sub_navigation div div ul li a {
              color: #FFF;
              width: 90%;
              height: 25px;
              padding: 13px 5% 13px 20px;
              -webkit-tap-highlight-color: rgba(108, 108, 108, 0.5);
              tap-highlight-color: rgba(108, 108, 108, 0.5); }
              /* line 1424, importTop.scss */
              div#sub_navigation_area div#sub_navigation div div ul li a:hover, div#sub_navigation_area div#sub_navigation div div ul li a:active {
                text-decoration: none; }
            /* line 1428, importTop.scss */
            div#sub_navigation_area div#sub_navigation div div ul li img {
              margin-right: 8px; }
      /* line 1434, importTop.scss */
      div#sub_navigation_area div#sub_navigation .pc_nav, div#sub_navigation_area div#sub_navigation p.close {
        display: none; }
      /* line 1437, importTop.scss */
      div#sub_navigation_area div#sub_navigation .top_sp_nav {
        display: block; }
        /* line 1439, importTop.scss */
        div#sub_navigation_area div#sub_navigation .top_sp_nav li {
          width: 100%;
          border-bottom: 1px solid #fff;
          height: 1.5em;
          font-size: 15px;
          font-weight: bold;
          text-align: left;
          padding: 5px 15px; }
      /* line 1449, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_top {
        margin-top: 0; }
        /* line 1452, importTop.scss */
        div#sub_navigation_area div#sub_navigation .sp_nav_top li.service, div#sub_navigation_area div#sub_navigation .sp_nav_top li.brochure {
          padding: 12px 0 12px 20px;
          position: relative;
          -webkit-tap-highlight-color: rgba(108, 108, 108, 0.5);
          tap-highlight-color: rgba(108, 108, 108, 0.5); }
        /* line 1458, importTop.scss */
        div#sub_navigation_area div#sub_navigation .sp_nav_top li span {
          width: 30px;
          text-align: right;
          display: block;
          margin: 0;
          position: absolute;
          top: 15px;
          right: 30px; }
          /* line 1467, importTop.scss */
          div#sub_navigation_area div#sub_navigation .sp_nav_top li span img.sub_menu_open {
            cursor: pointer;
            width: 30px;
            height: 18px;
            margin: 0; }
      /* line 1477, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub {
        border-bottom: 1px solid #999;
        margin-top: 0; }
        /* line 1481, importTop.scss */
        div#sub_navigation_area div#sub_navigation .sp_nav_sub li a {
          vertical-align: middle;
          padding: 12px 5% 12px 80px;
          width: 95%; }
          /* line 1485, importTop.scss */
          div#sub_navigation_area div#sub_navigation .sp_nav_sub li a:hover, div#sub_navigation_area div#sub_navigation .sp_nav_sub li a:active {
            text-decoration: none; }
      /* line 1493, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:first-child {
        padding: 0;
        background: url(../images/shared/pulldown/sp/icon01.png) no-repeat scroll 25px 4px; }
        /* line 1496, importTop.scss */
        div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:first-child a {
          -webkit-tap-highlight-color: rgba(108, 108, 108, 0.5);
          tap-highlight-color: rgba(108, 108, 108, 0.5); }
      /* line 1501, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:nth-child(2) {
        background: url(../images/shared/pulldown/sp/icon02.png) no-repeat scroll 25px 4px; }
      /* line 1504, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:nth-child(3) {
        background: url(../images/shared/pulldown/sp/icon03.png) no-repeat scroll 25px 4px; }
      /* line 1507, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:nth-child(4) {
        background: url(../images/shared/pulldown/sp/icon04.png) no-repeat scroll 25px 4px; }
      /* line 1510, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:nth-child(5) {
        background: url(../images/shared/pulldown/sp/icon05.png) no-repeat scroll 25px 4px; }
      /* line 1513, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:nth-child(6) {
        background: url(../images/shared/pulldown/sp/icon06.png) no-repeat scroll 25px 4px; }
      /* line 1516, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:first-of-type li:nth-child(7) {
        background: url(../images/shared/pulldown/sp/icon07.png) no-repeat scroll 25px 4px;
        border-bottom: none; }
      /* line 1524, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub:nth-of-type(2) li a {
        padding: 12px 5% 12px 34px; }
      /* line 1529, importTop.scss */
      div#sub_navigation_area div#sub_navigation .smp_sub_navi_close {
        display: none; }
    /* line 1533, importTop.scss */
    div#sub_navigation_area p.saiyou_button {
      text-align: center;
      width: 100%;
      margin-top: 20px; }
      /* line 1537, importTop.scss */
      div#sub_navigation_area p.saiyou_button img {
        width: 33%;
        max-width: 360px;
        height: auto; }

  @-moz-document url-prefix() {
    /* line 1545, importTop.scss */
    div#sub_navigation_area div#sub_navigation .sp_nav_sub li {
      height: 45px; }
      /* line 1547, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub li:first-child, div#sub_navigation_area div#sub_navigation .sp_nav_sub li:nth-child(n+2) {
        background-position: 25px 1px; }
      /* line 1550, importTop.scss */
      div#sub_navigation_area div#sub_navigation .sp_nav_sub li a {
        padding-top: 8px; } }
  /* line 1555, importTop.scss */
  .sp_nav_sub {
    height: 0; }

  /* line 1558, importTop.scss */
  #navigation_sp {
    /* navigation icon */
    cursor: pointer;
    display: block;
    width: 37px;
    height: 37px;
    top: 0px;
    right: 3px;
    position: absolute;
    padding: 8px 5px 5px 5px;
    margin-right: -3px !important; }
    /* line 1568, importTop.scss */
    #navigation_sp span {
      display: block;
      height: 2px;
      width: 100%;
      background: #999; }
      /* line 1573, importTop.scss */
      #navigation_sp span:nth-of-type(1) {
        margin-top: 6px; }
      /* line 1576, importTop.scss */
      #navigation_sp span:nth-of-type(2), #navigation_sp span:nth-of-type(4) {
        margin-top: 7px; }
      /* line 1579, importTop.scss */
      #navigation_sp span:nth-of-type(3) {
        margin-top: -2px; }

  /* navigation icon Active */
  /* line 1587, importTop.scss */
  .navOpen span:nth-of-type(1) {
    margin-top: 5px;
    opacity: 0; }
  /* line 1591, importTop.scss */
  .navOpen span:nth-of-type(2) {
    background-color: #999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  /* line 1597, importTop.scss */
  .navOpen span:nth-of-type(3) {
    background-color: #999;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  /* line 1603, importTop.scss */
  .navOpen span:nth-of-type(4) {
    margin-top: 5px;
    opacity: 0; }

  /* Overlay */
  /* line 1610, importTop.scss */
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99999; }

  /* Search window */
  /* line 1621, importTop.scss */
  #search_sp {
    cursor: pointer;
    display: block;
    background: url(../images/shared/lupe.png) no-repeat scroll 0px 0px/contain;
    width: 34px;
    height: 34px;
    top: 0px;
    right: 50px;
    position: absolute;
    padding: 8px 5px 5px 5px; }
    /* line 1631, importTop.scss */
    #search_sp span {
      display: block;
      height: 2px;
      width: 100%; }
      /* line 1635, importTop.scss */
      #search_sp span:nth-of-type(1) {
        margin-top: 6px; }
      /* line 1638, importTop.scss */
      #search_sp span:nth-of-type(2), #search_sp span:nth-of-type(4) {
        margin-top: 7px; }
      /* line 1641, importTop.scss */
      #search_sp span:nth-of-type(3) {
        margin-top: -2px; }

  /* line 1646, importTop.scss */
  div#sub_search_area {
    display: none;
    z-index: 100;
    position: absolute;
    background: black;
    height: 0px;
    width: 100%;
    top: -4px;
    margin: 0 auto;
    overflow: hidden; }
    /* line 1656, importTop.scss */
    div#sub_search_area div#searchBox {
      float: none;
      width: 100%;
      height: auto;
      text-align: center;
      padding: 20px 20px 20px 0px;
      font-size: 16px;
      -webkit-appearance: none; }
      /* line 1664, importTop.scss */
      div#sub_search_area div#searchBox input {
        line-height: 2.2;
        -webkit-appearance: none; }
      /* line 1668, importTop.scss */
      div#sub_search_area div#searchBox span {
        display: block;
        width: 80%;
        margin: 0 auto;
        position: relative; }

  /* line 1676, importTop.scss */
  input#searchInput {
    width: 99%;
    border: none;
    position: absolute;
    left: 0;
    padding-left: 5px; }

  /* line 1683, importTop.scss */
  input#searchButton {
    width: 37px;
    height: 37px;
    position: absolute;
    right: 0;
    top: 2px;
    vertical-align: middle; } }
@media only screen and (max-width: 767px) and (min-width: 0\0) and (min-resolution: 72dpi) {
  /* line 1692, importTop.scss */
  div#sub_search_area div#searchBox input#searchInput {
    padding: 8px 2px 8px 5px;
    line-height: 1.2; }

  /* line 1696, importTop.scss */
  input#searchButton {
    top: -1px; } }
@media only screen and (max-width: 767px) {
  /* MV Slider */
  /* line 1701, importTop.scss */
  #mainVisual_area {
    display: none; }

  /* line 1704, importTop.scss */
  #sp_mainVisual_area {
    display: block;
    overflow: hidden;
    width: 100%;
    background-color: #fff; }
    /* line 1709, importTop.scss */
    #sp_mainVisual_area #mainVisual {
      width: 100%;
      background-color: #fff; }
      /* line 1712, importTop.scss */
      #sp_mainVisual_area #mainVisual div.mainCatch {
        border-bottom: 1px solid #FFF;
        width: 100%; }
        /* line 1715, importTop.scss */
        #sp_mainVisual_area #mainVisual div.mainCatch ul#slideshow {
          height: 100%;
          margin: 0 auto;
          background-color: #FFF;
          display: block; }
        /* line 1721, importTop.scss */
        #sp_mainVisual_area #mainVisual div.mainCatch img {
          left: 50%;
          position: static;
          margin-left: 0;
          height: auto;
          width: 100%; }
      /* line 1729, importTop.scss */
      #sp_mainVisual_area #mainVisual .flexslider {
        margin: 0 0 39px;
        position: relative;
        zoom: 1;
        padding: 0; }
        /* line 1734, importTop.scss */
        #sp_mainVisual_area #mainVisual .flexslider .slides {
          zoom: 1;
          padding: 0;
          list-style: none; }
        /* line 1740, importTop.scss */
        #sp_mainVisual_area #mainVisual .flexslider:hover .flex-prev, #sp_mainVisual_area #mainVisual .flexslider:hover .flex-next {
          opacity: 0.7; }
          /* line 1742, importTop.scss */
          #sp_mainVisual_area #mainVisual .flexslider:hover .flex-prev:hover, #sp_mainVisual_area #mainVisual .flexslider:hover .flex-next:hover {
            opacity: 1; }
      /* line 1749, importTop.scss */
      #sp_mainVisual_area #mainVisual ul#slideshow li {
        height: 0;
        padding-top: 54.6875%; }
      /* line 1753, importTop.scss */
      #sp_mainVisual_area #mainVisual ul#slideshow li > * {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%; }
      /* line 1763, importTop.scss */
      #sp_mainVisual_area #mainVisual a.pamph16 {
        position: absolute;
        left: 50%;
        bottom: 75px;
        margin-left: 333px;
        width: 166px;
        height: 18px; }
      /* line 1772, importTop.scss */
      #sp_mainVisual_area #mainVisual .flex-control-nav {
        margin: 0 0 -59%;
        padding: 55%;
        list-style: none;
        position: relative;
        left: -55%;
        text-align: center;
        width: 100% !important; }
        /* line 1780, importTop.scss */
        #sp_mainVisual_area #mainVisual .flex-control-nav li {
          margin: 0 3px;
          display: inline-block;
          zoom: 1; }
          /* line 1784, importTop.scss */
          #sp_mainVisual_area #mainVisual .flex-control-nav li a {
            display: block;
            height: 5px;
            width: 18px;
            background: #999;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            background: url(../images/banner/main/point_out.png);
            font-size: 0px;
            cursor: pointer; }
      /* line 1801, importTop.scss */
      #sp_mainVisual_area #mainVisual .flex-control-paging li a.flex-active {
        display: block;
        height: 5px;
        width: 18px;
        background: #C44A4E;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        background: url(../images/banner/main/point_in.png);
        font-size: 0px;
        cursor: pointer; }
      /* line 1816, importTop.scss */
      #sp_mainVisual_area #mainVisual .flex-direction-nav {
        position: absolute;
        left: 490px;
        margin: 0 0 0 -490px;
        bottom: 45%;
        width: 100%;
        z-index: 2;
        padding: 0;
        list-style: none; }
        /* line 1825, importTop.scss */
        #sp_mainVisual_area #mainVisual .flex-direction-nav a {
          display: block;
          width: 19px;
          height: 26px;
          margin: -29px 0 0;
          position: absolute;
          top: 50%;
          z-index: 10;
          overflow: hidden;
          cursor: pointer;
          transition: all .3s ease; }
          /* line 1836, importTop.scss */
          #sp_mainVisual_area #mainVisual .flex-direction-nav a.flex-prev {
            left: 0;
            background: url(../images/banner/main/arrow_sp.png) no-repeat 0 0;
            text-indent: -999em;
            overflow: hidden;
            opacity: 0.5; }
          /* line 1843, importTop.scss */
          #sp_mainVisual_area #mainVisual .flex-direction-nav a.flex-next {
            right: 0;
            background: url(../images/banner/main/arrow_sp.png) no-repeat -20px 0;
            text-indent: -999em;
            overflow: hidden;
            opacity: 0.5; }

  /*footer fixed navigation*/
  /* line 1855, importTop.scss */
  .footer_nav {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 49; }
    /* line 1860, importTop.scss */
    .footer_nav ul {
      width: 100%;
      height: 45px;
      overflow: hidden;
      background-color: #FFF;
      box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.4);
      display: inline-flex; }
      /* line 1867, importTop.scss */
      .footer_nav ul li {
        width: 25%;
        height: 100%;
        text-align: center;
        border-left: 2px solid #3E8896; }
        /* line 1872, importTop.scss */
        .footer_nav ul li:first-child {
          border: none; }
        /* line 1875, importTop.scss */
        .footer_nav ul li a {
          display: block;
          width: 100%;
          height: 100%; }
          /* line 1879, importTop.scss */
          .footer_nav ul li a img {
            height: 25px;
            width: auto;
            padding: 10px 0; }
        /* line 1885, importTop.scss */
        .footer_nav ul li:last-child {
          background-color: #3e8896;
          height: auto; }
          /* line 1888, importTop.scss */
          .footer_nav ul li:last-child a {
            padding-top: 12px;
            color: #fff;
            text-decoration: none;
            font-size: 14px; } }
@media only screen and (max-width: 767px) and (min-width: 0\0) and (min-resolution: 72dpi) {
  /* line 1899, importTop.scss */
  .footer_nav {
    bottom: -5px; }
    /* line 1901, importTop.scss */
    .footer_nav ul li {
      float: left;
      width: 25%; } }
@media only screen and (max-width: 767px) {
  /* line 1907, importTop.scss */
  #goTop {
    position: fixed;
    bottom: 55px;
    right: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    display: none; }
    /* line 1914, importTop.scss */
    #goTop a {
      color: #000;
      background: #fff;
      text-align: center;
      border-radius: 50%;
      outline: none;
      width: 40px;
      height: 40px;
      opacity: 0.8;
      box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);
      position: relative;
      display: inline-block;
      padding: 3px;
      vertical-align: middle;
      text-decoration: none;
      font-size: 18px;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      tap-highlight-color: rgba(0, 0, 0, 0); }

  /* line 1934, importTop.scss */
  #goTop a:before,
  #goTop a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle; }

  /* line 1944, importTop.scss */
  #goTop a:before {
    left: 13px;
    width: 20px;
    height: 3px;
    background: #666;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }

  /* line 1952, importTop.scss */
  #goTop a:after {
    left: 14px;
    top: 3px;
    width: 15px;
    height: 15px;
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); } }
@media only screen and (max-width: 750px) {
  /* line 1968, importTop.scss */
  div#content_area div#content div#topic_banner ul li {
    width: 31.3%;
    max-width: none;
    float: left; }
    /* line 1973, importTop.scss */
    div#content_area div#content div#topic_banner ul li a img {
      max-width: none;
      max-height: none; }
    /* line 1977, importTop.scss */
    div#content_area div#content div#topic_banner ul li a span {
      margin: 0 auto;
      display: block;
      margin: 0 auto; } }
@media only screen and (max-width: 750px) and (min-width: 0\0) and (min-resolution: 72dpi) {
  /* line 1989, importTop.scss */
  .footer_nav {
    bottom: -5px; }
    /* line 1991, importTop.scss */
    .footer_nav ul li {
      width: 25%; } }
@media only screen and (max-width: 565px) {
  /* line 2000, importTop.scss */
  div#sub_navigation_area div#sub_navigation div div ul li {
    font-size: 14px; }
  /* line 2005, importTop.scss */
  div#sub_navigation_area p.saiyou_button img {
    width: 195px; }

  /* line 2014, importTop.scss */
  div#content_area div#content div#topic_banner ul li {
    width: 48%;
    max-width: none;
    padding-right: 2%; }
    /* line 2019, importTop.scss */
    div#content_area div#content div#topic_banner ul li a span {
      height: 6.0em; }
    /* line 2023, importTop.scss */
    div#content_area div#content div#topic_banner ul li:nth-child(even) {
      padding: 0 0 20px; }
    /* line 2026, importTop.scss */
    div#content_area div#content div#topic_banner ul li:nth-child(2n) {
      padding: 0; }

  /* line 2035, importTop.scss */
  div#footer .sns {
    width: 270px; }
    /* line 2037, importTop.scss */
    div#footer .sns ul.icon {
      width: 80%; }
      /* line 2039, importTop.scss */
      div#footer .sns ul.icon li {
        width: 51px; }
        /* line 2041, importTop.scss */
        div#footer .sns ul.icon li img {
          width: 40px;
          height: auto; }

  /* line 2049, importTop.scss */
  .footer_nav ul li {
    width: 32%; } }
@media only screen and (max-width: 565px) and (min-width: 0\0) and (min-resolution: 72dpi) {
  /* line 2053, importTop.scss */
  .footer_nav ul li {
    width: 33%; } }
@media only screen and (max-width: 320px) {
  /* line 2059, importTop.scss */
  .footer_nav ul li {
    width: 31%; }
    /* line 2061, importTop.scss */
    .footer_nav ul li:nth-child(2) {
      width: 30%; } }
@media only screen and (max-width: 320px) and (min-width: 0\0) and (min-resolution: 72dpi) {
  /* line 2066, importTop.scss */
  .footer_nav ul li {
    width: 33%; } }
@media only screen and (max-width: 320px) {
  /* chat 
    body#top{
      #konnect-container{
        width:100% !important;
        right:0 !important;
      }
  }*/ }