/*
Theme Name: ambition
Theme URL: 
Description: 
Author: WIRED GROUP HOLDINGS
Version:
*/

/* 以下はすべて元のスタイルシートをコピーする */
/*---------------------------------------------------------*/
/* General */ 
/*---------------------------------------------------------*/

/* CSS Document */
@font-face {
  font-family: "Helvetica-bold";
  src: url("font/Helvetica-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal; }
/* Fonts
------------------------------------------------------------*/
html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px; }

body {
  font-size: 14px;
  width: 100%;
  background-color: #FFF;
  height: 100%;
  position: relative;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  color: #000; }
  body a {
    text-decoration: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    color: #000; }
    body a:hover {
      text-decoration: underline; }
  body img {
    max-width: 100%;
    height: auto; }
  body a img {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    body a img:hover {
      opacity: 0.7; }
  body .wrap {
    width: 960px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

/* font-family: "Helvetica-bold"; */
/* header
------------------------------------------------------------*/
.contact-btn {
  font-size: 15px;
  font-size: 1.0714285714rem;
  text-align: center;
  background-color: #fff100;
  line-height: 0; }
  .contact-btn a {
    line-height: 1.2;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 30px 20px;
    text-align: center;
    background-color: #fff100;
    font-weight: bold;
    color: #002657; }
    .contact-btn a span {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      position: relative;
      padding-right: 25px; }
      .contact-btn a span:after {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        position: absolute;
        display: block;
        content: '';
        width: 15px;
        height: 15px;
        background: url(../img/arrow-r.png) no-repeat left top;
        right: 0;
        top: 50%;
        margin-top: -7.8px; }
    .contact-btn a:hover span:after {
      right: -5px; }

header {
  position: relative;
  z-index: 3;
  line-height: 1.2; }
  header .h-top {
    background-color: #194284; }
    header .h-top .h-inner {
      width: 960px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
      header .h-top .h-inner:after {
        clear: both;
        display: block;
        content: ''; }
      header .h-top .h-inner .logo {
        float: left;
        padding-top: 0px;
        line-height: 0; }
      header .h-top .h-inner .h-right {
        float: right;
        width: 468px; }
        header .h-top .h-inner .h-right p {
          display: -moz-inline-box;
          display: inline-block;
          *display: inline;
          *zoom: 1;
          vertical-align: middle; }
        header .h-top .h-inner .h-right .link-area {
          display: -moz-inline-box;
          display: inline-block;
          *display: inline;
          *zoom: 1;
          letter-spacing: -0.3em; }
          header .h-top .h-inner .h-right .link-area li {
            letter-spacing: normal;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            *zoom: 1; }
            header .h-top .h-inner .h-right .link-area li:first-child a {
              padding-left: 0; }
            header .h-top .h-inner .h-right .link-area li:last-child a {
              border-right: none; }
            header .h-top .h-inner .h-right .link-area li a {
              color: #FFF;
              padding: 0 10px;
              border-right: solid 1px #FFF;
              font-size: 13px;
              font-size: 0.9285714286rem; }
        header .h-top .h-inner .h-right .tel {
          margin-right: 20px; }
  header #sp-menu {
    display: none; }
  header .nav-area {
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 22px; }
    header .nav-area .n-inner {
      width: 960px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    header .nav-area nav ul li {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-right: 55px; }
      header .nav-area nav ul li:last-child {
        margin-right: 0; }
      header .nav-area nav ul li.active a {
        color: #194284; }
        header .nav-area nav ul li.active a:after {
          -ms-filter: "alpha( opacity=$number*100 )";
          filter: alpha(opacity=100);
          opacity: 1; }
      header .nav-area nav ul li a {
        font-family: "Helvetica-bold";
        font-size: 18px;
        font-size: 1.2857142857rem;
        text-align: center;
        padding-bottom: 20px;
        position: relative;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1; }
        header .nav-area nav ul li a:after {
          -ms-filter: "alpha( opacity=$number*100 )";
          filter: alpha(opacity=0);
          opacity: 0;
          position: absolute;
          display: block;
          content: '';
          width: 100%;
          height: 3px;
          background: #194284;
          left: 0;
          bottom: 0px; }
        header .nav-area nav ul li a span {
          font-size: 10px;
          font-size: 0.7142857143rem;
          line-height: 1;
          display: block; }
        header .nav-area nav ul li a:hover {
          color: #194284;
          text-decoration: none; }
          header .nav-area nav ul li a:hover:after {
            -ms-filter: "alpha( opacity=$number*100 )";
            filter: alpha(opacity=100);
            opacity: 1; }
    header .nav-area .contact-btn {
      display: none; }

/* footer
------------------------------------------------------------*/
footer .f-top {
  background-color: #194284; }
  footer .f-top:after {
    clear: both;
    display: block;
    content: ''; }
  footer .f-top .f-nav {
    float: left;
    width: 460px;
    font-size: 14px;
    font-size: 1rem; }
    footer .f-top .f-nav li {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-right: 33px;
      padding: 28px 0; }
      footer .f-top .f-nav li:last-child {
        margin-left: 0; }
      footer .f-top .f-nav li a {
        color: #FFF; }
  footer .f-top .f-right {
    float: right;
    width: 430px; }
    footer .f-top .f-right:after {
      clear: both;
      display: block;
      content: ''; }
    footer .f-top .f-right .tel {
      float: left;
      padding-top: 20px; }
    footer .f-top .f-right .contact-btn {
      float: right; }
footer .f-bottom ul {
  text-align: right;
  width: 960px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 34px 0; }
  footer .f-bottom ul li {
    line-height: 1.2;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 12px;
    font-size: 0.8571428571rem;
    padding: 0 15px;
    border-right: 1px solid #333; }
    footer .f-bottom ul li:first-child {
      padding-left: 0; }
    footer .f-bottom ul li:last-child {
      padding-right: 0;
      border-right: 0; }
    footer .f-bottom ul li a {
      color: #333; }

/* container common
------------------------------------------------------------*/
#container .title-area_f {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: solid 3px #194284;
  padding: 0 11px;
  margin-bottom: 20px;
  text-align: center; }
  #container .title-area_f.next {
    margin-bottom: 30px; }
    #container .title-area_f.next.service .t-inner .title {
      text-align: center;
      font-size: 20px;
      font-size: 1.4285714286rem;
      font-weight: bold;
      color: #202020; }
    #container .title-area_f.next .t-inner {
      padding: 0 12px; }
      #container .title-area_f.next .t-inner .title {
        font-size: 26px;
        font-size: 1.8571428571rem; }
  #container .title-area_f .t-inner {
    padding: 0 42px;
    position: relative; }
    #container .title-area_f .t-inner:after {
      position: absolute;
      display: block;
      content: '';
      width: 100%;
      height: 3px;
      background-color: #FFF;
      right: 0;
      top: -3px; }
    #container .title-area_f .t-inner:before {
      position: absolute;
      display: block;
      content: '';
      width: 100%;
      height: 3px;
      background-color: #FFF;
      right: 0;
      bottom: -3px; }
  #container .title-area_f .p1 {
    font-size: 20px;
    font-size: 1.4285714286rem;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-bottom: solid 3px #fff100;
    font-weight: bold;
    line-height: 1.2; }
  #container .title-area_f .title {
    font-size: 36px;
    font-size: 2.5714285714rem;
    font-weight: bold;
    color: #194284; }
    #container .title-area_f .title span {
      font-family: "Helvetica-bold"; }
  #container .title-area_f .sub {
    font-size: 15px;
    font-size: 1.0714285714rem;
    color: #194284;
    text-align: center; }
#container .title_f {
  font-size: 24px;
  font-size: 1.7142857143rem;
  font-weight: bold;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 35px;
  text-align: center; }
  #container .title_f:after {
    position: absolute;
    display: block;
    content: '';
    width: 120px;
    height: 3px;
    left: 50%;
    margin-left: -60px;
    background-color: #194284;
    bottom: 0; }
#container .title_f2 {
  font-size: 36px;
  font-size: 2.5714285714rem;
  line-height: 1.2;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  color: #FFF;
  border-bottom: solid 3px #fff100;
  padding-bottom: 8px; }
  #container .title_f2.ver2 {
    font-size: 28px;
    font-size: 2rem;
    font-weight: normal;
    font-family: "Helvetica-bold";
    font-weight: bold; }
  #container .title_f2 span {
    font-size: 15px;
    font-size: 1.0714285714rem;
    line-height: 1.2;
    display: block;
    font-weight: normal; }
