.subContainer {
  width: 1200px;
  margin: 0 auto; }

#navbutton {
  display: none; }

html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  line-height: 180%;
  letter-spacing: 0px; }

img {
  vertical-align: bottom; }

.header-inner .sp__btn {
  display: none; }

.header-inner .site-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 1.5% 2%; }
  .header-inner .site-title h1 {
    width: 11%;
    padding-right: 2%; }
    .header-inner .site-title h1 a {
      padding: 10px 0; }
  .header-inner .site-title .header-nav {
    padding-left: 5%;
    width: 72%; }
    .header-inner .site-title .header-nav .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .header-inner .site-title .header-nav .menu li {
		  line-height:130%;
        width: calc(100% / 7);
        border-left: 1px solid #E5E5E5;
        text-align: center; }
        .header-inner .site-title .header-nav .menu li:last-child {
          margin-right: 0;
          border-right: 1px solid #E5E5E5; }
        .header-inner .site-title .header-nav .menu li a {
          display: block;
          font-size: 1vw; }
        .header-inner .site-title .header-nav .menu li .menu--small {
          color: #4664AA;
          font-size: .8vw; }
  .header-inner .site-title figure {
    width: 13%; }
    .header-inner .site-title figure img {
      max-width: 100%; }

.header-inner .site-description {
  text-align: center; }

.contactSection {
  padding-top: 40px; }

.sub__navArea {
  background: #000; }
  .sub__navArea .sub__navArea--flex {
    letter-spacing: 0px;
    font-size: 1rem;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    padding: 6px 0;
    width: 94%;
    margin: 0 auto; }
    .sub__navArea .sub__navArea--flex .sub__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 460px; }
      .sub__navArea .sub__navArea--flex .sub__nav li:last-child {
        margin: 0;
        margin-left: 30px; }
      .sub__navArea .sub__navArea--flex .sub__nav a {
        color: #fff; }
        .sub__navArea .sub__navArea--flex .sub__nav a .sub__arrow {
          width: 8px;
          vertical-align: middle;
          padding-right: 4px; }
        .sub__navArea .sub__navArea--flex .sub__nav a img {
          width: 23px; }

.support__nav,
.question__nav,
.maintenance__nav,
.management__nav,
.operation__nav,
.quality__nav,
.merit__nav,
.purpose__nav,
.renewal__nav,
.flow__nav,
.director__nav,
.designer__nav,
.engineer__nav,
.after__nav,
.plan__nav,
.light__nav,
.standard__nav,
.creative__nav,
.premium__nav,
.installments__nav,
.webconsulting__nav,
.smartphone__nav,
.cms__nav,
.sns__nav,
.seo__nav,
.advertising__nav,
.office__nav{
  border-collapse: separate;
  border-spacing: 10px; 
}
.support__nav td,
.question__nav td,
.maintenance__nav td,
.management__nav td,
.operation__nav td,
.quality__nav td,
.merit__nav td,
.purpose__nav td,
.renewal__nav td,
.flow__nav td,
.director__nav td,
.designer__nav td,
.engineer__nav td,
.after__nav td,
.plan__nav td,
.light__nav td,
.standard__nav td,
.creative__nav td,
.premium__nav td,
.installments__nav td,
.webconsulting__nav td,
.smartphone__nav td,
.cms__nav td,
.sns__nav td,
.seo__nav td,
.advertising__nav td,
.office__nav td{
    background: #fff;
    border: 1px solid #CBCBCB;
    text-align: center; 
	  padding:5px 0;
	  font-size:2rem;
}
.support__nav td:first-child,
.question__nav td:first-child,
.maintenance__nav td:first-child,
.management__nav td:first-child,
.operation__nav td:first-child,
.quality__nav td:first-child{
	width:34%;
}
.merit__nav td,
.purpose__nav td,
.renewal__nav td,
.flow__nav td,
.director__nav td,
.designer__nav td,
.engineer__nav td,
.after__nav td,
.plan__nav td,
.light__nav td,
.standard__nav td,
.creative__nav td,
.premium__nav td,
.installments__nav td,
.webconsulting__nav td,
.smartphone__nav td,
.cms__nav td,
.sns__nav td,
.seo__nav td,
.advertising__nav td,
.office__nav td{
	width:33%;
}
.merit__nav td:nth-of-type(1),
.merit__nav td:nth-of-type(4),
.merit__nav td:nth-of-type(7),
.purpose__nav td:nth-of-type(1),
.purpose__nav td:nth-of-type(4),
.purpose__nav td:nth-of-type(7),
.renewal__nav td:nth-of-type(1),
.renewal__nav td:nth-of-type(4),
.renewal__nav td:nth-of-type(7),
.flow__nav td:nth-of-type(1),
.flow__nav td:nth-of-type(4),
.flow__nav td:nth-of-type(7),
.director__nav td:nth-of-type(1),
.director__nav td:nth-of-type(4),
.director__nav td:nth-of-type(7),
.designer__nav td:nth-of-type(1),
.designer__nav td:nth-of-type(4),
.designer__nav td:nth-of-type(7),
.engineer__nav td:nth-of-type(1),
.engineer__nav td:nth-of-type(4),
.engineer__nav td:nth-of-type(7),
.after__nav td:nth-of-type(1),
.after__nav td:nth-of-type(4),
.after__nav td:nth-of-type(7),
.plan__nav td:nth-of-type(1),
.plan__nav td:nth-of-type(4),
.light__nav td:nth-of-type(1),
.light__nav td:nth-of-type(4),
.standard__nav td:nth-of-type(1),
.standard__nav td:nth-of-type(4),
.creative__nav td:nth-of-type(1),
.creative__nav td:nth-of-type(4),
.premium__nav td:nth-of-type(1),
.premium__nav td:nth-of-type(4),
.installments__nav td:nth-of-type(1),
.installments__nav td:nth-of-type(4),
.webconsulting__nav td:nth-of-type(1),
.webconsulting__nav td:nth-of-type(4),
.smartphone__nav td:nth-of-type(1),
.smartphone__nav td:nth-of-type(4),
.cms__nav td:nth-of-type(1),
.cms__nav td:nth-of-type(4),
.sns__nav td:nth-of-type(1),
.sns__nav td:nth-of-type(4),
.seo__nav td:nth-of-type(1),
.seo__nav td:nth-of-type(4),
.advertising__nav td:nth-of-type(1),
.advertising__nav td:nth-of-type(4){
	width:32%;
	clear:both;
}
.merit__nav td,
.purpose__nav td,
.renewal__nav td,
.flow__nav td,
.director__nav td,
.designer__nav td,
.engineer__nav td,
.after__nav td,
.plan__nav td,
.light__nav td,
.standard__nav td,
.creative__nav td,
.premium__nav td,
.installments__nav td,
.webconsulting__nav td,
.smartphone__nav td,
.cms__nav td,
.sns__nav td,
.seo__nav td,
.advertising__nav td,
.office__nav td{
display:block;
float:left;
}
.support__nav td a,
.question__nav td a,
.maintenance__nav td a,
.management__nav td a,
.operation__nav td a,
.quality__nav td a,
    .merit__nav td a,
    .purpose__nav td a,
    .renewal__nav td a,
    .flow__nav td a,
    .director__nav td a,
    .designer__nav td a,
    .engineer__nav td a,
    .after__nav td a,
    .plan__nav td a,
    .light__nav td a,
    .standard__nav td a,
    .creative__nav td a,
.premium__nav td a,
.installments__nav td a,
.webconsulting__nav td a,
.smartphone__nav td a,
.cms__nav td a,
.sns__nav td a,
.seo__nav td a,
.advertising__nav td a,
.office__nav td a{
      display: block;
      padding: 10px;
      color: #989898;
      font-weight: bold;
}
    .support__nav td:nth-of-type(2),
    .question__nav td:nth-of-type(2),
    .maintenance__nav td:nth-of-type(2),
    .management__nav td:nth-of-type(2),
    .operation__nav td:nth-of-type(2),
    .quality__nav td:nth-of-type(2),
    .merit__nav td:nth-of-type(2),
.merit__nav td:nth-of-type(5),
.merit__nav td:nth-of-type(8),
.purpose__nav td:nth-of-type(2),
.purpose__nav td:nth-of-type(5),
.purpose__nav td:nth-of-type(8),
.renewal__nav td:nth-of-type(2),
.renewal__nav td:nth-of-type(5),
.renewal__nav td:nth-of-type(8),
.flow__nav td:nth-of-type(2),
.flow__nav td:nth-of-type(5),
.flow__nav td:nth-of-type(8),
.director__nav td:nth-of-type(2),
.director__nav td:nth-of-type(5),
.director__nav td:nth-of-type(8),
.designer__nav td:nth-of-type(2),
.designer__nav td:nth-of-type(5),
.designer__nav td:nth-of-type(8),
.engineer__nav td:nth-of-type(2),
.engineer__nav td:nth-of-type(5),
.engineer__nav td:nth-of-type(8),
.after__nav td:nth-of-type(2),
.after__nav td:nth-of-type(5),
.after__nav td:nth-of-type(8),
.plan__nav td:nth-of-type(2),
.light__nav td:nth-of-type(2),
.standard__nav td:nth-of-type(2),
.creative__nav td:nth-of-type(2),
.premium__nav td:nth-of-type(2),
.installments__nav td:nth-of-type(2),
.plan__nav td:nth-of-type(5),
.light__nav td:nth-of-type(5),
.standard__nav td:nth-of-type(5),
.creative__nav td:nth-of-type(5),
.premium__nav td:nth-of-type(5),
.installments__nav td:nth-of-type(5),
.webconsulting__nav td:nth-of-type(2),
.webconsulting__nav td:nth-of-type(5),
.smartphone__nav td:nth-of-type(2),
.smartphone__nav td:nth-of-type(5),
.cms__nav td:nth-of-type(2),
.cms__nav td:nth-of-type(5),
.sns__nav td:nth-of-type(2),
.sns__nav td:nth-of-type(5),
.seo__nav td:nth-of-type(2),
.seo__nav td:nth-of-type(5),
.advertising__nav td:nth-of-type(2),
.advertising__nav td:nth-of-type(5){
      margin: 0 5px 5px; }
    .support__nav td br,
    .question__nav td br, 
    .maintenance__nav td br,
    .management__nav td br,
    .operation__nav td br,
    .quality__nav td br,
    .merit__nav td br,
    .purpose__nav td br,
    .renewal__nav td br,
    .flow__nav td br,
    .director__nav td br,
    .designer__nav td br,
    .engineer__nav td br,
    .after__nav td br,
    .plan__nav td br,
    .light__nav td br,
    .standard__nav td br,
    .creative__nav td br,
    .premium__nav td br,
.installments__nav td br,
.webconsulting__nav td br,
.smartphone__nav td br,
.cms__nav td br,
.sns__nav td br,
.seo__nav td br,
.advertising__nav td br{
      display: none; }

.category__title {
  width: 100%; }

.sub__container {
  margin: 0 auto; }
  .sub__container h2 {
    color: #fff;
    text-align: center;
    font-size: 3.4rem;
    padding: 3% 0 2%;
    background: #4664AA;
    letter-spacing: 1px;
    font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif; }
  .sub__container .cf {
    max-width: 1200px;
	  font-size:1.4rem;
    width: 100%;
    margin: 0 auto;
    padding: .5% 0;
    border-bottom: 1px solid #F1F1F1; }

.text-small {
  font-size: 1.4rem;
  color: #28BEFF; }

.main h2 {
  margin-bottom: 35px; }

.main h3 {
  font-size: 2.2rem; }

.main h4 {
  font-size: 1.3rem; }

.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 60px;
}

.problemSection {
  margin-top: 80px; }

.pageLink__field {
  background: url(../images/support/link_bg-80.jpg) no-repeat;
  padding: 3% 0;
  margin-bottom: 4%; }
.pageLink__field2 {
  background: url(../images/support/link_bg-80_2.jpg) no-repeat;
  padding: 3% 0;
  margin-bottom: 4%; }
.subContainer {
  padding: 0 0 40px; }

.contactSection {
  background: #FAFAFA; }
  .contactSection .contactBlock--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .contactSection .contactBlock--flex h2 img {
      width: 100%; }
    .contactSection .contactBlock--flex .contact__detail {
      width: 75%; }
      .contactSection .contactBlock--flex .contact__detail p {
        font-size: 1.4rem; }
      .contactSection .contactBlock--flex .contact__detail .detail__svg--flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 2%; }
        .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure {
          width: 23%;
          line-height: 100%; }
          .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure:nth-of-type(2) {
            margin: 0 3%;
            width: 50%; }
          .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure figcaption {
            font-size: 1.8rem;
            text-align: center;
            margin-top: 4px; }
        .contactSection .contactBlock--flex .contact__detail .detail__svg--flex .contact__btn {
          letter-spacing: 0;
          text-align: center;
          padding: 2.5% 0;
          border: 2px solid #E5E5E5;
          font-size: 1vw; }
          .contactSection .contactBlock--flex .contact__detail .detail__svg--flex .contact__btn img {
            width: 13%;
            margin-right: 2%; }

footer {
  position: relative; }
  footer .btnBlock__Top {
    position: fixed;
    bottom: 15px;
    right: 20px;
    width: 60px;
    height: 60px;
  }
  footer .footer-inner {
    padding: 80px 0 15px;
    width: 1200px;
    margin: 0 auto 40px; }
    footer .footer-inner .contents-nav .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      footer .footer-inner .contents-nav .menu li {
        line-height: 230%; }
    footer .footer-inner .footer__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    footer .footer-inner .menu--small {
      color: #4664AA;
      font-size: 1.4rem;; }
  footer .footer-inner--full {
    font-size: 1rem;
    border-top: 1px solid #CBCBCB;
    width: 100%;
    padding: 20px 0; }
    footer .footer-inner--full .menu {
      width: 1200px;
      max-width: 1200px;
      margin: 0 auto 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      footer .footer-inner--full .menu li {
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #000;
        line-height: 1.2rem;
        font-size: 1.2rem; }
        footer .footer-inner--full .menu li:last-child {
          border: none; }
  footer .menu li .sub-menu li {
    font-size: 1.2rem; }
  footer .copyright {
    line-height: 100%;
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto; }
.acco {
  display: block; 
	font-weight:bold;
	font-size:1.8rem;
}
.footer-nav .acco {font-size:1.2rem;}
@media all and (max-width: 1119px) {
	.container, footer .footer-inner,
	footer .copyright,
	footer .footer-inner--full .menu {width:100%;padding: 0 15px 4%;}
}
@media all and (max-width: 1023px) {
	.container	{width:100%;}
  .header-inner {
    overflow: hidden; }
  .header-inner .site-title {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .header-inner .site-title h1 {
      padding-right: 0;
      width: 20vw; }
    .header-inner .site-title figure {
      width: 45vw;
      margin-right: 15%; }
  .header-inner .site-title .header-nav {
    width: 100%; }
  .header-inner .site-title .header-nav .menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .question__nav {
    width: 100%;
}
  .pageLink__field,.pageLink__field2 {
    width: 100%;
    background-size: cover;
    background-position: center center; }
  .sub__container .cf {
    padding: 10px 15px;
    width: 100%; }
  .sub__navArea {
    display: none; }
  .header-inner .sp__btn {
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9999; }
  .header-inner .site-title .header-nav {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    position: fixed;
    top: 0%;
    bottom: 0;
    right: 0;
    left: 100%;
    display: block;
    z-index: 8888;
    padding: 15% 5% 0;
    background: rgba(255, 255, 255, 0.95); }
    .header-inner .site-title .header-nav .menu li {
      border: none;
      border-bottom: 1px solid #E5E5E5;
      width: 100%;
      font-size: 14px;
      padding: 1%;
      padding: 2% 0 2% 0px;
      text-align: left; }
      .header-inner .site-title .header-nav .menu li .menu--small {
        font-size: 1.2rem; }
      .header-inner .site-title .header-nav .menu li a {
        font-size: 1.6rem; }
  .out {
    position: absolute;
    z-index: 9999;
    left: 0% !important;
    background: rgba(255, 255, 255, 0.94); }
  .footer-inner .contents-nav {
    padding: 2% 0; }
  .contactSection .contactBlock--flex {
    display: block; width:100%;}
  .contactSection .contactBlock--flex h2 img {
    width: 26%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure {
    width: 14%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure:nth-of-type(2) {
    margin: 0;
    margin-left: 3%;
    width: 40%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex .contact__btn {
    padding: 3% 1%;
    width: 35%;
    margin-top: 15px;
    font-size: 1.5vw; }
    .contactSection .contactBlock--flex .contact__detail .detail__svg--flex .contact__btn img {
      vertical-align: middle; }
  .contactSection .contactBlock--flex .contact__detail {
    width: 100%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure figcaption {
    font-size: 1.4rem; }
  footer .footer-inner .contents-nav .menu {
    display: block; }
  footer .footer-inner .contents-nav .menu li {
    line-height: 130%;
    margin-bottom: 10px; }
  footer .footer-inner--full .menu li {
    margin-bottom: 10px; }
  .contents-nav .menu li {
    background: #f6f6f6;
    padding: 10px; }
    .contents-nav .menu li .sub-menu li {
      padding: 0; }
  .contents-nav .sub-menu {
    display: none; }
  .display {
    display: block !important; }
  footer .footer-inner,
  footer .footer-inner--full .menu,
  footer .copyright {
    width: 100%;
    padding: 0 20px; }
  footer .footer-inner--full .menu li {
    border-right: none; }
  footer .btnBlock__Top {
    position: initial;
    margin: 0 auto 30px; } }

@media all and (max-width: 768px) {
.sub__container h2 {
line-height: 130%; }

.support__nav,
.question__nav,
.maintenance__nav,
.management__nav,
.operation__nav,
.quality__nav,
.merit__nav,
.purpose__nav,
.renewal__nav,
.flow__nav,
.director__nav,
.designer__nav,
.engineer__nav,
.after__nav,
.plan__nav,
.light__nav,
.standard__nav,
.creative__nav,
.premium__nav,
.installments__nav,
.webconsulting__nav,
.smartphone__nav,
.cms__nav,
.sns__nav,
.seo__nav,
.advertising__nav,
.office__nav{
    border-spacing: 0;
    border-collapse: collapse; }
.support__nav tr,
.question__nav tr,
.maintenance__nav tr,
.management__nav tr,
.operation__nav tr,
.quality__nav tr,
.merit__nav tr,
.purpose__nav tr,
.renewal__nav tr,
.flow__nav tr,
.director__nav tr,
.designer__nav tr,
.engineer__nav tr,
.after__nav tr,
.plan__nav tr,
.light__nav tr,
.standard__nav tr,
.creative__nav tr,
.premium__nav tr,
.installments__nav tr,
.webconsulting__nav tr,
.smartphone__nav tr,
.cms__nav tr,
.sns__nav tr,
.seo__nav tr,
.advertising__nav tr,
.office_nav tr{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 15px; }
	
 .support__nav tr td,
 .question__nav tr td,
 .maintenance__nav tr td,
 .management__nav tr td,
 .operation__nav tr td,
 .quality__nav tr td,
 .merit__nav tr td,
.purpose__nav tr td,
.renewal__nav tr td,
.flow__nav tr td,
.director__nav tr td,
.designer__nav tr td,
.engineer__nav tr td,
.after__nav tr td,
.plan__nav tr td,
.light__nav tr td,
.standard__nav tr td,
.creative__nav tr td,
.premium__nav tr td,
.installments__nav tr td,
.webconsulting__nav tr td,
.smartphone__nav tr td,
.cms__nav tr td,
.sns__nav tr td,
.seo__nav tr td,
.advertising__nav tr td,
.office__nav tr td{
        height: 75px;
        font-size: 1.4rem;
        width: 49%!important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around; }
	
.merit__nav tr td,
.purpose__nav tr td,
.renewal__nav tr td,
.flow__nav tr td,
.director__nav tr td,
.designer__nav tr td,
.engineer__nav tr td,
.after__nav tr td{
 height: 60px; }
	
 .support__nav tr td br,
 .question__nav tr td br,
 .maintenance__nav tr td br,
 .management__nav tr td br,
 .operation__nav tr td br,
.quality__nav tr td br,
.merit__nav tr td br,
.purpose__nav tr td br,
.renewal__nav tr td br,
.flow__nav tr td br,
.director__nav tr td br,
.designer__nav tr td br,
.engineer__nav tr td br,
.after__nav tr td br,
.plan__nav tr td br,
.light__nav tr td br,
.standard__nav tr td br,
.creative__nav tr td br,
.premium__nav tr td br,
.installments__nav tr td br,
.webconsulting__nav tr td br,
.smartphone__nav tr td br,
.cms__nav tr td br,
.sns__nav tr td br,
.seo__nav tr td br,
.advertising__nav tr td br,
.office__nav tr td br{
          display: block; }
	
.support__nav tr td:nth-of-type(2),
.question__nav tr td:nth-of-type(2),
 .maintenance__nav tr td:nth-of-type(2),
.management__nav tr td:nth-of-type(2),
.operation__nav tr td:nth-of-type(2),
.quality__nav tr td:nth-of-type(2),
.merit__nav tr td:nth-of-type(2),
.purpose__nav tr td:nth-of-type(2),
 .renewal__nav tr td:nth-of-type(2),
.flow__nav tr td:nth-of-type(2),
 .director__nav tr td:nth-of-type(2),
 .designer__nav tr td:nth-of-type(2),
 .engineer__nav tr td:nth-of-type(2),
 .after__nav tr td:nth-of-type(2),
 .plan__nav tr td:nth-of-type(2),
 .light__nav tr td:nth-of-type(2),
 .standard__nav tr td:nth-of-type(2),
 .creative__nav tr td:nth-of-type(2),
 .premium__nav tr td:nth-of-type(2),
.installments__nav tr td:nth-of-type(2),
.webconsulting__nav tr td:nth-of-type(2),
.smartphone__nav tr td:nth-of-type(2),
.cms__nav tr td:nth-of-type(2),
.sns__nav tr td:nth-of-type(2),
.seo__nav tr td:nth-of-type(2),
.advertising__nav tr td:nth-of-type(2),
.office__nav tr td:nth-of-type(2){
          margin: 0; }
	
 .support__nav tr td a,
 .question__nav tr td a,
 .maintenance__nav tr td a,
  .management__nav tr td a,
  .operation__nav tr td a,
  .quality__nav tr td a,
.merit__nav tr td a,
.purpose__nav tr td a,
.renewal__nav tr td a,
.flow__nav tr td a,
.director__nav tr td a,
.designer__nav tr td a,
.engineer__nav tr td a,
.after__nav tr td a,
.plan__nav tr td a,
.light__nav tr td a,
.standard__nav tr td a,
.creative__nav tr td a,
.premium__nav tr td a,
.installments__nav tr td a,
.webconsulting__nav tr td a,
.smartphone__nav tr td a,
.cms__nav tr td a,
.sns__nav tr td a,
.seo__nav tr td a,
.advertising__nav tr td a,
.office__nav tr td a{
          padding: 20px 1%;
          width: 100%; }

.support__nav .sp--fullSize,
.question__nav .sp--fullSize,
.maintenance__nav .sp--fullSize,
.management__nav .sp--fullSize,
.operation__nav .sp--fullSize,
.quality__nav .sp--fullSize,
.merit__nav .sp--fullSize,
.purpose__nav .sp--fullSize,
.renewal__nav .sp--fullSize,
.flow__nav .sp--fullSize,
.director__nav .sp--fullSize,
.designer__nav .sp--fullSize,
.engineer__nav .sp--fullSize,
.after__nav .sp--fullSize,
.plan__nav .sp--fullSize,
.light__nav .sp--fullSize,
.standard__nav .sp--fullSize,
.creative__nav .sp--fullSize,
.premium__nav .sp--fullSize,
.installments__nav .sp--fullSize,
.webconsulting__nav .sp--fullSize,
.smartphone__nav .sp--fullSize,
.cms__nav .sp--fullSize,
.sns__nav .sp--fullSize,
.seo__nav .sp--fullSize,
.advertising__nav .sp--fullSize,
.office__nav .sp--fullSize{
      width: 100%!important; }
	
	.merit__nav tr td:nth-of-type(5),
	.merit__nav tr td:nth-of-type(8),
	.purpose__nav tr td:nth-of-type(5),
	.purpose__nav tr td:nth-of-type(8) ,
	.renewal__nav tr td:nth-of-type(5),
	.renewal__nav tr td:nth-of-type(8) ,
	.flow__nav tr td:nth-of-type(5),
	.flow__nav tr td:nth-of-type(8) ,
	.director__nav tr td:nth-of-type(5),
	.director__nav tr td:nth-of-type(8) ,
	.designer__nav tr td:nth-of-type(5),
	.designer__nav tr td:nth-of-type(8) ,
	.engineer__nav tr td:nth-of-type(5),
	.engineer__nav tr td:nth-of-type(8),
	.after__nav tr td:nth-of-type(5),
	.after__nav tr td:nth-of-type(8) ,
	.plan__nav tr td:nth-of-type(5),
	.light__nav tr td:nth-of-type(5),
	.standard__nav tr td:nth-of-type(5),
	.creative__nav tr td:nth-of-type(5),
	.premium__nav tr td:nth-of-type(5),
	.installments__nav tr td:nth-of-type(5),
.webconsulting__nav tr td:nth-of-type(5),
.smartphone__nav tr td:nth-of-type(5),
.cms__nav tr td:nth-of-type(5),
.sns__nav tr td:nth-of-type(5),
.seo__nav tr td:nth-of-type(5),
.advertising__nav tr td:nth-of-type(5){
    margin-left: 0;
	margin-bottom:0;
	margin-right:0;}
	
  .support__nav tr:nth-of-type(1) td:nth-of-type(1),
  .support__nav tr:nth-of-type(1) td:nth-of-type(2),
  .support__nav tr:nth-of-type(1) td:nth-of-type(3),
  .question__nav tr:nth-of-type(1) td:nth-of-type(1),
  .question__nav tr:nth-of-type(1) td:nth-of-type(2),
  .question__nav tr:nth-of-type(1) td:nth-of-type(3),
  .maintenance__nav tr:nth-of-type(1) td:nth-of-type(1),
  .maintenance__nav tr:nth-of-type(1) td:nth-of-type(2),
  .maintenance__nav tr:nth-of-type(1) td:nth-of-type(3),
  .management__nav tr:nth-of-type(1) td:nth-of-type(1),
  .management__nav tr:nth-of-type(1) td:nth-of-type(2),
  .management__nav tr:nth-of-type(1) td:nth-of-type(3),
  .operation__nav tr:nth-of-type(1) td:nth-of-type(1),
  .operation__nav tr:nth-of-type(1) td:nth-of-type(2),
  .operation__nav tr:nth-of-type(1) td:nth-of-type(3),
  .quality__nav tr:nth-of-type(1) td:nth-of-type(1),
  .quality__nav tr:nth-of-type(1) td:nth-of-type(2),
  .quality__nav tr:nth-of-type(1) td:nth-of-type(3),
  .merit__nav tr:nth-of-type(1) td,
  .purpose__nav tr:nth-of-type(1) td,
  .renewal__nav tr:nth-of-type(1) td,
  .flow__nav tr:nth-of-type(1) td,
  .director__nav tr:nth-of-type(1) td,
  .designer__nav tr:nth-of-type(1) td,
  .engineer__nav tr:nth-of-type(1) td,
  .after__nav tr:nth-of-type(1) td,
  .plan__nav tr:nth-of-type(1) td,
  .light__nav tr:nth-of-type(1) td,
  .standard__nav tr:nth-of-type(1) td,
  .creative__nav tr:nth-of-type(1) td,
  .premium__nav tr:nth-of-type(1) td,
  .installments__nav tr:nth-of-type(1) td,
	.webconsulting__nav tr:nth-of-type(1) td,
.smartphone__nav tr:nth-of-type(1) td,
.cms__nav tr:nth-of-type(1) td,
.sns__nav tr:nth-of-type(1) td,
.seo__nav tr:nth-of-type(1) td,
.advertising__nav tr:nth-of-type(1) td,
.office__nav tr:nth-of-type(1) td{
		margin-bottom: 2%; }
	

	
  .support__nav tr:nth-of-type(1) td:nth-of-type(2),
  .question__nav tr:nth-of-type(1) td:nth-of-type(2),
  .maintenance__nav tr:nth-of-type(1) td:nth-of-type(2),
  .management__nav tr:nth-of-type(1) td:nth-of-type(2),
  .operation__nav tr:nth-of-type(1) td:nth-of-type(2),
  .quality__nav tr:nth-of-type(1) td:nth-of-type(2),
	.merit__nav tr:nth-of-type(1) td:nth-of-type(2),
	.merit__nav tr:nth-of-type(1) td:nth-of-type(4),
	.merit__nav tr:nth-of-type(1) td:nth-of-type(6),
	.merit__nav tr:nth-of-type(1) td:nth-of-type(8),
	.purpose__nav tr:nth-of-type(1) td:nth-of-type(2),
	.purpose__nav tr:nth-of-type(1) td:nth-of-type(4),
	.purpose__nav tr:nth-of-type(1) td:nth-of-type(6),
	.purpose__nav tr:nth-of-type(1) td:nth-of-type(8),
	.renewal__nav tr:nth-of-type(1) td:nth-of-type(2),
	.renewal__nav tr:nth-of-type(1) td:nth-of-type(4),
	.renewal__nav tr:nth-of-type(1) td:nth-of-type(6),
	.renewal__nav tr:nth-of-type(1) td:nth-of-type(8),
	.flow__nav tr:nth-of-type(1) td:nth-of-type(2),
	.flow__nav tr:nth-of-type(1) td:nth-of-type(4),
	.flow__nav tr:nth-of-type(1) td:nth-of-type(6),
	.flow__nav tr:nth-of-type(1) td:nth-of-type(8),
	.director__nav tr:nth-of-type(1) td:nth-of-type(2),
	.director__nav tr:nth-of-type(1) td:nth-of-type(4),
	.director__nav tr:nth-of-type(1) td:nth-of-type(6),
	.director__nav tr:nth-of-type(1) td:nth-of-type(8),
	.designer__nav tr:nth-of-type(1) td:nth-of-type(2),
	.designer__nav tr:nth-of-type(1) td:nth-of-type(4),
	.designer__nav tr:nth-of-type(1) td:nth-of-type(6),
	.designer__nav tr:nth-of-type(1) td:nth-of-type(8),
	.engineer__nav tr:nth-of-type(1) td:nth-of-type(2),
	.engineer__nav tr:nth-of-type(1) td:nth-of-type(4),
	.engineer__nav tr:nth-of-type(1) td:nth-of-type(6),
	.engineer__nav tr:nth-of-type(1) td:nth-of-type(8),
	.after__nav tr:nth-of-type(1) td:nth-of-type(2),
	.after__nav tr:nth-of-type(1) td:nth-of-type(4),
	.after__nav tr:nth-of-type(1) td:nth-of-type(6),
	.after__nav tr:nth-of-type(1) td:nth-of-type(8),
	  .plan__nav tr:nth-of-type(1) td:nth-of-type(3),
	  .light__nav tr:nth-of-type(1) td:nth-of-type(1),
	  .standard__nav tr:nth-of-type(1) td:nth-of-type(1),
	  .creative__nav tr:nth-of-type(1) td:nth-of-type(1),
	  .premium__nav tr:nth-of-type(1) td:nth-of-type(1),
	  .installments__nav tr:nth-of-type(1) td:nth-of-type(1),
	  .plan__nav tr:nth-of-type(1) td:nth-of-type(5),
	  .light__nav tr:nth-of-type(1) td:nth-of-type(3),
	  .standard__nav tr:nth-of-type(1) td:nth-of-type(3),
	  .creative__nav tr:nth-of-type(1) td:nth-of-type(3),
	  .premium__nav tr:nth-of-type(1) td:nth-of-type(3),
	  .installments__nav tr:nth-of-type(1) td:nth-of-type(3),
	  .light__nav tr:nth-of-type(1) td:nth-of-type(5),
	  .standard__nav tr:nth-of-type(1) td:nth-of-type(5),
	  .creative__nav tr:nth-of-type(1) td:nth-of-type(5),
	  .premium__nav tr:nth-of-type(1) td:nth-of-type(5),
	  .installments__nav tr:nth-of-type(1) td:nth-of-type(5),
.smartphone__nav tr:nth-of-type(1) td:nth-of-type(1),
.smartphone__nav tr:nth-of-type(1) td:nth-of-type(3),
.smartphone__nav tr:nth-of-type(1) td:nth-of-type(5),
.cms__nav tr:nth-of-type(1) td:nth-of-type(1),
.cms__nav tr:nth-of-type(1) td:nth-of-type(3),
.cms__nav tr:nth-of-type(1) td:nth-of-type(5),
.sns__nav tr:nth-of-type(1) td:nth-of-type(1),
.sns__nav tr:nth-of-type(1) td:nth-of-type(3),
.sns__nav tr:nth-of-type(1) td:nth-of-type(5),
.seo__nav tr:nth-of-type(1) td:nth-of-type(1),
.seo__nav tr:nth-of-type(1) td:nth-of-type(3),
.seo__nav tr:nth-of-type(1) td:nth-of-type(5),
.advertising__nav tr:nth-of-type(1) td:nth-of-type(1),
.advertising__nav tr:nth-of-type(1) td:nth-of-type(3),
.advertising__nav tr:nth-of-type(1) td:nth-of-type(5),
.webconsulting__nav tr:nth-of-type(1) td:nth-of-type(1),
.webconsulting__nav tr:nth-of-type(1) td:nth-of-type(3),
.webconsulting__nav tr:nth-of-type(1) td:nth-of-type(5),
.plan__nav tr:nth-of-type(1) td:nth-of-type(1){
    margin-right: 2%; }
  .support__nav tr:nth-of-type(2) td:nth-of-type(1),
  .question__nav tr:nth-of-type(2) td:nth-of-type(1),
  .maintenance__nav tr:nth-of-type(2) td:nth-of-type(1),
  .management__nav tr:nth-of-type(2) td:nth-of-type(1),
  .operation__nav tr:nth-of-type(2) td:nth-of-type(1),
  .quality__nav tr:nth-of-type(2) td:nth-of-type(1){
    margin-right: 2%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure {
    width: 24%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure:nth-of-type(2) {
    width: 70%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex .contact__btn {
    width: 100%;
    font-size: 3.5vw;
    margin-top: 12px; }
  footer div.footer-inner--full .menu {
    flex-wrap:wrap;
	  padding-right:0;
	}
	footer .footer-inner--full .menu li {
		width:46%;
		margin:0;
		padding:7px 0;
		margin-bottom:10px;
		border-bottom:1px solid #d8d8d8;
		position:relative
	}
	footer .footer-inner--full .menu li::after {
    position: absolute;
    content: url(../images/top/blue_arrow.svg);
    top: 15%;
    transform: translatey(-50%);
    right: 2%;
	 transform: scale(.7);
	}
	footer .footer-inner--full .menu li:nth-child(odd) {
		margin-right:4%;
	}
	footer .footer-inner--full .menu li:last-child {
		border-bottom:1px solid #d8d8d8;
	}
}

@media all and (max-width: 480px) {
	.container {
		width: 100%;
		font-size: 1.2rem;
		line-height: 150%;
	}
  .main h3 {
    font-size: 1.6rem; }
  .header-inner .site-title {
    padding: 3% 1%; }
  .header-inner .site-title .header-nav .menu li:last-child {
    border-right: none; }
  .header-inner .sp__btn {
    top: 0;
    right: 2px; }
  .main h2 {
    margin-bottom: 10px; }
  .header-inner .site-title .header-nav .menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .header-inner .site-title .header-nav .menu li {
      width: 100%; }
  .contactBlock--flex h2 {
    margin-bottom: 15px; }
  .contactSection .contactBlock--flex h2 img {
    width: 40%; }
  .contact__detail p {
    margin-bottom: 10px;
    line-height: 130%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure {
    width: 35%; }
    .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure img {
      width: 100%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure:nth-of-type(2) {
    width: 60%;
    margin-left: 0; }
  .sub__container h2 {
    font-size: 1.6rem;
    padding: 3% 0; }
  .sub__container .cf {
    padding: 10px 0 10px 15px;
    font-size: 1.2rem; }
  .support__nav tr td a,
  .question__nav tr td a, 
  .maintenance__nav tr td a,
  .management__nav tr td a,
  .operation__nav tr td a,
  .quality__nav tr td a,
	.merit__nav tr td a,
	.purpose__nav tr td a,
	.renewal__nav tr td a,
	.flow__nav tr td a,
	.director__nav tr td a,
	.designer__nav tr td a,
	.engineer__nav tr td a,
	.after__nav tr td a,
	.plan__nav tr td a,
	.light__nav tr td a,
	.standard__nav tr td a,
	.creative__nav tr td a,
	.premium__nav tr td a,
	.installments__nav tr td a,
	.webconsulting__nav tr td a,
	.smartphone__nav tr td a,
.cms__nav tr td a,
.sns__nav tr td a,
.seo__nav tr td a,
.advertising__nav tr td a,
.office__nav tr td a{
    font-size: 1.2rem;
    line-height: 130%; }
  footer .btnBlock__Top {
    top: 87%; }
  .contactSection .contactBlock--flex .contact__detail .detail__svg--flex figure figcaption {
    font-size: 1.2rem; }
  footer .footer-inner {
    padding-bottom: 0 !important; } 
	.contents-nav .acco {font-size:1.4rem;}
}

.pages__active {
  background: #989898 !important; }

.pages__active a {
  color: #fff !important; }