@charset "UTF-8";
/*62.5%;*/
#content-area .pic-section {
  padding: 0 0 50px;
  border-bottom: 1px solid #4b3c66; }
  #content-area .pic-section .main-visual {
    width: 100%;
    margin: 0 0 44px;
    line-height: 1; }
  #content-area .pic-section .pic-list {
    zoom: 1; }
    #content-area .pic-section .pic-list:after {
      content: ".";
      display: block;
      visibility: hidden;
      height: 0.1px;
      font-size: 0.1em;
      line-height: 0;
      clear: both; }
    #content-area .pic-section .pic-list .item {
      float: left;
      width: 214px;
      margin: 0 47px 0 0;
      line-height: 1; }
      #content-area .pic-section .pic-list .item:last-child {
        margin-right: 0; }
#content-area .info-section {
  padding: 38px 0 0; }
  #content-area .info-section .info-box {
    margin: 0 0 20px;
    line-height: 1.5; }
    #content-area .info-section .info-box:last-child {
      margin-bottom: 0; }
    #content-area .info-section .info-box .title {
      margin: 0 0 5px;
      font-size: 1.8rem; }
      #content-area .info-section .info-box .title .in {
        font-weight: normal; }
    #content-area .info-section .info-box .txt {
      font-size: 1.6rem; }