#container .title_f3 {
  text-align: left;
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: #194284;
  padding-bottom: 10px; }
#container .textarea_f {
  color: #333;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.8;
  text-align: left; }
  #container .textarea_f ul {
    padding: 10px 0 0 17px; }
    #container .textarea_f ul li {
      list-style-type: circle;
      line-height: 1.5; }
#container section {
  padding: 35px 0 45px;
  text-align: center; }
  #container section p {
    text-align: left; }
#container .wrap2 {
  width: 850px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
#container .phase {
  padding-bottom: 55px; }
#container .phase2 {
  padding-bottom: 30px; }
#container .news-list {
  text-align: left;
  border-top: solid 1px #ececec;
  padding-bottom: 15px; }
  #container .news-list li {
    border-bottom: solid 1px #ececec;
    padding: 15px 0; }
    #container .news-list li p {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-right: 18px; }
    #container .news-list li .tag a {
      color: #FFF;
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      width: 114px;
      line-height: 1.2;
      padding: 6px 0;
      text-align: center;
      text-decoration: none;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #container .news-list li .tag a:hover {
        -ms-filter: "alpha( opacity=$number*100 )";
        filter: alpha(opacity=70);
        opacity: 0.7; }
    #container .news-list li .tag.news a {
      background-color: #aaa; }
    #container .news-list li .tag.seminar a {
      background-color: #6bb90e; }
    #container .news-list li .tag.column a {
      background-color: #FFB600; }
    #container .news-list li .tag.qa a {
      background-color: #194284; }
    #container .news-list li .day {
      color: #aaa; }
#container .link {
  text-align: right; }
  #container .link a {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #002657;
    position: relative;
    padding-right: 26px; }
    #container .link a:after {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      position: absolute;
      display: block;
      content: '';
      width: 15px;
      height: 15px;
      background: url(../img/arrow-r.png) no-repeat left center;
      right: 0;
      top: 50%;
      margin-top: -7.5px; }
    #container .link a:hover:after {
      right: -5px; }

/* container top
------------------------------------------------------------*/
#container.top #mainimg {
  overflow-y: hidden;
  position: relative;
  width: 100%;
  height: 556px;
  z-index: 2;
  margin-top: -73px; }
  #container.top #mainimg .catch {
    z-index: 4;
    position: absolute;
    top: 207px;
    color: #FFF;
    left: 50%;
    margin-left: -470px; }
  #container.top #mainimg .m-inner {
    width: 100%;
    height: 600px;
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 0;
    background: url(../img/mainimg.jpg) no-repeat center top;
    background-size: cover; }
#container.top #service {
  margin-bottom: 0;
  padding-bottom: 0; }
  #container.top #service ul {
    width: 100%; }
    #container.top #service ul:after {
      clear: both;
      display: block;
      content: ''; }
    #container.top #service ul li {
      display: block;
      float: left;
      font-size: 18px;
      font-size: 1.2857142857rem;
      font-weight: bold;
      width: 33%;
      padding-bottom: 1px;
      height: 230px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
      border-right: 1px solid #FFF;
      border-bottom: 1px solid #FFF;
      /* &.active{
      	.bg-inner{
      		@include scale(1.05,center,center);
      	}
      } */ }
      #container.top #service ul li:nth-child(3n+2) {
        width: 34%; }
      #container.top #service ul li:nth-child(3n) {
        border-right: none; }
      #container.top #service ul li a:hover .bg-inner {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center; }
        #container.top #service ul li a:hover .bg-inner:after {
          opacity: 1; }
      #container.top #service ul li .text {
        font-weight: normal;
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        margin-top: -30px;
        margin-left: -170px;
        width: 340px;
        border: solid 1px #FFF;
        color: #FFF;
        padding: 18px 0;
        line-height: 1.2;
        text-align: center; }
      @media screen and (max-width: 1100px) {
        #container.top #service ul li .text {
          width: 300px;
          margin-left: -150px; } }
      #container.top #service ul li .bg-inner {
        background-position: center center;
        background-repeat: no-repeat;
        height: 230px;
        width: 100%;
        background-size: cover;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
        position: relative; }
        #container.top #service ul li .bg-inner:after {
          -webkit-transition: all 0.8s;
          -moz-transition: all 0.8s;
          -ms-transition: all 0.8s;
          -o-transition: all 0.8s;
          transition: all 0.8s;
          content: '';
          display: block;
          z-index: 99;
          position: absolute;
          height: 230px;
          width: 100%;
          background-color: rgba(0, 0, 0, 0.3);
          opacity: 0; }
      #container.top #service ul li.bg1 .bg-inner {
        background-image: url(../img/bg-service1.jpg); }
      #container.top #service ul li.bg2 .bg-inner {
        background-image: url(../img/bg-service2.jpg); }
      #container.top #service ul li.bg3 .bg-inner {
        background-image: url(../img/bg-service3.jpg); }
      #container.top #service ul li.bg4 .bg-inner {
        background-image: url(../img/bg-service4.jpg); }
      #container.top #service ul li.bg5 .bg-inner {
        background-image: url(../img/bg-service5.jpg); }
      #container.top #service ul li.bg6 .bg-inner {
        background-image: url(../img/bg-service6.jpg); }
#container.top #news {
  width: 800px;
  margin: 0 auto; }

/* container next common
------------------------------------------------------------*/
#container.next {
  margin-top: -73px; }
  #container.next #next-mainimg {
    background: url(../img/next/bg-nextmainimg.jpg) no-repeat center center;
    background-size: cover;
    padding: 135px 0 60px;
    text-align: center; }
  #container.next section {
    width: 960px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  #container.next .top-text {
    width: 750px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    color: #333;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.8;
    padding-bottom: 55px; }
    #container.next .top-text.center p {
      text-align: center; }
    #container.next .top-text .yellow {
      color: #fff100; }

/* container next
------------------------------------------------------------*/
#container.next {
  /* padding & margin */
  /*btn--------*/
  /* table --------*/
  /* form --------*/ }
  #container.next #company .rinen {
    padding-bottom: 60px;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #333;
    width: 850px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    text-align: left; }
    #container.next #company .rinen .name {
      text-align: right; }
  #container.next #company .column2 .name {
    text-align: left;
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-weight: bold; }
  #container.next #company .column2:after {
    clear: both;
    display: block;
    content: ''; }
  #container.next #company .column2 .company-details {
    float: left;
    width: 450px;
    position: relative; }
    #container.next #company .column2 .company-details .bg-title {
      position: absolute;
      top: 0;
      left: -60px; }
    #container.next #company .column2 .company-details .title {
      font-size: 24px;
      font-size: 1.7142857143rem;
      font-weight: bold;
      padding: 40px 0 30px;
      text-align: left; }
  #container.next #company .column2 .map {
    float: right;
    width: 440px; }
    #container.next #company .column2 .map .gmap {
      position: relative;
      padding-bottom: 60%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }
    #container.next #company .column2 .map .gmap iframe,
    #container.next #company .column2 .map .gmap object,
    #container.next #company .column2 .map .gmap embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #container.next #kakei .big-img {
    padding-bottom: 57px; }
  #container.next #kakei .calling-text {
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-weight: bold;
    text-align: center; }
    #container.next #kakei .calling-text p {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      position: relative; }
      #container.next #kakei .calling-text p:before {
        position: absolute;
        display: block;
        content: '';
        width: 37px;
        height: 31px;
        top: -5px;
        left: -54px;
        background: url(../img/next/bg-colling.png) no-repeat right bottom; }
      #container.next #kakei .calling-text p:after {
        position: absolute;
        display: block;
        content: '';
        width: 45px;
        height: 38px;
        bottom: -10px;
        right: -57px;
        background: url(../img/next/bg-colling2.png) no-repeat left top; }
      #container.next #kakei .calling-text p span {
        color: #194284;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        position: relative;
        z-index: 2; }
        #container.next #kakei .calling-text p span:after {
          position: absolute;
          display: block;
          content: '';
          width: 100%;
          height: 12px;
          left: 0;
          background-color: #fff100;
          bottom: 0;
          z-index: -1; }
  #container.next #contact-area {
    padding: 65px 0 70px;
    background: url(../img/next/bg-contact.jpg) no-repeat center center;
    background-size: cover;
    text-align: center; }
    #container.next #contact-area .p1 {
      font-size: 24px;
      font-size: 1.7142857143rem;
      font-weight: bold;
      color: #FFF;
      padding: 35px 0 20px; }
  #container.next #service .service-list li {
    position: relative;
    padding-bottom: 60px; }
    #container.next #service .service-list li:after {
      clear: both;
      display: block;
      content: ''; }
    #container.next #service .service-list li.text-left .text-area {
      float: right; }
    #container.next #service .service-list li.text-left .img-area {
      left: 0;
      right: auto; }
    #container.next #service .service-list li .text-area {
      float: left;
      width: 610px;
      font-size: 16px;
      font-size: 1.1428571429rem;
      color: #333;
      position: relative;
      text-align: left;
      z-index: 2; }
      #container.next #service .service-list li .text-area .no {
        position: absolute;
        left: -30px;
        top: 10px; }
      #container.next #service .service-list li .text-area .title {
        font-size: 24px;
        font-size: 1.7142857143rem;
        font-weight: bold;
        padding: 65px 0 10px; }
      #container.next #service .service-list li .text-area .text {
        line-height: 1.8;
        min-height: 140px; }
    #container.next #service .service-list li .img-area {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 1; }
  #container.next #contact .form-area {
    width: 850px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  #container.next #contact .radio li {
    padding-bottom: 13px;
    vertical-align: bottom; }
    #container.next #contact .radio li .iradio_flat-blue {
      margin-right: 10px; }
  #container.next #contact .confirm-text {
    min-height: 48px; }
  #container.next #contact .bottom-text {
    text-align: right;
    padding-top: 40px; }
  #container.next #news .post-box h2 {
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-weight: bold;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 35px;
    text-align: center; }
    #container.next #news .post-box h2:after {
      position: absolute;
      display: block;
      content: '';
      width: 120px;
      height: 3px;
      left: 50%;
      margin-left: -60px;
      background-color: #194284;
      bottom: 0; }
  #container.next #news .post-box h3 {
    text-align: left;
    font-size: 20px;
    font-size: 1.4285714286rem;
    color: #194284;
    padding-bottom: 10px; }
  #container.next #news .post-box p {
    padding-bottom: 35px;
    line-height: 1.8;
    font-size: 16px;
    font-size: 1.1428571429rem; }
  #container.next #news .wp-pagenavi {
    padding: 25px 0;
    text-align: center;
    letter-spacing: -.4em;
    line-height: 1;
    color: #202020;
    font-size: 13px;
    font-weight: bold; }
    #container.next #news .wp-pagenavi span {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      vertical-align: top;
      letter-spacing: normal;
      line-height: 35px;
      width: 35px;
      border: 1px solid transparent;
      margin: 0 4px; }
      #container.next #news .wp-pagenavi span.extend {
        width: auto; }
    #container.next #news .wp-pagenavi span.current {
      background-color: #194284;
      color: #FFF; }
    #container.next #news .wp-pagenavi a {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      vertical-align: top;
      letter-spacing: normal;
      line-height: 35px;
      width: 35px;
      margin: 0 4px;
      background-color: #F0F0F0;
      color: #202020;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #container.next #news .wp-pagenavi a:hover {
        text-decoration: none;
        background-color: #194284;
        color: #FFF; }
      #container.next #news .wp-pagenavi a.dot {
        background: none; }
  #container.next #sitemap {
    text-align: left; }
    #container.next #sitemap ul {
      padding-left: 20px;
      text-align: center; }
      #container.next #sitemap ul li {
        vertical-align: top;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        color: #194284;
        width: 100%;
        margin-bottom: 20px; }
        #container.next #sitemap ul li a {
          text-align: left;
          font-size: 18px;
          font-size: 1.2857142857rem;
          color: #194284;
          list-style-type: disc;
          display: list-item;
          padding-bottom: 10px; }
        #container.next #sitemap ul li ul {
          padding-left: 0px;
          padding-bottom: 10px;
          display: block; }
          #container.next #sitemap ul li ul li {
            margin-bottom: 0px;
            display: block; }
            #container.next #sitemap ul li ul li a {
              font-weight: normal;
              font-size: 16px;
              font-size: 1.1428571429rem;
              color: #194284;
              display: block;
              padding-left: 25px;
              padding-bottom: 0px;
              background: url(../img/arrow-r.png) no-repeat left center;
              -webkit-transition: all 0.3s;
              -moz-transition: all 0.3s;
              -ms-transition: all 0.3s;
              -o-transition: all 0.3s;
              transition: all 0.3s; }
              #container.next #sitemap ul li ul li a:hover {
                background-position: 5px center; }
  #container.next #link {
    text-align: left; }
    #container.next #link ul {
      padding-left: 20px;
      text-align: left; }
      #container.next #link ul li {
        vertical-align: top;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        color: #194284;
        width: 100%;
        margin-bottom: 20px; }
        #container.next #link ul li a {
          font-weight: normal;
          font-size: 18px;
          font-size: 1.2857142857rem;
          color: #194284;
          display: block;
          padding-left: 25px;
          padding-bottom: 0px;
          background: url(../img/arrow-r.png) no-repeat left center;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          #container.next #link ul li a:hover {
            background-position: 5px center; }
  #container.next .pd {
    padding: 40px; }
  #container.next .pt {
    padding-top: 40px; }
  #container.next .pb {
    padding-bottom: 40px; }
  #container.next .pt15 {
    padding-top: 15px; }
  #container.next .pb15 {
    padding-bottom: 15px; }
  #container.next .mg {
    margin: 40px; }
  #container.next .mt {
    margin-top: 40px; }
  #container.next .mb {
    margin-bottom: 40px; }
  #container.next .nomb {
    margin-bottom: 0 !important; }
  #container.next .nopt {
    padding-top: 0 !important; }
  #container.next .btn, #container.next .submit {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: -0.4em;
    line-height: 1.2; }
    #container.next .btn.service a, #container.next .submit.service a {
      text-align: left;
      padding: 20px;
      background-color: #fff100; }
      #container.next .btn.service a span, #container.next .submit.service a span {
        padding-right: 65px; }
    #container.next .btn.form input, #container.next .submit.form input {
      margin: 0 10px 10px;
      width: 210px;
      background: #fff100 url(../img/arrow-r.png);
      background-position: 165px;
      background-repeat: no-repeat;
      padding-right: 40px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #container.next .btn.form input.back, #container.next .submit.form input.back {
        background-color: rgba(204, 204, 204, 0.8); }
      #container.next .btn.form input:hover, #container.next .submit.form input:hover {
        background-position: 170px; }
    #container.next .btn p, #container.next .submit p {
      padding-bottom: 0; }
    #container.next .btn a, #container.next .btn input, #container.next .submit a, #container.next .submit input {
      min-width: 170px;
      width: auto;
      border: none;
      line-height: 1.2;
      cursor: pointer;
      outline: none;
      letter-spacing: 0.1em;
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      background-color: rgba(255, 241, 0, 0.95);
      color: #002657;
      font-weight: normal;
      padding: 20px 25px 20px 25px;
      line-height: 1.2;
      position: relative;
      font-weight: bold;
      font-size: 15px;
      font-size: 1.0714285714rem;
      text-align: center; }
      #container.next .btn a span, #container.next .btn input span, #container.next .submit a span, #container.next .submit input span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        position: relative;
        padding-right: 30px; }
        #container.next .btn a span:after, #container.next .btn input span:after, #container.next .submit a span:after, #container.next .submit input span:after {
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          position: absolute;
          content: "";
          width: 15px;
          height: 15px;
          right: 0px;
          top: 50%;
          margin-top: -7px;
          display: block;
          background: url(../img/arrow-r.png) no-repeat left center; }
      #container.next .btn a:hover, #container.next .btn input:hover, #container.next .submit a:hover, #container.next .submit input:hover {
        -ms-filter: "alpha( opacity=$number*100 )";
        filter: alpha(opacity=70);
        opacity: 0.7;
        text-decoration: none; }
        #container.next .btn a:hover span:after, #container.next .btn input:hover span:after, #container.next .submit a:hover span:after, #container.next .submit input:hover span:after {
          right: -5px; }
  #container.next table {
    width: 100%;
    text-align: left; }
    #container.next table tr th, #container.next table tr td {
      font-size: 16px;
      font-size: 1.1428571429rem;
      padding-bottom: 30px;
      vertical-align: top; }
    #container.next table tr th {
      font-weight: bold; }
    #container.next table.company tr th {
      width: 130px; }
    #container.next table.form tr th {
      width: 180px; }
      #container.next table.form tr th span {
        color: #fff100; }
  #container.next input[type="text"], #container.next input[type="password"], #container.next input[type="email"], #container.next input[type="tel"], #container.next input[type="number"], #container.next input[type="date"], #container.next input[type="search"] {
    min-width: 200px;
    padding-left: 5px;
    width: 100%;
    -webkit-appearance: none;
    border: 1px solid #ececec;
    background: #FFF;
    height: 48px;
    font-size: 16px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container.next input[type="text"]:focus, #container.next input[type="password"]:focus, #container.next input[type="email"]:focus, #container.next input[type="tel"]:focus, #container.next input[type="number"]:focus, #container.next input[type="date"]:focus, #container.next input[type="search"]:focus {
      background: #FFF;
      border-color: #194284;
      -moz-box-shadow: 0 0 6px 0 #EEE;
      -ms-box-shadow: 0 0 6px 0 #EEE;
      -o-box-shadow: 0 0 6px 0 #EEE;
      -webkit-box-shadow: 0 0 6px 0 #EEE;
      box-shadow: 0 0 6px 0 #EEE; }
    #container.next input[type="text"]:hover, #container.next input[type="password"]:hover, #container.next input[type="email"]:hover, #container.next input[type="tel"]:hover, #container.next input[type="number"]:hover, #container.next input[type="date"]:hover, #container.next input[type="search"]:hover {
      -moz-box-shadow: 0 0 6px 0 #EEE;
      -ms-box-shadow: 0 0 6px 0 #EEE;
      -o-box-shadow: 0 0 6px 0 #EEE;
      -webkit-box-shadow: 0 0 6px 0 #EEE;
      box-shadow: 0 0 6px 0 #EEE; }
    #container.next input[type="text"].small, #container.next input[type="password"].small, #container.next input[type="email"].small, #container.next input[type="tel"].small, #container.next input[type="number"].small, #container.next input[type="date"].small, #container.next input[type="search"].small {
      width: 100px;
      min-width: 100px; }
    #container.next input[type="text"].wpcf7c-conf, #container.next input[type="password"].wpcf7c-conf, #container.next input[type="email"].wpcf7c-conf, #container.next input[type="tel"].wpcf7c-conf, #container.next input[type="number"].wpcf7c-conf, #container.next input[type="date"].wpcf7c-conf, #container.next input[type="search"].wpcf7c-conf {
      background: #FFF;
      border: none; }
  #container.next textarea {
    width: 100%;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 1px solid #ececec;
    background-color: #FFF;
    height: 130px;
    font-size: 16px;
    outline: none;
    resize: vertical;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: auto; }
    #container.next textarea:focus {
      border-color: #194284;
      background: #FFF;
      -moz-box-shadow: 0 0 6px 0 #EEE;
      -ms-box-shadow: 0 0 6px 0 #EEE;
      -o-box-shadow: 0 0 6px 0 #EEE;
      -webkit-box-shadow: 0 0 6px 0 #EEE;
      box-shadow: 0 0 6px 0 #EEE; }
    #container.next textarea:hover {
      -moz-box-shadow: 0 0 6px 0 #EEE;
      -ms-box-shadow: 0 0 6px 0 #EEE;
      -o-box-shadow: 0 0 6px 0 #EEE;
      -webkit-box-shadow: 0 0 6px 0 #EEE;
      box-shadow: 0 0 6px 0 #EEE; }
    #container.next textarea.wpcf7c-conf {
      background: #FFF;
      border: none; }
  @media screen and (max-width: 660px) {
    #container.next .btn, #container.next .submit {
      line-height: 1.2; }
      #container.next .btn.service a, #container.next .submit.service a {
        text-align: center;
        padding: 15px 20px 15px 20px;
        background-color: #fff100; }
        #container.next .btn.service a span, #container.next .submit.service a span {
          padding-right: 20px; }
      #container.next .btn p, #container.next .submit p {
        padding-bottom: 0; }
      #container.next .btn a, #container.next .btn input, #container.next .submit a, #container.next .submit input {
        padding: 15px 10px 15px 10px;
        font-size: 14px;
        font-size: 1rem; }
        #container.next .btn a span, #container.next .btn input span, #container.next .submit a span, #container.next .submit input span {
          padding-right: 20px; }
          #container.next .btn a span:after, #container.next .btn input span:after, #container.next .submit a span:after, #container.next .submit input span:after {
            background: url(../img/arrow-r.png) no-repeat left center; }
        #container.next .btn a:hover, #container.next .btn input:hover, #container.next .submit a:hover, #container.next .submit input:hover {
          -ms-filter: "alpha( opacity=$number*100 )";
          filter: alpha(opacity=70);
          opacity: 0.7;
          text-decoration: none; }
          #container.next .btn a:hover span:after, #container.next .btn input:hover span:after, #container.next .submit a:hover span:after, #container.next .submit input:hover span:after {
            right: -5px; }
    #container.next table tr th, #container.next table tr td {
      font-size: 14px;
      font-size: 1rem;
      padding-bottom: 30px; }
    #container.next table.company {
      width: 100%;
      text-align: left; }
      #container.next table.company tr th {
        width: 100px; }
    #container.next table.form tr th {
      display: block;
      width: 100%;
      padding-bottom: 10px; }
      #container.next table.form tr th span {
        color: #fff100; }
    #container.next table.form tr td {
      padding-bottom: 30px;
      display: block;
      width: 100%; }
    #container.next input[type="text"], #container.next input[type="password"], #container.next input[type="email"], #container.next input[type="tel"], #container.next input[type="number"], #container.next input[type="date"], #container.next input[type="search"] {
      min-width: 200px;
      padding-left: 5px;
      width: 100%;
      -webkit-appearance: none;
      border: 1px solid #ececec;
      background: #FFF;
      height: 38px;
      font-size: 16px;
      outline: none;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      #container.next input[type="text"]:focus, #container.next input[type="password"]:focus, #container.next input[type="email"]:focus, #container.next input[type="tel"]:focus, #container.next input[type="number"]:focus, #container.next input[type="date"]:focus, #container.next input[type="search"]:focus {
        background: #FFF;
        border-color: #194284;
        -moz-box-shadow: 0 0 6px 0 #EEE;
        -ms-box-shadow: 0 0 6px 0 #EEE;
        -o-box-shadow: 0 0 6px 0 #EEE;
        -webkit-box-shadow: 0 0 6px 0 #EEE;
        box-shadow: 0 0 6px 0 #EEE; }
      #container.next input[type="text"]:hover, #container.next input[type="password"]:hover, #container.next input[type="email"]:hover, #container.next input[type="tel"]:hover, #container.next input[type="number"]:hover, #container.next input[type="date"]:hover, #container.next input[type="search"]:hover {
        -moz-box-shadow: 0 0 6px 0 #EEE;
        -ms-box-shadow: 0 0 6px 0 #EEE;
        -o-box-shadow: 0 0 6px 0 #EEE;
        -webkit-box-shadow: 0 0 6px 0 #EEE;
        box-shadow: 0 0 6px 0 #EEE; }
      #container.next input[type="text"].small, #container.next input[type="password"].small, #container.next input[type="email"].small, #container.next input[type="tel"].small, #container.next input[type="number"].small, #container.next input[type="date"].small, #container.next input[type="search"].small {
        width: 100px;
        min-width: 100px; }
      #container.next input[type="text"].wpcf7c-conf, #container.next input[type="password"].wpcf7c-conf, #container.next input[type="email"].wpcf7c-conf, #container.next input[type="tel"].wpcf7c-conf, #container.next input[type="number"].wpcf7c-conf, #container.next input[type="date"].wpcf7c-conf, #container.next input[type="search"].wpcf7c-conf {
        background: #FFF;
        border: none; }
    #container.next textarea {
      width: 100%;
      padding: 5px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-appearance: none;
      border: 1px solid #ececec;
      background-color: #FFF;
      height: 130px;
      font-size: 16px;
      outline: none;
      resize: vertical;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      overflow: auto; }
      #container.next textarea:focus {
        border-color: #194284;
        background: #FFF;
        -moz-box-shadow: 0 0 6px 0 #EEE;
        -ms-box-shadow: 0 0 6px 0 #EEE;
        -o-box-shadow: 0 0 6px 0 #EEE;
        -webkit-box-shadow: 0 0 6px 0 #EEE;
        box-shadow: 0 0 6px 0 #EEE; }
      #container.next textarea:hover {
        -moz-box-shadow: 0 0 6px 0 #EEE;
        -ms-box-shadow: 0 0 6px 0 #EEE;
        -o-box-shadow: 0 0 6px 0 #EEE;
        -webkit-box-shadow: 0 0 6px 0 #EEE;
        box-shadow: 0 0 6px 0 #EEE; }
      #container.next textarea.wpcf7c-conf {
        background: #FFF;
        border: none; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    #container.next .btn.form input, #container.next .submit.form input {
      background: #fff100 url(../img/arrow-r@2x.png);
      background-position: 165px;
      background-repeat: no-repeat,no-repeat;
      background-size: 15px auto; }
      #container.next .btn.form input.back, #container.next .submit.form input.back {
        background-color: rgba(204, 204, 204, 0.8); }
      #container.next .btn.form input:hover, #container.next .submit.form input:hover {
        background-position: 170px; }
    #container.next .btn a span:after, #container.next .submit a span:after {
      background-image: url(../img/arrow-r@2x.png);
      background-size: 15px auto; }
    #container.next .btn input, #container.next .submit input {
      background-image: url(../img/arrow-r@2x.png);
      background-size: 15px auto; } }