#main-container {
  /***** BASE *****/
  /***** PROMOTION *****/
  /***** NEWS *****/ }
  #main-container .wrapper {
    width: 100%;
    max-width: none; }
  #main-container .block-box {
    background-color: #e7e7e7; }
    #main-container .block-box:nth-child(odd) {
      /*&:nth-child(even) {*/
      background-color: #faf8f7; }
    #main-container .block-box .box-inner {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto 0;
      padding: 0 0 85px; }
      #main-container .block-box .box-inner .inner-box {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 812px;
        margin: 0 auto 0;
        padding: 0 40px 0; }
        #main-container .block-box .box-inner .inner-box .caption .en {
          color: #575757; }
    #main-container .block-box.narrow .box-inner .box-content {
      padding: 0 28px 0; }
    #main-container .block-box.about-box .box-inner {
      max-width: none;
      padding-bottom: 0; }
    #main-container .block-box.about-box .box-inner .inner-box {
      max-width: none;
      padding: 0; }
      #main-container .block-box.about-box .box-inner .inner-box.concept {
        background-image: url(../img/top/bg_about_concept.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        /*100% auto;*/
        color: #fff;
        font-size: 1.4rem;
        line-height: 1.7; }
        #main-container .block-box.about-box .box-inner .inner-box.concept .inner {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%;
          max-width: 812px;
          margin: 0 auto 0;
          padding: 0 40px 0; }
          #main-container .block-box.about-box .box-inner .inner-box.concept .inner .box-content {
            padding: 0 0 60px; }
            #main-container .block-box.about-box .box-inner .inner-box.concept .inner .box-content p {
              padding: 0 0 1.5em; }
            #main-container .block-box.about-box .box-inner .inner-box.concept .inner .box-content .jp {
              padding-bottom: 2em; }
            #main-container .block-box.about-box .box-inner .inner-box.concept .inner .box-content .en {
              padding-bottom: 2em;
              color: #fff; }
            #main-container .block-box.about-box .box-inner .inner-box.concept .inner .box-content .owner {
              padding-top: 20px;
              text-align: center; }
      #main-container .block-box.about-box .box-inner .inner-box.menu .box-content .inner .jp, #main-container .block-box.about-box .box-inner .inner-box.faq .box-content .inner .jp, #main-container .block-box.about-box .box-inner .inner-box.staff .box-content .inner .jp {
        padding-bottom: 2em; }
      #main-container .block-box.about-box .box-inner .inner-box.menu .box-content .inner .en, #main-container .block-box.about-box .box-inner .inner-box.faq .box-content .inner .en, #main-container .block-box.about-box .box-inner .inner-box.staff .box-content .inner .en {
        padding-bottom: 2em; }
      #main-container .block-box.about-box .box-inner .inner-box.menu .box-map, #main-container .block-box.about-box .box-inner .inner-box.faq .box-map, #main-container .block-box.about-box .box-inner .inner-box.staff .box-map, #main-container .block-box.about-box .box-inner .inner-box.detail .box-map {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        display: table-cell;
        width: 50%;
        vertical-align: middle; }
      #main-container .block-box.about-box .box-inner .inner-box.menu .box-map .ggmap, #main-container .block-box.about-box .box-inner .inner-box.faq .box-map .ggmap, #main-container .block-box.about-box .box-inner .inner-box.staff .box-map .ggmap, #main-container .block-box.about-box .box-inner .inner-box.detail .box-map .ggmap {
        /*padding-bottom: 100%;*/
        /*position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;*/ }
        #main-container .block-box.about-box .box-inner .inner-box.menu .box-map .ggmap iframe, #main-container .block-box.about-box .box-inner .inner-box.faq .box-map .ggmap iframe, #main-container .block-box.about-box .box-inner .inner-box.staff .box-map .ggmap iframe, #main-container .block-box.about-box .box-inner .inner-box.detail .box-map .ggmap iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100% !important;
          height: 100% !important; }
      #main-container .block-box.about-box .box-inner .inner-box.menu .box-content .btn-box, #main-container .block-box.about-box .box-inner .inner-box.faq .box-content .btn-box, #main-container .block-box.about-box .box-inner .inner-box.staff .box-content .btn-box, #main-container .block-box.about-box .box-inner .inner-box.detail .box-content .btn-box {
        padding-top: 40px; }
      #main-container .block-box.about-box .box-inner .inner-box.detail .box-content .inner {
        padding-top: 85px;
        padding-bottom: 85px; }
        #main-container .block-box.about-box .box-inner .inner-box.detail .box-content .inner .in-frame {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box;
          overflow-y: scroll;
          width: 100%;
          max-width: 340px;
          height: 320px;
          margin: 0 auto 0;
          text-align: left; }
          #main-container .block-box.about-box .box-inner .inner-box.detail .box-content .inner .in-frame .en {
            color: #575757; }
          #main-container .block-box.about-box .box-inner .inner-box.detail .box-content .inner .in-frame .detail-list .title {
            font-weight: normal; }
          #main-container .block-box.about-box .box-inner .inner-box.detail .box-content .inner .in-frame .detail-list .txt {
            padding: 0 0 .8em; }
            #main-container .block-box.about-box .box-inner .inner-box.detail .box-content .inner .in-frame .detail-list .txt .domain:before {
              content: "@"; }
      #main-container .block-box.about-box .box-inner .inner-box.recruit {
        padding: 64px 10px 88px; }
        #main-container .block-box.about-box .box-inner .inner-box.recruit .inner {
          width: 100%;
          max-width: 980px;
          margin: 0 auto 0; }
          #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            border: solid 1px #d2d2d2;
            display: table;
            width: 100%;
            height: 100%;
            padding: 15px;
            text-align: left; }
            #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title, #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .txt {
              display: table-cell;
              vertical-align: middle; }
            #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title {
              width: 132px;
              height: 100%;
              color: #fff;
              font-size: 1.4rem; }
              #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                /*font-size: 15px;*/
                padding: 0 24px 0 0;
                display: table;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -o-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
                height: 100%;
                padding: 8px 0 7px 10px;
                background-color: #948f8e;
                vertical-align: middle; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:before, #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:after {
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  margin: auto;
                  content: "";
                  vertical-align: middle; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:before {
                  right: 0; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:after {
                  right: 0;
                  border-top: 2px solid #000;
                  border-right: 2px solid #000; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:before {
                  width: 12px;
                  height: 2px; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:after {
                  width: 4px;
                  height: 4px;
                  -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:before {
                  right: 3px;
                  background: #fff; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:after {
                  right: 3px;
                  border-top-color: #fff;
                  border-right-color: #fff; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:before, #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:after {
                  right: 10px; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:hover {
                  text-decoration: none;
                  background-color: #787171; }
                  #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:hover:before, #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a:hover:after {
                    right: 6px; }
                #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title a .in-txt {
                  display: table-cell;
                  vertical-align: middle; }
              #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .title .en {
                display: block;
                color: #fff;
                font-size: 1.2rem; }
            #main-container .block-box.about-box .box-inner .inner-box.recruit .inner .recruit-box .txt {
              padding: 3px 15px 3px;
              font-size: 1.4rem; }
    #main-container .block-box .box-title {
      padding: 0 0 25px;
      color: #787171;
      font-size: 2.0rem;
      text-align: center; }
  #main-container .btn-box a, #main-container .btn-box input, #main-container .btn-box button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 196px;
    margin: 0 auto 0;
    padding: 20px 10px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: solid 2px #798f40;
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: center; }
    #main-container .btn-box a:hover, #main-container .btn-box input:hover, #main-container .btn-box button:hover {
      background-color: #798f40;
      color: #fff;
      text-decoration: none; }
  #main-container .news-list {
    /*@include clearfix;*/
    width: 100%;
    padding-bottom: 60px;
    font-size: 0;
    text-align: center; }
    #main-container .news-list .item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      /*float: left;*/
      display: inline-block;
      width: 31%;
      margin: 0 3.5% 0 0;
      text-align: left;
      vertical-align: top; }
      #main-container .news-list .item:last-child {
        margin-right: 0; }
  #main-container .post-article {
    padding: 0 0 0; }
    #main-container .post-article .p-title {
      padding-bottom: 0;
      font-size: 1.6rem; }
      #main-container .post-article .p-title a:hover {
        color: #575757;
        text-decoration: underline; }

/*----------------------------------------------------------------------------
XX：for webkit
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
XX：for other devices
----------------------------------------------------------------------------*/