/*retina*/
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .contact-btn a span:after {
    background: url(../img/arrow-r@2x.png);
    background-size: 15px auto; }

  #container.top #service ul li .bg-inner {
    background-size: cover; }
  #container.top #service ul li.bg1 .bg-inner {
    background-image: url(../img/bg-service1@2x.jpg); }
  #container.top #service ul li.bg2 .bg-inner {
    background-image: url(../img/bg-service2@2x.jpg); }
  #container.top #service ul li.bg3 .bg-inner {
    background-image: url(../img/bg-service3@2x.jpg); }
  #container.top #service ul li.bg4 .bg-inner {
    background-image: url(../img/bg-service4@2x.jpg); }
  #container.top #service ul li.bg5 .bg-inner {
    background-image: url(../img/bg-service5@2x.jpg); }
  #container.top #service ul li.bg6 .bg-inner {
    background-image: url(../img/bg-service6@2x.jpg); }
  #container.top #news .link a:after {
    background-image: url(../img/arrow-r@2x.png);
    background-size: 15px auto; }

  #container.next #sitemap ul li ul li a {
    background-image: url(../img/arrow-r@2x.png);
    background-size: 15px auto; }
  #container.next #link ul li a {
    background-image: url(../img/arrow-r@2x.png);
    background-size: 15px auto; } }
/*tablet*/
@media screen and (min-width: 661px) and (max-width: 1000px) {
  /* header
  ------------------------------------------------------------*/
  .contact-btn a {
    padding: 20px 15px; }
    .contact-btn a span {
      padding-right: 15px; }

  header .h-top .h-inner .logo {
    padding: 5px 0 0 10px;
    width: 140px; }
  header .h-top .h-inner .h-right {
    width: 243px; }
    header .h-top .h-inner .h-right:after {
      clear: both;
      display: block;
      content: ''; }
    header .h-top .h-inner .h-right p {
      width: 200px;
      display: block; }
    header .h-top .h-inner .h-right .link-area {
      text-align: left;
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      letter-spacing: -0.3em;
      padding: 5px 0; }
      header .h-top .h-inner .h-right .link-area li {
        letter-spacing: normal;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1; }
        header .h-top .h-inner .h-right .link-area li:first-child a {
          padding-left: 0; }
        header .h-top .h-inner .h-right .link-area li:last-child a {
          padding-right: 10px;
          border-right: none; }
        header .h-top .h-inner .h-right .link-area li a {
          color: #FFF;
          padding: 0 10px;
          border-right: solid 1px #FFF;
          font-size: 13px;
          font-size: 0.9285714286rem; }
    header .h-top .h-inner .h-right .tel {
      padding-top: 10px;
      margin-right: 20px;
      float: left;
      width: 160px; }
    header .h-top .h-inner .h-right .contact-btn {
      float: right; }
  header .nav-area {
    padding: 18px 10px 0 10px; }
    header .nav-area nav ul li {
      margin-right: 35px; }
      header .nav-area nav ul li a {
        font-size: 17px;
        font-size: 1.2142857143rem; }
        header .nav-area nav ul li a span {
          font-size: 10px;
          font-size: 0.7142857143rem; }

  /* footer
  ------------------------------------------------------------*/
  footer .f-top .f-nav {
    width: 320px;
    padding-left: 10px; }
    footer .f-top .f-nav li {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-right: 10px;
      padding: 17px 0 0 0;
      font-size: 13px;
      font-size: 0.9285714286rem; }
      footer .f-top .f-nav li:last-child {
        margin-left: 0; }
      footer .f-top .f-nav li a {
        color: #FFF; }
  footer .f-top .f-right {
    width: 360px; }
    footer .f-top .f-right .tel {
      float: left;
      padding-top: 13px;
      width: 160px; }
    footer .f-top .f-right .contact-btn {
      float: right; }
  footer .f-bottom ul {
    padding: 10px 0 10px 0; }
    footer .f-bottom ul li {
      padding: 0 10px; }

  /* container common
  ------------------------------------------------------------*/
  #container .title-area_f {
    padding: 0 7px; }
    #container .title-area_f.next {
      margin-bottom: 25px; }
      #container .title-area_f.next.service .t-inner .title {
        font-size: 18px;
        font-size: 1.2857142857rem; }
      #container .title-area_f.next .t-inner {
        padding: 0 12px; }
        #container .title-area_f.next .t-inner .title {
          font-size: 24px;
          font-size: 1.7142857143rem; }
    #container .title-area_f .t-inner {
      padding: 0 32px; }
    #container .title-area_f .p1 {
      font-size: 18px;
      font-size: 1.2857142857rem; }
    #container .title-area_f .title {
      font-size: 28px;
      font-size: 2rem; }
    #container .title-area_f .sub {
      font-size: 14px;
      font-size: 1rem; }
  #container .title_f {
    font-size: 22px;
    font-size: 1.5714285714rem;
    margin-bottom: 25px; }
    #container .title_f:after {
      position: absolute;
      display: block;
      content: '';
      width: 100px;
      margin-left: -50px; }
  #container .title_f2 {
    font-size: 31px;
    font-size: 2.2142857143rem; }
    #container .title_f2.ver2 {
      font-size: 26px;
      font-size: 1.8571428571rem;
      font-weight: normal; }
    #container .title_f2 span {
      font-size: 14px;
      font-size: 1rem; }
  #container .textarea_f {
    color: #333;
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.5; }
  #container .phase2 {
    padding-bottom: 25px; }
  #container .phase {
    padding-bottom: 45px; }
  #container .news-list li {
    padding: 15px 0; }
    #container .news-list li p {
      margin-right: 13px; }
    #container .news-list li .tag a:hover {
      -ms-filter: "alpha( opacity=$number*100 )";
      filter: alpha(opacity=70);
      opacity: 0.7; }
    #container .news-list li .tag.news a {
      background-color: #aaa; }
    #container .news-list li .tag.seminar a {
      background-color: #6bb90e; }
    #container .news-list li .day {
      color: #aaa; }
    #container .news-list li .text {
      margin-right: 0;
      display: block;
      padding-top: 10px; }

  /* container top
  ------------------------------------------------------------*/
  #container.top #mainimg {
    height: 400px; }
    #container.top #mainimg .catch {
      top: 150px;
      left: 10px;
      margin-left: 0;
      width: 450px; }
    #container.top #mainimg .m-inner {
      height: 500px;
      position: absolute; }
  #container.top #service {
    margin-bottom: 0; }
    #container.top #service ul {
      width: 100%; }
      #container.top #service ul li.active a:after {
        -ms-filter: "alpha( opacity=$number*100 )";
        filter: alpha(opacity=0);
        opacity: 0; }
      #container.top #service ul li .text {
        font-size: 16px;
        font-size: 1.1428571429rem;
        width: 260px;
        margin-left: -130px; } }
    @media screen and (min-width: 661px) and (max-width: 1000px) and (max-width: 900px) {
      #container.top #service ul li {
        width: 50%;
        border-right: none;
        border-bottom: 1px solid #FFF; }
        #container.top #service ul li:nth-child(3n+2) {
          width: 50%;
          border-right: none; }
        #container.top #service ul li:nth-child(3n) {
          border-right: none; }
        #container.top #service ul li:nth-child(2n+1) {
          border-right: 1px solid #FFF; }
        #container.top #service ul li .text {
          font-size: 16px;
          font-size: 1.1428571429rem;
          width: 260px;
          margin-left: -130px; } }
@media screen and (min-width: 661px) and (max-width: 1000px) {
  #container.top #news {
    width: 100%;
    padding: 35px 10px 45px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

  /* container next common
  ------------------------------------------------------------*/
  #container.next #next-mainimg {
    padding: 115px 0 50px; }
  #container.next section {
    width: 960px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  #container.next .top-text {
    line-height: 1.5;
    padding-bottom: 45px; }

  /* container next
  ------------------------------------------------------------*/
  #container.next #company .rinen {
    padding-bottom: 50px;
    font-size: 16px;
    font-size: 1.1428571429rem;
    color: #333;
    width: 100%;
    line-height: 1.5; }
  #container.next #company .column2 .name {
    font-size: 22px;
    font-size: 1.5714285714rem; }
  #container.next #company .column2 .company-details {
    width: 47%; }
    #container.next #company .column2 .company-details .bg-title {
      top: 0;
      left: 0px; }
      #container.next #company .column2 .company-details .bg-title img {
        height: 45px;
        width: auto; }
    #container.next #company .column2 .company-details .title {
      padding: 40px 0 30px; }
  #container.next #company .column2 .map {
    width: 47%; }
  #container.next #kakei .big-img {
    padding-bottom: 47px; }
  #container.next #kakei .calling-text {
    font-size: 22px;
    font-size: 1.5714285714rem; }
    #container.next #kakei .calling-text p:before {
      background-size: 32px auto; }
    #container.next #kakei .calling-text p:after {
      background-size: 32px auto; }
    #container.next #kakei .calling-text p span:after {
      height: 10px; }
  #container.next #contact-area {
    padding: 55px 0 60px; }
    #container.next #contact-area .p1 {
      font-size: 22px;
      font-size: 1.5714285714rem;
      padding: 25px 0 10px; }
  #container.next #service .service-list li {
    padding-bottom: 50px; }
    #container.next #service .service-list li.text-left .text-area {
      float: right; }
    #container.next #service .service-list li.text-left .img-area {
      left: 0;
      right: auto; }
    #container.next #service .service-list li .text-area {
      float: left;
      width: 68%;
      font-size: 16px;
      font-size: 1.1428571429rem;
      color: #333;
      position: relative;
      text-align: left; }
      #container.next #service .service-list li .text-area .no {
        left: 0;
        top: 0; }
        #container.next #service .service-list li .text-area .no img {
          height: 57px;
          width: auto; }
      #container.next #service .service-list li .text-area .title {
        font-size: 21px;
        font-size: 1.5rem;
        font-weight: bold;
        padding: 45px 0 5px; }
      #container.next #service .service-list li .text-area .text {
        line-height: 1.5;
        min-height: 0px;
        padding-bottom: 10px; }
    #container.next #service .service-list li .img-area {
      width: 350px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
  #container.next #news .post-box h2 {
    font-size: 22px;
    font-size: 1.5714285714rem;
    margin-bottom: 25px; }
    #container.next #news .post-box h2:after {
      width: 100px; }
  #container.next #news .post-box h3 {
    font-size: 20px;
    font-size: 1.4285714286rem; }
  #container.next #news .post-box p {
    padding-bottom: 25px;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.1428571429rem; }
  #container.next #sitemap ul li {
    margin-bottom: 15px; }
    #container.next #sitemap ul li a {
      padding-bottom: 5px; }
    #container.next #sitemap ul li ul {
      padding-left: 0px;
      padding-bottom: 5px; }
      #container.next #sitemap ul li ul li {
        margin-bottom: 0px;
        display: block; }
        #container.next #sitemap ul li ul li a:hover {
          background-position: 5px center; }
  #container.next #link {
    text-align: left; }
    #container.next #link ul li {
      margin-bottom: 15px; }
      #container.next #link ul li a {
        padding-bottom: 5px; }
        #container.next #link ul li a:hover {
          background-position: 5px center; } }
/*sp*/
@media screen and (max-width: 660px) {
  /* header
  ------------------------------------------------------------*/
  .contact-btn a {
    padding: 20px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .contact-btn a span {
      padding-right: 25px; }

  header .h-top .h-inner .logo {
    padding: 10px 0 10px 10px;
    width: 140px; }
  header .h-top .h-inner .h-right {
    width: 380px; }
    header .h-top .h-inner .h-right .link-area {
      display: none; }
    header .h-top .h-inner .h-right:after {
      clear: both;
      display: block;
      content: ''; }
    header .h-top .h-inner .h-right p {
      width: 200px;
      display: none; }
    header .h-top .h-inner .h-right .tel {
      display: none; }
    header .h-top .h-inner .h-right .contact-btn {
      float: right; }
  header #sp-menu {
    display: block;
    position: absolute;
    right: 10px;
    top: 13px; }
  header .nav-area {
    padding: 0px 0px;
    display: none; }
    header .nav-area nav {
      background-color: white; }
      header .nav-area nav ul {
        border-top: solid 1px #ececec; }
        header .nav-area nav ul:after {
          clear: both;
          display: block;
          content: ''; }
        header .nav-area nav ul li {
          border-bottom: solid 1px #ececec;
          border-left: solid 1px #ececec;
          text-align: center;
          float: left;
          display: block;
          margin-right: 0;
          width: 50%;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
          header .nav-area nav ul li.active a:after {
            -ms-filter: "alpha( opacity=$number*100 )";
            filter: alpha(opacity=0);
            opacity: 0; }
          header .nav-area nav ul li:nth-child(2n+1) {
            border-left: solid 1px #ececec; }
          header .nav-area nav ul li a {
            padding: 10px 0;
            font-size: 17px;
            font-size: 1.2142857143rem; }
            header .nav-area nav ul li a span {
              font-size: 10px;
              font-size: 0.7142857143rem; }
            header .nav-area nav ul li a:hover:after {
              display: none; }
    header .nav-area .contact-btn {
      display: block; }

  /* footer
  ------------------------------------------------------------*/
  footer .f-top .f-nav {
    width: 100%;
    padding: 10px 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-color: #194284; }
    footer .f-top .f-nav li {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-right: 0px;
      padding: 5px 5px 5px 5px;
      font-size: 13px;
      font-size: 0.9285714286rem; }
      footer .f-top .f-nav li:last-child {
        margin-left: 0; }
      footer .f-top .f-nav li a {
        color: #FFF; }
  footer .f-top .f-right {
    float: inherit;
    width: 100%; }
    footer .f-top .f-right .tel {
      margin: 0 auto;
      display: block;
      float: inherit;
      padding-top: 0px;
      padding-bottom: 20px;
      width: 160px; }
    footer .f-top .f-right .contact-btn {
      float: inherit;
      width: 100%; }
      footer .f-top .f-right .contact-btn a {
        width: 100%; }
  footer .f-bottom ul {
    padding: 10px 0 10px 0;
    text-align: center; }
    footer .f-bottom ul li {
      border-right: none;
      text-align: center;
      padding: 0 5px; }
      footer .f-bottom ul li:last-child {
        padding-top: 10px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }

  /* container common
  ------------------------------------------------------------*/
  #container .title-area_f {
    padding: 0 7px;
    max-width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container .title-area_f.next {
      margin-bottom: 30px; }
      #container .title-area_f.next.service .t-inner .title {
        font-size: 16px;
        font-size: 1.1428571429rem; }
        #container .title-area_f.next.service .t-inner .title br {
          display: none; }
      #container .title-area_f.next .t-inner {
        padding: 0 7px; }
        #container .title-area_f.next .t-inner .title {
          font-size: 20px;
          font-size: 1.4285714286rem; }
    #container .title-area_f .t-inner {
      padding: 0 12px; }
    #container .title-area_f .p1 {
      font-size: 16px;
      font-size: 1.1428571429rem; }
    #container .title-area_f .title {
      line-height: 1.2;
      font-size: 25px;
      font-size: 1.7857142857rem;
      text-align: center; }
    #container .title-area_f .sub {
      font-size: 14px;
      font-size: 1rem; }
  #container .title_f {
    font-size: 20px;
    font-size: 1.4285714286rem;
    margin-bottom: 10px; }
    #container .title_f:after {
      width: 80px;
      margin-left: -40px; }
  #container .title_f2 {
    font-size: 26px;
    font-size: 1.8571428571rem; }
    #container .title_f2.ver2 {
      font-size: 21px;
      font-size: 1.5rem;
      font-weight: normal; }
    #container .title_f2 span {
      font-size: 14px;
      font-size: 1rem; }
  #container .textarea_f {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.5; }
  #container .title_f3 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    padding-bottom: 10px; }
  #container section {
    padding: 35px 0 60px; }
  #container .phase {
    padding-bottom: 35px; }
  #container .phase2 {
    padding-bottom: 25px; }
  #container .news-list li {
    padding: 15px 0; }
    #container .news-list li p {
      margin-right: 13px; }
    #container .news-list li .tag {
      margin-bottom: 5px; }
      #container .news-list li .tag a:hover {
        -ms-filter: "alpha( opacity=$number*100 )";
        filter: alpha(opacity=70);
        opacity: 0.7; }
      #container .news-list li .tag.news a {
        background-color: #aaa; }
      #container .news-list li .tag.seminar a {
        background-color: #6bb90e; }
    #container .news-list li .day {
      display: block;
      padding-bottom: 5px; }
    #container .news-list li .text {
      margin-right: 0;
      display: block;
      padding-top: 0px; }

  /* container top
  ------------------------------------------------------------*/
  #container.top #mainimg {
    height: 300px;
    margin-top: -43px; }
    #container.top #mainimg .catch {
      padding: 0 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      top: 100px;
      left: 0px;
      margin-left: 0;
      width: 100%;
      max-width: 435px; }
    #container.top #mainimg .m-inner {
      height: 400px;
      position: absolute; }
  #container.top #service {
    margin-bottom: 0; }
    #container.top #service ul {
      width: 100%; }
      #container.top #service ul li {
        width: 100%;
        height: 170px;
        border-right: none; }
        #container.top #service ul li:nth-child(3n+2) {
          width: 100%;
          border-right: none; }
        #container.top #service ul li:nth-child(3n+1) {
          width: 100%;
          border-right: none; }
        #container.top #service ul li .text {
          font-size: 16px;
          font-size: 1.1428571429rem;
          width: 80%;
          margin-left: -40%; }
        #container.top #service ul li .bg-inner {
          height: 170px; }
          #container.top #service ul li .bg-inner:after {
            height: 170px;
            -ms-filter: "alpha( opacity=$number*100 )";
            filter: alpha(opacity=30);
            opacity: 0.3; }
  #container.top #news {
    width: 100%;
    padding: 35px 10px 45px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

  /* container next common
  ------------------------------------------------------------*/
  #container.next {
    margin-top: -59px; }
    #container.next #next-mainimg {
      padding: 85px 0 60px; }
    #container.next section {
      width: 960px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 10px;
      padding-right: 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
    #container.next .top-text {
      line-height: 1.5;
      padding-bottom: 35px;
      font-size: 14px;
      font-size: 1rem; }

  /* container next
  ------------------------------------------------------------*/
  #container.next #company .rinen {
    padding-bottom: 40px;
    font-size: 14px;
    font-size: 1rem;
    width: 100%;
    line-height: 1.5; }
  #container.next #company .column2 .company-details {
    width: 100%;
    float: inherit; }
    #container.next #company .column2 .company-details .bg-title {
      top: 0;
      left: 0px; }
      #container.next #company .column2 .company-details .bg-title img {
        height: 35px;
        width: auto; }
    #container.next #company .column2 .company-details .title {
      padding: 20px 0 20px;
      font-size: 22px;
      font-size: 1.5714285714rem; }
  #container.next #company .column2 .map {
    width: 100%;
    float: inherit; }
    #container.next #company .column2 .map .gmap {
      padding-bottom: 40%; }
  #container.next #kakei .big-img {
    padding-bottom: 35px; }
  #container.next #kakei .calling-text {
    font-size: 17px;
    font-size: 1.2142857143rem; }
    #container.next #kakei .calling-text p {
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      position: relative;
      text-align: center;
      padding: 0 20px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      #container.next #kakei .calling-text p br {
        display: none; }
      #container.next #kakei .calling-text p:before {
        top: -5px;
        width: 20px;
        height: 17px;
        left: 0px;
        background-size: 20px auto; }
      #container.next #kakei .calling-text p:after {
        width: 20px;
        height: 17px;
        bottom: -5px;
        right: 0px;
        background-size: 20px auto; }
  #container.next #contact-area {
    padding: 35px 10px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #container.next #contact-area .p1 {
      font-size: 18px;
      font-size: 1.2857142857rem;
      padding: 15px 0 10px; }
  #container.next #service .service-list li {
    padding-bottom: 50px; }
    #container.next #service .service-list li.text-left .text-area {
      float: right; }
    #container.next #service .service-list li.text-left .img-area {
      left: 50%;
      right: auto;
      margin-left: -135px; }
    #container.next #service .service-list li .text-area {
      float: inherit;
      width: 100%;
      font-size: 14px;
      font-size: 1rem;
      padding-bottom: 20px;
      text-align: center; }
      #container.next #service .service-list li .text-area .no {
        left: 0;
        top: 0; }
        #container.next #service .service-list li .text-area .no img {
          height: 47px;
          width: auto; }
      #container.next #service .service-list li .text-area .title {
        font-size: 18px;
        font-size: 1.2857142857rem;
        padding: 35px 0 5px; }
      #container.next #service .service-list li .text-area .text {
        line-height: 1.5;
        min-height: 0px;
        padding-bottom: 250px; }
    #container.next #service .service-list li .img-area {
      width: 270px;
      position: absolute;
      right: auto;
      top: auto;
      left: 50%;
      margin-left: -135px;
      bottom: 150px;
      z-index: -1;
      /* margin: 0 auto; */
      text-align: center; }
  #container.next #contact .confirm-text {
    min-height: 38px; }
  #container.next #contact .bottom-text {
    font-size: 12px; }
  #container.next #news .post-box h2 {
    font-size: 20px;
    font-size: 1.4285714286rem;
    margin-bottom: 15px; }
    #container.next #news .post-box h2:after {
      width: 80px;
      margin-left: -40px; }
  #container.next #news .post-box h3 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    padding-bottom: 10px; }
  #container.next #news .post-box p {
    padding-bottom: 20px;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1rem; }
  #container.next #sitemap ul {
    padding-left: 20px; }
    #container.next #sitemap ul li {
      margin-bottom: 15px; }
      #container.next #sitemap ul li a {
        padding-bottom: 5px;
        font-size: 16px;
        font-size: 1.1428571429rem; }
      #container.next #sitemap ul li ul {
        padding-left: 0px;
        padding-bottom: 5px; }
        #container.next #sitemap ul li ul li {
          margin-bottom: 0px;
          display: block; }
          #container.next #sitemap ul li ul li a {
            font-size: 14px;
            font-size: 1rem; }
            #container.next #sitemap ul li ul li a:hover {
              background-position: 5px center; }
  #container.next #link {
    text-align: left; }
    #container.next #link ul li {
      margin-bottom: 15px; }
      #container.next #link ul li a {
        padding-bottom: 5px;
        font-size: 14px;
        font-size: 1rem;
        background-position: left 3px; }
        #container.next #link ul li a:hover {
          background-position: 5px 3px; } }