@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Dorsa);
.color-1 {
  color: #efedef;
}

.img-indent {
  margin: 0px 30px 0 0;
  float: left;
}

.img-indent1 {
  margin: 1px 29px 16px 0;
  float: left;
}

.wrapper {
  width: 100%;
  overflow: hidden;
}

.center {
  text-align: center;
}

.spinner {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(images/spinner.gif) 50% 50% no-repeat black;
}

.preloader {
  background: url(images/loader.gif) center center no-repeat;
}

.clear {
  clear: both;
}

.m-top {
  margin-top: -7px;
}

.m-top15 {
  margin-top: 15px;
}

.m-bottom15 {
  margin-bottom: 15px;
}

.flLeft {
  float: left;
}

.mr-15 {
  margin: 0 15px 0 0;
}

.flRight {
  float: right;
}

.ml-15 {
  margin: 0 0 0 15px;
}

.overflow.extra {
  overflow: visible;
}

.left-0 {
  margin-left: 0 !important;
}

.overflow {
  overflow: hidden;
}

.inner-1 {
  padding-right: 30px;
  margin-top: 30px;
}

#page-top {
  position: fixed;
  z-index: 100;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 100px;
  padding: 30px 0;
  text-align: center;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
}

@media screen and (max-width: 480px) {
  #page-top a {
    padding: 10px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
}
.breadcrumbs {
  margin: 0;
}

.breadcrumbs li, .pagination li, .tagcloud li {
  font-size: 0.858em;
  display: inline-block;
}

.btn-1 {
  color: #FFF;
  background: #036;
  padding: 5px 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn-1:hover {
  color: #FFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  background: #333;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  margin: 10px;
  padding-top: 4px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #f3f3f3;
  text-align: center;
}

.wp-caption-text,
.gallery-caption {
  font-size: 80%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
  display: inline-block;
  margin: 0 0 1em 1.5em;
}

img.alignleft {
  display: inline-block;
  margin: 0 1.5em 1em 0;
}

@media (max-width: 767px) {
  body {
    padding: 0;
  }

  .row, .row-fluid {
    padding: 0 20px;
  }

  footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bg-glow {
    background: none;
  }
}
@media screen and (max-width: 480px) {
  .breadcrumb {
    font-size: 8px;
  }

  .pagination li, .tagcloud li {
    font-size: 8px;
  }
}
header {
  background: #000016;
  z-index: 50;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

p#logo {
  padding: 30px 0 30px;
  float: left;
  background-image: -ms-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
  background-image: -moz-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
  background-image: -o-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
  background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #045992), color-stop(1, #000016));
  background-image: -webkit-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
  background-image: radial-gradient(circle closest-corner at center top, #045992 0%, #000016 100%);
}

div#headercontent {
  float: right;
  width: 830px;
}

h1#corporate {
  font-size: 0.858em;
  margin: -10px 0;
  font-family: "メイリオ",Meiryo,sans-serif;
  padding-left: 5px;
  float: left;
  color: #999;
}

span.spec {
  color: #004F9E;
}

div#selector {
  float: right;
}

#nav, #nav ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 1.5em;
}

#nav li#headlines a, #nav li#about a, #nav li#contactNone a {
  display: block;
  font-size: 10px;
  text-align: center;
  width: 90px;
  padding: 5px 0;
  margin: 0 1px 0;
  border-bottom: solid  1px #000;
  color: #fff;
  text-decoration: none;
  background-color: #666;
  position: relative;
  z-index: 20;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
}

#nav li#contact {
  visibility: hidden;
  text-indent: -9999px;
}

#nav li#headlines a:hover, #nav li#about a:hover, #nav li#contactNone a:hover {
  background-color: #003f83;
  color: #FFF;
}

#nav li {
  float: left;
  position: relative;
}

#nav ul {
  position: absolute;
  display: none;
  width: 12em;
  top: 2.2em;
}

#nav li ul#headlinesChild a, #nav li ul#aboutChild a, #nav li ul#contactChild a {
  background-color: #666;
  width: 90px;
  margin: 0 0 0 1px;
  padding: 2px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

#nav li ul#headlinesChild a:hover, #nav li ul#aboutChild a:hover, #nav li ul#contactChild a:hover {
  background-color: #333;
}

#nav ul ul {
  top: auto;
}

#nav li ul ul {
  left: 12em;
  margin: 0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
  display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
  display: block;
}

#gnav {
  clear: both;
  float: right;
  margin: 20px 0 10px;
  width: 830px;
  list-style-type: none;
}
#gnav li {
  float: left;
}
#gnav li a {
  display: block;
  text-align: center;
  width: 134px;
  padding: 0 0 5px;
  margin: 0 0 0 4px;
  color: #FFF;
  border-bottom: 2px solid #333;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}
#gnav li a:hover {
  text-decoration: none;
}
#gnav li#graphic a:hover, #gnav li#graphic a.current {
  border-bottom: 2px solid #003f83;
}
#gnav li#printing a:hover, #gnav li#printing a.current {
  border-bottom: 2px solid #009900;
}
#gnav li#web a:hover, #gnav li#web a.current {
  border-bottom: 2px solid #eabf4a;
}
#gnav li#promotion a:hover, #gnav li#promotion a.current {
  border-bottom: 2px solid #8e08a6;
}
#gnav li#hosting a:hover, #gnav li#hosting a.current {
  border-bottom: 2px solid #ff7e00;
}
#gnav li#school a:hover, #gnav li#school a.current {
  border-bottom: 2px solid #d6000f;
}
#gnav li a span {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  bottom: 20px;
  left: 35%;
  z-index: 999;
  text-decoration: none;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}
#gnav li#graphic a span {
  background: #003f83;
  -webkit-box-shadow: 0px 0px 4px 0px #003f83;
  -moz-box-shadow: 0px 0px 4px 0px #003f83;
  box-shadow: 0px 0px 4px 0px #003f83;
}
#gnav li#printing a span {
  background: #009900;
  -webkit-box-shadow: 0px 0px 4px 0px #009900;
  -moz-box-shadow: 0px 0px 4px 0px #009900;
  box-shadow: 0px 0px 4px 0px #009900;
}
#gnav li#web a span {
  background: #eabf4a;
  -webkit-box-shadow: 0px 0px 4px 0px #eabf4a;
  -moz-box-shadow: 0px 0px 4px 0px #eabf4a;
  box-shadow: 0px 0px 4px 0px #eabf4a;
}
#gnav li#promotion a span {
  background: #8e08a6;
  -webkit-box-shadow: 0px 0px 4px 0px #8e08a6;
  -moz-box-shadow: 0px 0px 4px 0px #8e08a6;
  box-shadow: 0px 0px 4px 0px #8e08a6;
}
#gnav li#hosting a span {
  background: #ff7e00;
  -webkit-box-shadow: 0px 0px 4px 0px #ff7e00;
  -moz-box-shadow: 0px 0px 4px 0px #ff7e00;
  box-shadow: 0px 0px 4px 0px #ff7e00;
}
#gnav li#school a span {
  background: #d6000f;
  -webkit-box-shadow: 0px 0px 4px 0px #d6000f;
  -moz-box-shadow: 0px 0px 4px 0px #d6000f;
  box-shadow: 0px 0px 4px 0px #d6000f;
}
#gnav li a span {
  visibility: hidden;
  bottom: 15px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
#gnav li a:hover span, #gnav li a.current span {
  visibility: visible;
  display: block;
  bottom: 25px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media (max-width: 1300px) {
  h1#corporate {
    letter-spacing: -1px;
  }

  div#headercontent {
    float: right;
    width: 620px;
  }

  #nav {
    position: absolute;
    right: 0px;
    top: 0px;
  }

  #nav li {
    float: left;
  }

  #nav ul {
    position: absolute;
    display: none;
    width: 9em;
    top: 2.2em;
  }

  #nav li#headlines a, #nav li#contactNone a {
    width: 80px;
  }

  #nav li#about a {
    width: 90px;
  }

  #nav li ul#headlinesChild a, #nav li ul#contactChild a {
    width: 80px;
  }

  #nav li ul#aboutChild a {
    width: 90px;
  }

  #gnav {
    width: 620px;
    margin: 30px 0 -10px;
  }
  #gnav li a {
    font-size: 10px;
    width: 99px;
    padding: 0 0 5px;
    margin: 0 0 0 4px;
  }
  #gnav li a span {
    width: 25px;
    height: 25px;
    bottom: 20px;
    left: 37%;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  p#logo {
    padding: 30px 0 50px;
    float: left;
  }

  h1#corporate {
    margin: 10px 0 5px;
    padding-left: 0;
    float: right;
  }

  div#headercontent {
    float: right;
    width: 410px;
  }

  #gnav {
    margin: 40px 0 10px;
    width: 724px;
  }
  #gnav li a {
    font-size: 12px;
    width: 116px;
    padding: 0 0 5px;
    margin: 0 0 0 4px;
  }
  #gnav li a span {
    width: 20px;
    height: 20px;
    bottom: 5px;
    left: 40%;
  }
  #gnav li a:hover span {
    bottom: 7px;
  }
}
@media (max-width: 767px) {
  header {
    background-image: -ms-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
    background-image: -moz-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
    background-image: -o-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
    background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #045992), color-stop(1, #000016));
    background-image: -webkit-radial-gradient(center top, circle closest-corner, #045992 0%, #000016 100%);
    background-image: radial-gradient(circle closest-corner at center top, #045992 0%, #000016 100%);
  }

  p#logo {
    text-align: center;
    float: none;
    background-image: none;
    padding-bottom: 10px;
  }

  div#headercontent {
    float: none;
    width: 100%;
  }

  h1#corporate {
    font-size: 0.858em;
    line-height: 1.8em;
    margin: 0 auto;
    padding: 0 0 15px;
    width: 250px;
    float: none;
    text-align: center;
  }

  #nav ul {
    position: absolute;
    display: none;
    width: 9em;
    top: 1.7em;
  }

  #nav li#headlines a, #nav li#about a, #nav li#contact a {
    display: block;
    font-size: 8px;
    text-align: center;
    padding: 1px 0;
    margin: 0 1px 0;
    border-bottom: solid  1px #000;
    color: #fff;
    text-decoration: none;
    background-color: #666;
    position: relative;
    z-index: 20;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
  }

  #nav li#headlines a, #nav li#contact a {
    width: 75px;
  }

  #nav li#about a {
    width: 90px;
  }

  #nav li#contactNone {
    visibility: hidden;
    text-indent: -9999px;
    width: 0px;
  }

  #nav li#contactNone a {
    width: 0px;
  }

  #nav li#contact {
    visibility: visible;
    text-indent: 0px;
  }

  #nav li ul#headlinesChild a, #nav li ul#aboutChild a, #nav li ul#contactChild a {
    background-color: #666;
    width: 65px;
    margin: 0 0 0 1px;
    padding: 1px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
  }

  #nav li ul#headlinesChild a, #nav li ul#contactChild a {
    width: 75px;
  }

  #nav li ul#aboutChild a {
    width: 90px;
  }
}
@media (max-width: 480px) {
  #nav {
    top: 0px;
    margin-left: -120px;
    left: 50%;
  }
}
@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

#toggle {
  display: none;
}

@media screen and (max-width: 767px) {
  #gnav {
    margin: 0;
    width: 100%;
  }

  .js #spnav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
  }

  #spnav {
    top: 0;
    width: 100%;
    position: relative;
    float: none;
    margin: 0 0 10px;
  }

  #spnav li {
    float: none;
  }

  #spnav li a {
    font-size: 12px;
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    margin: 0;
    color: #FFF;
    border-bottom: 1px solid #333;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }

  #spnav li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #004F9E;
  }

  #spnav li a span {
    display: none;
    visibility: hidden;
  }

  #spnav li a:hover span {
    display: none;
    visibility: visible;
  }

  #spnav.opened {
    max-height: 9999px;
  }

  #spnav a:hover {
    background: transparent;
  }

  #spnav .active a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
  }

  #toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 75px;
    height: 40px;
    float: right;
    margin: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: #444444 url("images/hamburger.gif") no-repeat 50% 33%;
  }

  .main {
    -webkit-overflow-scrolling: auto;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .main::-webkit-scrollbar {
    background-color: transparent;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  body {
    background-image: url("images/debut_dark_@2X.png");
    -webkit-background-size: 200px 200px;
    -moz-background-size: 200px 200px;
    -o-background-size: 200px 200px;
    background-size: 200px 200px;
  }

  #toggle {
    background-image: url("images/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}
h1,
h2,
h3 {
  text-transform: none;
  color: #555555;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

h4,
h5,
h6 {
  font-size: 1.2em;
  color: #555555;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  margin: 0 0 10px;
  padding: 0 0 5px 0;
  line-height: 1.6em;
}

h1 {
  font-size: 70px;
  line-height: 74px;
}

header h1 {
  padding: 0;
  margin: 0;
}

h4 {
  font-size: 1.2em;
  margin: 0 0 10px;
  padding: 0 0 5px 0;
  line-height: 1.6em;
}

h5 {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0 0 5px;
  line-height: 1.6em;
}
h5.common {
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  border-bottom: solid 1px #ddd;
}

p.disc {
  font-size: 0.858em;
  color: #999;
  margin: 0 0 10px 5px;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.6em;
}
@media screen and (max-width: 480px) {
  p.disc {
    font-size: 10px;
    margin: 0 0 10px;
  }
}

h2 {
  font-size: 50px;
  line-height: 52px;
  text-transform: none;
  color: #003f83;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  letter-spacing: -1px;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 480px) {
  h2 {
    font-size: 30px;
  }
}

h2.common {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #003f83;
}

body.printing h2.common {
  color: #009900;
  border-bottom: 1px solid #009900;
}

body.web h2.common {
  color: #eabf4a;
  border-bottom: 1px solid #eabf4a;
}

body.promotion h2.common {
  color: #8e08a6;
  border-bottom: 1px solid #8e08a6;
}

body.hosting h2.common {
  color: #ff7e00;
  border-bottom: 1px solid #ff7e00;
}

body.school h2.common {
  color: #d6000f;
  border-bottom: 1px solid #d6000f;
}

h3.common {
  position: relative;
  font-size: 1.4em;
  font-style: normal;
  color: #003f83;
  border-bottom: 1px solid #003f83;
  padding: 0 0 0 30px;
  margin: 0 0 15px 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  clear: both;
}
h3.common span.disc {
  margin-left: 20px;
  font-size: 60%;
  color: #ccc;
  position: relative;
  top: -5px;
}
h3.common span.circle {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 999;
  text-decoration: none;
  text-align: center;
  text-indent: -9999px;
  background: #003f83;
  left: 0px;
  top: 10px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0px 0px 1px 0px #003f83;
  -moz-box-shadow: 0px 0px 1px 0px #003f83;
  box-shadow: 0px 0px 1px 0px #003f83;
}

body.printing h3.common {
  color: #009900;
  border-bottom: 1px solid #009900;
}
body.printing h3.common span.circle {
  background: #009900;
  -webkit-box-shadow: 0px 0px 1px 0px #009900;
  -moz-box-shadow: 0px 0px 1px 0px #009900;
  box-shadow: 0px 0px 1px 0px #009900;
}

body.web h3.common {
  color: #eabf4a;
  border-bottom: 1px solid #eabf4a;
}
body.web h3.common span.circle {
  background: #eabf4a;
  -webkit-box-shadow: 0px 0px 1px 0px #eabf4a;
  -moz-box-shadow: 0px 0px 1px 0px #eabf4a;
  box-shadow: 0px 0px 1px 0px #eabf4a;
}

body.promotion h3.common {
  color: #8e08a6;
  border-bottom: 1px solid #8e08a6;
}
body.promotion h3.common span.circle {
  background: #8e08a6;
  -webkit-box-shadow: 0px 0px 1px 0px #8e08a6;
  -moz-box-shadow: 0px 0px 1px 0px #8e08a6;
  box-shadow: 0px 0px 1px 0px #8e08a6;
}

body.hosting h3.common {
  color: #ff7e00;
  border-bottom: 1px solid #ff7e00;
}
body.hosting h3.common span.circle {
  background: #ff7e00;
  -webkit-box-shadow: 0px 0px 1px 0px #ff7e00;
  -moz-box-shadow: 0px 0px 1px 0px #ff7e00;
  box-shadow: 0px 0px 1px 0px #ff7e00;
}

body.school h3.common {
  color: #d6000f;
  border-bottom: 1px solid #d6000f;
}
body.school h3.common span.circle {
  background: #d6000f;
  -webkit-box-shadow: 0px 0px 1px 0px #d6000f;
  -moz-box-shadow: 0px 0px 1px 0px #d6000f;
  box-shadow: 0px 0px 1px 0px #d6000f;
}

h4.bgBlack {
  font-size: 14px;
  color: #FFF;
  background: #7f7f7f;
  padding: 5px 10px;
  margin: 0 0 15px;
}

@media screen and (max-width: 480px) {
  h3.common {
    font-size: 12px;
    padding-bottom: 0px;
    padding-left: 15px;
    margin: 0 0 10px;
  }
  h3.common span {
    display: none;
  }
  h3.common span.circle {
    width: 10px;
    height: 10px;
    top: 15px;
  }

  h4.common, h4.bgBlack {
    font-size: 12px;
  }
}
p {
  word-break: break-all;
}

p.text {
  font-size: 1em;
  line-height: 1.8em;
  margin: 0 0 15px;
  padding: 0;
  /*clear:both*/
}

em.text {
  font-size: 1.1em;
  font-style: normal;
  line-height: 1.2em;
}

strong.text {
  font-size: 1.39em;
  font-weight: normal;
  line-height: 1.6em;
}

@media (max-width: 979px) and (min-width: 768px) {
  strong.text {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 480px) {
  strong.text {
    font-size: 1.39em;
  }
}
.row-fluid article.span2 {
  display: none;
}

@media (max-width: 767px) {
  .row-fluid article.span3 {
    display: none;
    visibility: none;
  }

  .row-fluid article.span2 {
    display: inline;
  }
}
h3.side {
  font-size: 1.8em;
  line-height: 1.4em;
  margin: 15px 0 -10px;
  padding: 0;
}
h3.side a {
  display: block;
  color: #003f83;
  z-index: 10;
  position: relative;
  border-bottom: 1px #EEE solid;
  padding: 10px;
  -moz-transition: all 0.2s linear 0;
  -webkit-transition: all 0.2s linear 0;
}
h3.side a:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  border-bottom: 1px #DDD solid;
}
h3.side a:hover {
  text-decoration: none;
  color: #09C;
}

body.printing h3.side a {
  color: #009900;
}
body.printing h3.side a:hover {
  color: #99d699;
}

body.web h3.side a {
  color: #eabf4a;
}
body.web h3.side a:hover {
  color: #f4dfa4;
}

body.promotion h3.side a {
  color: #8e08a6;
}
body.promotion h3.side a:hover {
  color: #c683d2;
}

body.hosting h3.side a {
  color: #ff7e00;
}
body.hosting h3.side a:hover {
  color: #ffbe7f;
}

body.school h3.side a {
  color: #d6000f;
}
body.school h3.side a:hover {
  color: #ea7f87;
}

h3.blog, dl.clients dt {
  font-size: 1.8em;
  line-height: 1.4em;
  margin: 15px 0 15px;
  padding: 0 0 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F0F0;
}

section.tagCloud {
  margin: 0 0 15px 0;
}

@media (max-width: 979px) and (min-width: 768px) {
  h3.side {
    font-size: 1.4em;
  }
}
.box_sns {
  margin: 0 0 15px 0;
}

.box_sns .fb, .box_sns .tw, .box_sns .rss, .box_sns .feedly {
  margin: 0 0 10px 0;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  width: 100%;
  overflow: hidden;
}

.box_sns .fb img, .box_sns .fb .fb-like, .box_sns .fb .twitter-follow-button, .box_sns .fb .btn, .box_sns .tw img,
.box_sns .tw .fb-like, .box_sns .tw .twitter-follow-button, .box_sns .tw .btn, .box_sns .rss img, .box_sns .rss .fb-like,
.box_sns .rss .twitter-follow-button, .box_sns .rss .btn
, .box_sns .feedly img, .box_sns .feedly .fb-like,
.box_sns .feedly .twitter-follow-button, .box_sns .feedly .btn {
  display: block !important;
  float: left !important;
}

.box_sns .fb, .box_sns .tw, .box_sns .rss, .box_sns .feedly {
  padding: 25px 0;
}
@media (max-width: 979px) and (min-width: 768px) {
  .box_sns .fb, .box_sns .tw, .box_sns .rss, .box_sns .feedly {
    padding: 15px 10px;
  }
}

.box_sns .fb {
  background: #3a5a9a;
}
.box_sns .fb img {
  margin: 0 0 0 40px;
}
@media (max-width: 1300px) {
  .box_sns .fb img {
    margin: 0 0 0 5px;
  }
}
.box_sns .tw {
  background: #32ccfe;
}
.box_sns .tw img {
  margin: 0 0 0 30px;
}
@media (max-width: 1300px) {
  .box_sns .tw img {
    margin: 0 0 0 5px;
  }
}
.box_sns .rss {
  background: #f58a00;
}
.box_sns .rss img {
  margin: 0 0 0 45px;
}
@media (max-width: 1300px) {
  .box_sns .rss img {
    margin: 0 0 0 5px;
  }
}
.box_sns .rss .btn, .box_sns .feedly .btn {
  display: block;
  border: #ccc 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #e2e2e2));
  background-image: -webkit-linear-gradient(white, #e2e2e2);
  background-image: -moz-linear-gradient(white, #e2e2e2);
  background-image: -o-linear-gradient(white, #e2e2e2);
  background-image: linear-gradient(#ffffff, #e2e2e2);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE2E2E2');
  color: #333;
  text-decoration: none;
  cursor: pointer;
  line-height: 120%;
  font-size: 80%;
  font-weight: bold;
  padding: 4px 10px 3px 10px;
}
.box_sns .rss .btn:hover, .box_sns .feedly .btn:hover {
  border-color: #999;
}
.box_sns .feedly {
  background: #87C040;
}
.box_sns .feedly img {
  margin: 0 0 0 35px;
}
@media (max-width: 1300px) {
  .box_sns .feedly img {
    margin: 0 0 0 5px;
  }
}

ul.sidenavi {
  margin: 0 0 15px;
  padding-top: 10px;
}
ul.sidenavi li {
  list-style-type: none;
  font-size: 14px;
  line-height: 1.2em;
}
ul.sidenavi li a {
  position: relative;
  display: block;
  color: #555555;
  padding: 8px 10px 10px 10px;
  -moz-transition: all 0.2s linear 0;
  -webkit-transition: all 0.2s linear 0;
  z-index: 10;
  position: relative;
  border-bottom: 1px #EEE solid;
}
ul.sidenavi li a:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  border-bottom: 1px #DDD solid;
}
ul.sidenavi li a:hover {
  text-decoration: none;
  background-color: #F2F5F9;
}
ul.sidenavi li a span.disc, ul.sidenavi li a span.item {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
ul.sidenavi li a:hover span.disc, ul.sidenavi li a:hover span.item {
  padding-left: 30px;
}
ul.sidenavi li a span.circle {
  position: absolute;
  top: 38%;
  left: 5px;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 999;
  text-decoration: none;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
  background: #003f83;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0px 0px 1px 0px #003f83;
  -moz-box-shadow: 0px 0px 1px 0px #003f83;
  box-shadow: 0px 0px 1px 0px #003f83;
}
ul.sidenavi li a span.circle {
  visibility: hidden;
  left: 20px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  filter: alpha(opacity=0);
}
ul.sidenavi li a:hover span.circle {
  visibility: visible;
  display: block;
  left: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  filter: alpha(opacity=100);
}

ul.sidenavi li span.disc {
  font-size: 60%;
  color: #AABFD6;
  margin: 0 0 0 2px;
  position: relative;
}

body.printing ul.sidenavi li a:hover {
  text-decoration: none;
  background-color: #D9F0D9;
}
body.printing ul.sidenavi li a span.circle {
  background: #009900;
  -webkit-box-shadow: 0px 0px 1px 0px #009900;
  -moz-box-shadow: 0px 0px 1px 0px #009900;
  box-shadow: 0px 0px 1px 0px #009900;
}
body.printing ul.sidenavi li span.disc {
  color: #99d699;
}

body.web ul.sidenavi li a:hover {
  text-decoration: none;
  background-color: #fcf5e4;
}
body.web ul.sidenavi li a span.circle {
  background: #eabf4a;
  -webkit-box-shadow: 0px 0px 1px 0px #eabf4a;
  -moz-box-shadow: 0px 0px 1px 0px #eabf4a;
  box-shadow: 0px 0px 1px 0px #eabf4a;
}
body.web ul.sidenavi li span.disc {
  color: #f4dfa4;
}

body.promotion ul.sidenavi li a:hover {
  text-decoration: none;
  background-color: #eedaf2;
}
body.promotion ul.sidenavi li a span.circle {
  background: #8e08a6;
  -webkit-box-shadow: 0px 0px 1px 0px #8e08a6;
  -moz-box-shadow: 0px 0px 1px 0px #8e08a6;
  box-shadow: 0px 0px 1px 0px #8e08a6;
}
body.promotion ul.sidenavi li span.disc {
  color: #c683d2;
}

body.hosting ul.sidenavi li a:hover {
  text-decoration: none;
  background-color: #ffecd9;
}
body.hosting ul.sidenavi li a span.circle {
  background: #ff7e00;
  -webkit-box-shadow: 0px 0px 1px 0px #ff7e00;
  -moz-box-shadow: 0px 0px 1px 0px #ff7e00;
  box-shadow: 0px 0px 1px 0px #ff7e00;
}
body.hosting ul.sidenavi li span.disc {
  color: #ffbe7f;
}

body.school ul.sidenavi li a:hover {
  text-decoration: none;
  background-color: #f9d9db;
}
body.school ul.sidenavi li a span.circle {
  background: #d6000f;
  -webkit-box-shadow: 0px 0px 1px 0px #d6000f;
  -moz-box-shadow: 0px 0px 1px 0px #d6000f;
  box-shadow: 0px 0px 1px 0px #d6000f;
}
body.school ul.sidenavi li span.disc {
  color: #ea7f87;
}

@media (max-width: 979px) and (min-width: 768px) {
  ul.sidenavi li a:hover span.disc, ul.sidenavi li a:hover span.item {
    padding-left: 0px;
  }

  ul.sidenavi li a:hover span.circle {
    display: none;
  }
}
ul.blogCat, dl.clients dd, ul.wpp-list {
  margin: 0;
}
ul.blogCat li, dl.clients dd li, ul.wpp-list li {
  list-style-type: none;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 0 5px 5px 5px;
  border-bottom: dotted 1px #ddd;
}
ul.blogCat li a, dl.clients dd li a, ul.wpp-list li a {
  -moz-transition: all 0.2s linear 0;
  -webkit-transition: all 0.2s linear 0;
}
ul.blogCat li a:hover, dl.clients dd li a:hover, ul.wpp-list li a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

ul.blogCat li span.time, dl.clients dd li span.time {
  color: #666;
  font-size: 10px;
  margin-bottom: 5px;
}

ul.bnr {
  margin: 0;
}
ul.bnr li {
  list-style-type: none;
  margin-bottom: 10px;
  text-align: left;
}
ul.bnr li a {
  font-size: 18px;
  display: block;
  position: relative;
  color: #003f83;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0;
  -moz-transition: all 0.2s linear 0;
  -o-transition: all 0.2s linear 0;
  transition: all 0.2s linear 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #DDD;
  padding: 10px 0 10px 65px;
}
ul.bnr li a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #003f83;
  border: 1px solid #003f83;
}
ul.bnr li a span.sideinquiryDisc {
  font-size: 60%;
  color: #999;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
ul.bnr li a:hover span.sideinquiryDisc {
  color: #FFF;
}
ul.bnr li a i {
  position: absolute;
  font-size: 40px;
  display: block;
  z-index: 999;
  left: 15px;
  top: 13px;
}

p.side3rd a {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0;
  -moz-transition: all 0.2s linear 0;
  -o-transition: all 0.2s linear 0;
  transition: all 0.2s linear 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
}
p.side3rd a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

p.side3rdblog a {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0;
  -moz-transition: all 0.2s linear 0;
  -o-transition: all 0.2s linear 0;
  transition: all 0.2s linear 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #DDD;
  background-color: #8D1116;
}
p.side3rdblog a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}

#content a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#content {
  position: relative;
  padding: 0 0 40px;
}

.bg-content {
  background: white;
}

.block-slogan {
  overflow: hidden;
  padding-bottom: 44px;
}
.block-slogan h2 {
  float: left;
  margin: 0;
  padding-right: 30px;
  line-height: 54px;
}
.block-slogan h2:first-letter {
  color: #036;
  font-weight: normal;
}
.block-slogan p {
  border-left: 1px solid #454545;
  padding: 0 0 0 26px;
}
.block-slogan div {
  overflow: hidden;
}

.row-1 {
  background: #000000;
  border-top: 1px solid #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 14px;
}

.ic {
  border: 0;
  float: right;
  background: #fff;
  color: #f00;
  width: 50%;
  line-height: 10px;
  font-size: 10px;
  margin: -220% 0 0 0;
  overflow: hidden;
  padding: 0;
}

@media (max-width: 979px) {
  .inner-1 {
    padding: 0;
  }

  .block-slogan h2 {
    padding-right: 30px;
  }
}
@media (max-width: 640px) {
  .block-slogan h2 {
    float: none;
    margin-bottom: 16px;
    padding: 0;
  }
  .block-slogan p {
    border: none;
    padding-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .inner-1 {
    margin-top: 10px;
  }
}
.thumbnails-1 {
  margin: 0;
  list-style: outside none;
}

.thumbnails-1 > li {
  margin-bottom: 40px;
}

.thumbnails-1 .thumbnail-1 {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  line-height: 20px;
}

.thumbnails-1 .thumbnail-1 section {
  padding-top: 25px;
}

.thumbnails-1 .thumbnail-1 section strong {
  color: #ffffff;
  font-weight: normal;
}

.border-horiz {
  background: url(images/border-horiz.gif) repeat-x 0 0;
  height: 2px;
  margin: 16px 0 0;
}

.border-horiz.extra {
  margin-bottom: 10px;
}

.txt-1 {
  color: #ffffff;
  padding: 3px 0 10px;
}

@media (max-width: 767px) {
  .thumbnail-1 > img {
    width: 100%;
  }

  .thumbnails-1 .thumbnail-1 img {
    width: 100%;
  }

  .thumbnails-1 {
    margin-left: -20px;
  }

  .thumbnails-1 li {
    float: left;
    width: 45%;
    margin-left: 20px;
  }
}
@media (max-width: 600px) {
  .thumbnails-1 .thumbnail-1 img {
    width: 100%;
  }

  .thumbnails-1 {
    margin-left: 0px;
  }

  .thumbnails-1 li {
    float: none;
    width: 100%;
    margin-left: 0px;
  }

  .img-indent {
    float: none;
    margin: 0 0 16px 0;
  }

  .img-indent img {
    width: 100%;
  }
}
.list-pad {
  padding-right: 28px;
}

.list {
  list-style: none outside;
  padding-top: 14px;
  float: left;
  width: 106px;
  margin: 0;
}
.list li {
  background: url(images/marker-1.png) no-repeat 0 7px;
  padding-left: 10px;
  padding-bottom: 10px;
}
.list li.last {
  padding-bottom: 0;
}
.list li a {
  color: #036;
  display: inline-block;
}
.list li a:hover {
  text-decoration: none;
  color: #ffffff;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 0 0 15px 0;
  border: dotted 1px #ddd;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body .list-blog div.yarpp {
  clear: both;
  border: solid 1px #7f7f7f;
  margin: 0 0 20px 0;
}
body .list-blog div.yarpp h4 {
  color: #fff;
  background-color: #7f7f7f;
  font-size: 1.2em;
  padding: 5px 15px;
  margin: 0px 0px 15px 0px;
  border: none;
}
body .list-blog div.yarpp ul.thumbnails {
  padding: 0px 10px 0 10px;
  margin-bottom: 0;
}
body .list-blog div.yarpp ul.thumbnails li.span6:nth-child(2n + 1) {
  margin-left: 0px;
}

div.yarpp ul.thumbnails li.span6:nth-child(1) {
  border-bottom: solid 1px #ddd;
  padding: 0 10px 10px 0;
  margin: 0 0 0 5px;
}
@media (max-width: 767px) {
  div.yarpp ul.thumbnails li.span6:nth-child(1) {
    border-bottom: none;
    padding: 0;
    margin: 0 -10px 15px -10px;
  }
}

div.yarpp ul.thumbnails li.span6:nth-child(2) {
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  margin: 0;
  padding: 0 0 10px 10px;
}
@media (max-width: 767px) {
  div.yarpp ul.thumbnails li.span6:nth-child(2) {
    border-bottom: none;
    border-left: none;
    padding: 0;
    margin: 0 -10px 15px -10px;
  }
}

div.yarpp ul.thumbnails li.span6:nth-child(3) {
  padding: 10px 10px 10px 0;
  margin: 0 0 0 5px;
}
@media (max-width: 767px) {
  div.yarpp ul.thumbnails li.span6:nth-child(3) {
    padding: 0;
    margin: 0 -10px 15px -10px;
  }
}

div.yarpp ul.thumbnails li.span6:nth-child(4) {
  border-left: solid 1px #ddd;
  margin-left: 0px;
  padding: 10px 0 10px 10px;
}
@media (max-width: 767px) {
  div.yarpp ul.thumbnails li.span6:nth-child(4) {
    border-left: none;
    padding: 0;
    margin: 0 -10px 15px -10px;
  }
}

div.yarpp .thumbnail {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

div.yarpp .Posts p.thumb {
  float: left;
  margin: -15px 15px 0 0;
}
div.yarpp .Posts p.thumb img {
  margin: 15px 0 0 0;
}
div.yarpp .Posts div h5 {
  font-size: 14px;
  line-height: 1.4em;
  clear: none;
  font-weight: normal;
}
div.yarpp .Posts div p.cat {
  text-align: right;
}
div.yarpp .Posts div p.cat span {
  font-size: 10px;
}

ul.sns li {
  margin: 0 0 0 10px;
}
@media (max-width: 480px) {
  ul.sns li {
    margin: 0 0 0 2px;
  }
}

form#searchform {
  margin-bottom: 10px;
}

input#search {
  background: #ffffff;
  border: solid #DDD 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 21px !important;
  width: 185px;
  float: left;
  margin: 0px 10px 10px 0;
  padding: 4px 12px 5px;
  font-size: 14px;
  height: 37px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form#searchform input[type="submit"] {
  margin-bottom: 0;
}

.list-blog {
  list-style: none outside;
  margin: 0;
  color: #555;
}
.list-blog article {
  padding-bottom: 15px;
  margin: 10px 0 32px 0;
}
.list-blog section.postInfo {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.list-blog section.postEntry {
  clear: both;
}
.list-blog section.postEntry ul li {
  font-size: 16px;
  margin: 0 0 15px 0;
}
.list-blog section.postEntry section {
  overflow: hidden;
  margin-bottom: 1.5em;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  color: #333;
}
.list-blog article.last {
  background: none;
}
.list-blog h2 {
  font-size: 1.8em;
  font-style: normal;
  margin-bottom: 10px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  clear: both;
}
.list-blog h3 {
  font-size: 1.6em;
  font-style: normal;
  margin: 15px 0;
  padding-bottom: 5px;
  border-bottom: solid 1px #ddd;
  line-height: 1.4em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  clear: both;
}
@media (max-width: 480px) {
  .list-blog h3 {
    font-size: 1.2em;
  }
}
.list-blog h4 {
  font-size: 23px;
  font-style: normal;
  margin: 40px 0 15px 0;
  padding-bottom: 5px;
  border-bottom: solid 3px #003f83;
  line-height: 32px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  clear: both;
}
@media (max-width: 480px) {
  .list-blog h4 {
    font-size: 1.2em;
  }
}
.list-blog h5 {
  font-size: 20px;
  font-style: normal;
  margin: 30px 0 15px 0;
  font-weight: bold;
  line-height: 25px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  clear: both;
}
@media (max-width: 480px) {
  .list-blog h5 {
    font-size: 1.2em;
  }
}
.list-blog h6 {
  color: #003f83;
  font-weight: bold;
}

figure.eyecatch {
  float: left;
  margin: 0;
}
figure.eyecatch div {
  margin: 0 15px 15px 0;
}

figure.eyecatch:empty {
  float: none;
  margin: 0 -15px -15px 0;
}

figure.eyecatch img {
  margin-top: 5px;
}

.post-author {
  padding-left: 1em;
}

.list-blog p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media (max-width: 480px) {
  .list-blog p {
    line-height: 1.6em;
  }
}
.list-blog p strong {
  font-weight: bold;
}
.list-blog p img {
  padding: 0.5%;
  border: dotted 1px #ddd;
}

.list-blog p span.ao {
  color: #00688C;
}

.date-1 {
  float: left;
  border-right: 1px solid #555555;
  line-height: 18px;
  padding-right: 8px;
}

.post-cat {
  float: left;
  line-height: 18px;
  padding-left: 8px;
}
.post-cat a {
  text-decoration: none;
}

.post-comments {
  float: right;
  line-height: 18px;
  text-decoration: none;
}

.list-blog .navigation {
  overflow: hidden;
  margin-bottom: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: url(images/gray.gif) repeat-y 50% 0;
  clear: both;
}

.navigation > div {
  width: 50%;
}

.navigation .alignright {
  text-align: right;
}

.navigation a {
  display: block;
  padding: 1em;
  border: none;
}
.navigation a:hover {
  background: #f7fbff;
}

.navigation .alignright a:hover {
  border-left: 1px solid #ddd;
}

.footer-post-meta {
  margin-top: 40px;
  text-align: right;
}

.post-author {
  padding-left: 1em;
}

.page-link {
  margin: 3em 0;
}

.comment-page-link {
  margin: 0 0 3em;
}

.page-link span,
.comment-page-link span,
.comment-page-link a {
  display: inline-block;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #ddd;
  background: #ddd;
}

.page-link a span,
.comment-page-link a {
  background: #fff;
}

.page-link a {
  border-bottom: none;
  color: #000;
}

.page-link a span:hover,
.comment-page-link a:hover {
  background: #ffeff7;
  color: #000;
}

.footer-post-meta {
  margin-top: 40px;
  text-align: right;
}

.post-author {
  padding-left: 1em;
}

.page-link {
  margin: 3em 0;
}

.comment-page-link {
  margin: 0 0 3em;
}

.page-link span,
.comment-page-link span,
.comment-page-link a {
  display: inline-block;
  margin-right: 3px;
  padding: 5px 8px;
  border: 1px solid #ddd;
  background: #ddd;
}

.page-link a span,
.comment-page-link a {
  background: #fff;
}

.page-link a {
  border-bottom: none;
  color: #000;
}

.page-link a span:hover,
.comment-page-link a:hover {
  background: #ffeff7;
  color: #000;
}

.list-blog textarea {
  width: 97.8%;
}

.pager {
  text-align: center;
  margin-bottom: 0;
}

a.page-numbers,
.pager .current {
  border: solid 1px #DDD;
  border-radius: 2px;
  padding: 5px 8px;
  margin: 0 2px;
}

.pager .current {
  background: #036;
  border: solid 1px #DDD;
  color: #FFF;
}

#comment-area {
  border: 1px solid #DDD;
  margin: 0 0 15px;
  padding: 15px 20px 3px;
  background: #fbfbfb;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comment-area h3 {
  font-size: 1.4em;
  font-style: normal;
  border-bottom: 1px solid #DDD;
  margin: 0 0 25px 0;
  padding-bottom: 25px;
  font-family: 'Open Sans', sans-serif;
  clear: both;
}

.required {
  color: #003366;
}

.commets-list,
.trackback-list {
  overflow: hidden;
  margin: -20px 0 0 0;
}

.commets-list li,
.trackback-list li {
  overflow: hidden;
  margin-top: -1px;
  padding: 20px 0 0;
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid transparent;
}

.commets-list .avatar {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small {
  font-size: 80%;
}

.comment-body p {
  clear: both;
}

.reply {
  text-align: right;
  margin-bottom: 15px;
}

.commets-list img {
  margin-top: 0px;
}

.children {
  padding-left: 2em;
}

#respond {
  margin-bottom: 40px;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  margin-bottom: 20px;
  padding: 4px 12px;
  padding: 8px 10px;
  border: 1px solid #003366;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 3px;
  background: #003366;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  border: 1px solid #666;
  background: #666;
  color: #fff;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  position: relative;
  top: 1px;
}

#search {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#search input {
  background: #ffffff;
  border: solid #DDD 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 21px !important;
  width: 185px;
  float: left;
  margin: 0px 10px 15px 0;
  padding: 4px 12px 5px;
  font-size: 14px;
  height: 30px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#search input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#search a {
  float: left;
}

.map {
  margin: 0 0 25px;
  padding-top: 10px;
  line-height: 0;
}
.map iframe {
  border: none;
  width: 100%;
  height: 370px;
}

@media (min-width: 1300px) {
  #form-search input {
    width: 216px;
  }
}
@media (max-width: 1300px) {
  #search input {
    width: 200px;
  }
}
@media (max-width: 767px) {
  #form-search input {
    width: 70%;
  }

  #search input {
    width: 66%;
  }
}
@media (max-width: 979px) {
  #search input {
    width: 127px;
  }
}
@media (max-width: 480px) {
  #form-search input {
    width: 100%;
  }

  #search input {
    width: 66%;
  }
}
.address-1 {
  overflow: hidden;
}
.address-1 strong {
  color: #555555;
  display: block;
  font-weight: normal;
}
.address-1 span {
  display: inline-block;
  width: 80px;
  color: #ffffff;
}

.mail-1 {
  text-decoration: underline;
  color: #036;
}

.mail-1:hover {
  text-decoration: none;
}

.mail-2 {
  text-align: right;
}
.mail-2 a {
  color: #3c3c3c;
}
.mail-2 a:hover {
  text-decoration: underline;
}

#contact-form {
  position: relative;
  vertical-align: top;
  z-index: 1;
  margin: 0 0 20px;
  padding-top: 10px;
}
#contact-form fieldset {
  border: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#contact-form label {
  display: inline-block;
  min-height: 40px;
  position: relative;
  margin: 0;
}
#contact-form .message {
  min-height: 343px;
  width: 100%;
}
#contact-form input,
#contact-form textarea {
  font-family: 'Open Sans', sans-serif;
  padding: 4px 18px 5px;
  margin: 0;
  font-size: 14px;
  line-height: 21px !important;
  color: #555555;
  background: #ffffff;
  outline: none;
  width: 370px;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form input {
  height: 30px;
}
#contact-form input:focus,
#contact-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#contact-form .area .error {
  float: none;
}
#contact-form textarea {
  width: 100%;
  height: 323px;
  resize: none;
  overflow: auto;
}
#contact-form .success {
  display: none;
  margin-bottom: 20px;
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  background: #ffffff;
  padding: 12px 14px;
  text-transform: none;
}
#contact-form .error,
#contact-form .empty {
  color: #f00;
  font-size: 11px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px 4px;
  text-transform: none;
}

.buttons-wrapper {
  position: relative;
}
.buttons-wrapper a {
  margin-right: 10px;
  cursor: pointer;
}
.buttons-wrapper a:hover {
  text-decoration: none;
}

@media (max-width: 979px) {
  #contact-form label {
    display: block;
  }

  #contact-form input,
  #contact-form textarea {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #contact-form input,
  #contact-form textarea {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #contact-form textarea {
    height: 280px;
  }

  #contact-form .message {
    min-height: 290px;
  }
}
div.contentPortfolio {
  color: #666;
  padding: 100px 0 100px 0;
  margin: 0 0 30px;
  border: 1px solid #DDD;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}

div.contentPlan {
  color: #666;
  padding: 50px 0 50px 0;
  margin: 0 0 10px;
  border: 1px solid #DDD;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}

.caret-flow {
  position: absolute;
  left: 50%;
  bottom: -10px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 10px solid #003f83;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  content: "";
}

body.printing .caret-flow {
  border-top: 10px solid #009900;
}

body.school .caret-flow {
  border-top: 10px solid #d6000f;
}

@media screen and (max-width: 768px) {
  div.flow img {
    max-width: 95%;
  }
}
@media screen and (max-width: 480px) {
  div.flow h4 {
    font-size: 12px;
  }
}
div.preparation {
  position: relative;
  clear: both;
  margin: 0 0 30px;
  padding: 5px 15px 0 15px;
  border: 1px solid #DDD;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
div.preparation h4 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
div.preparation p span {
  font-size: 90%;
  color: #7f9fc1;
}
div.preparation p a {
  display: block;
  color: #7f9fc1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid #DDD;
  padding-top: 20px;
  padding-bottom: 20px;
}
div.preparation p a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #7f9fc1;
}

@media screen and (max-width: 768px) {
  #theme-demo {
    height: 300px;
    margin-bottom: -30px;
  }
}
table.commonPrice {
  width: 100%;
  margin: 0 0 20px;
  font-size: small;
  line-height: 1.8em;
  border-collapse: collapse;
  border: 1px #DDD solid;
}
table.commonPrice th, table.commonPrice td {
  padding: 10px;
  border: 1px #DDD solid;
  text-align: center;
}
table.commonPrice th {
  font-weight: normal;
  background-color: #F3F3F3;
}
table.commonPrice td {
  text-align: left;
}
table.commonPrice td.odd {
  background-color: #F7FBFF;
}
table.commonPrice td:hover {
  background-color: #FAFAFA;
}
table.commonPrice ul {
  text-align: left;
}
table.commonPrice p {
  text-align: left;
  padding: 0;
}

section.commonInquiry {
  padding: 30px 0 10px 0;
  margin: 0 0 20px 0;
  border-top: dotted 1px #DDD;
  border-bottom: dotted 1px #DDD;
  clear: both;
}
section.commonInquiry h4 {
  float: left;
  font-size: 14px;
  line-height: 1.6em;
  margin: 12px 0 20px;
}
section.commonInquiry h4 span {
  color: #003f83;
}
section.commonInquiry p {
  float: right;
}
section.commonInquiry p a {
  font-size: 20px;
  position: relative;
  display: block;
  line-height: 1em;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0;
  -moz-transition: all 0.2s linear 0;
  -o-transition: all 0.2s linear 0;
  transition: all 0.2s linear 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #DDD;
  width: 170px;
  padding: 15px 0 15px 75px;
  color: #003f83;
}
section.commonInquiry p a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #003f83;
  border: 1px solid #003f83;
}
section.commonInquiry p a span.inquiryDisc {
  font-size: 60%;
  color: #999;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
section.commonInquiry p a:hover span.inquiryDisc {
  color: #FFF;
}
section.commonInquiry p a i {
  position: absolute;
  font-size: 55px;
  display: block;
  z-index: 999;
  left: 15px;
  top: 10px;
}

section.quotes {
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
  border-bottom: dotted 1px #DDD;
  clear: both;
}
section.quotes h4 {
  float: left;
  font-size: 14px;
  line-height: 1.6em;
  margin: 12px 0 20px;
}
section.quotes h4 span {
  color: #003f83;
}
section.quotes p {
  float: right;
}
section.quotes p a {
  font-size: 20px;
  position: relative;
  display: block;
  line-height: 1em;
  -webkit-transition: all 0.2s linear;
  -webkit-transition-delay: 0;
  -moz-transition: all 0.2s linear 0;
  -o-transition: all 0.2s linear 0;
  transition: all 0.2s linear 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #DDD;
  width: 170px;
  padding: 15px 0 15px 75px;
  color: #003f83;
}
section.quotes p a:hover {
  text-decoration: none;
  color: #FFF;
  background-color: #003f83;
  border: 1px solid #003f83;
}
section.quotes p a span.inquiryDisc {
  font-size: 60%;
  color: #999;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
section.quotes p a:hover span.inquiryDisc {
  color: #FFF;
}
section.quotes p a i {
  position: absolute;
  font-size: 55px;
  display: block;
  z-index: 999;
  left: 15px;
  top: 10px;
}

body.web section.quotes h4 span {
  color: #eabf4a;
}
body.web section.quotes p a {
  color: #eabf4a;
}
body.web section.quotes p a:hover {
  color: #FFF;
  background-color: #eabf4a;
  border: 1px solid #eabf4a;
}

@media (max-width: 979px) and (min-width: 768px) {
  section.commonInquiry {
    padding: 0;
  }
  section.commonInquiry h4 {
    float: none;
    font-size: 14px;
    line-height: 1.6em;
  }
  section.commonInquiry p {
    float: none;
  }
  section.commonInquiry p a {
    text-align: center;
    width: 100%;
    padding: 15px 0 15px;
  }
}
@media screen and (max-width: 768px) {
  section.commonInquiry {
    padding: 0;
  }
  section.commonInquiry h4 {
    float: none;
    font-size: 14px;
    line-height: 1.6em;
  }
  section.commonInquiry p {
    float: none;
    text-align: center;
  }
  section.commonInquiry p a {
    text-align: center;
    width: 100%;
    padding: 15px 0 15px;
  }
}
table.logoPlan {
  width: 100%;
  margin: 0 0 20px;
  font-size: small;
  line-height: 1.8em;
  border-collapse: collapse;
  border: 1px #DDD solid;
}
table.logoPlan th, table.logoPlan td {
  padding: 10px;
}
table.logoPlan th {
  font-weight: normal;
  vertical-align: top;
}
table.logoPlan td {
  text-align: right;
}
table.logoPlan tr.odd {
  background-color: #F7FBFF;
}
table.logoPlan tr.odd:hover {
  background-color: #FAFAFA;
}

.st-accordion {
  width: 100%;
  min-width: 270px;
  margin: 0 auto;
}

.st-accordion ul.accordion {
  margin: 0 0 30px 0;
}

.st-accordion ul.accordion li {
  height: 100px;
  border-bottom: 1px solid #99d699;
  border-top: 1px solid #fff;
  overflow: hidden;
}

.st-accordion ul.accordion li:first-child {
  border-top: none;
}

.st-accordion ul.accordion li > a span.priceDisc {
  margin-left: 20px;
  font-size: 30%;
  color: #ccc;
  position: relative;
  top: -5px;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.st-accordion ul.accordion li > a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 46px;
  display: block;
  position: relative;
  line-height: 100px;
  outline: none;
  color: #009900;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.st-accordion ul.accordion li > a span.st-arrow {
  background: transparent url(images/down.png) no-repeat center center;
  text-indent: -9000px;
  width: 26px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: -26px;
  margin-top: -7px;
  opacity: 0;
  color: #009900;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.st-accordion ul.accordion li > a:hover {
  color: #99d699;
  text-decoration: none;
}

.st-accordion ul.accordion li > a:hover span.st-arrow {
  opacity: 1;
  right: 10px;
}

.st-accordion ul.accordion li.st-open > a {
  color: #99d699;
}

.st-accordion ul.accordion li.st-open > a span.st-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 10px;
  opacity: 1;
  color: #99d699;
}

.st-content {
  padding: 5px 0px 30px 0px;
  width: 100%;
}

.pricePdf {
  display: none;
}

@media (max-width: 979px) and (min-width: 768px) {
  table.commonPrice {
    width: 538px;
    font-size: 70%;
  }
}
@media screen and (max-width: 768px) {
  .st-accordion {
    display: none;
  }

  .pricePdf {
    display: block;
  }

  .pricePdf ul {
    margin-left: 0;
  }

  .pricePdf ul li {
    border-bottom: 1px solid #99d699;
    border-top: 1px solid #fff;
    overflow: hidden;
  }

  .pricePdf ul li:first-child {
    border-top: none;
  }

  .pricePdf ul li > a span.pdfDisc {
    font-size: 40%;
    color: #ccc;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  }

  .pricePdf ul li > a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 26px;
    display: block;
    color: #009900;
    padding: 20px 0 20px 0;
    position: relative;
    outline: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }

  .pricePdf ul li > a:hover {
    color: #99d699;
    text-decoration: none;
  }
}
#map {
  width: 100%;
  height: 400px;
  margin: 0;
}

div.webPointWrap {
  clear: both;
  margin: 20px 0 20px 0;
}

section.webPoint {
  color: #FFF;
  border-radius: 50%;
  overflow: hidden;
  width: 176px;
  height: 176px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 7px #eabf4a;
  -moz-box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 7px #eabf4a;
  box-shadow: 0px 0px 0px 5px white, 0px 0px 0px 7px #eabf4a;
  background-size: cover;
  background-color: #eabf4a;
  background-repeat: no-repeat;
  background-position: center center;
  position: static;
  float: left;
}
section.webPoint h4 {
  color: #FFF;
  margin: 10px 0 10px 0;
}
section.webPoint p {
  font-size: 14px;
  line-height: 1.8em;
}
section.webPoint p span {
  font-size: 22px;
}
section.webPoint i {
  font-size: 30px;
}

section.webPointDisc {
  border: solid 1px #DDD;
  margin: 0 0 0 190px;
  padding: 15px;
  height: 150px;
  position: relative;
}

section.webPointDisc:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-right: 20px solid #666;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: 45%;
  right: 100%;
}

section.webPointDisc h5 {
  font-size: 16px;
  color: #eabf4a;
  border-bottom: solid 1px #eabf4a;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
}

section.webPointDisc p {
  font-size: 14px;
}

ul.webplanList li {
  margin: 0 0 10px 0;
}

@media (max-width: 1300px) {
  div.webPointWrap {
    text-align: center;
  }

  section.webPoint {
    float: none;
    margin: 0 auto 15px auto;
  }

  section.webPointDisc {
    border: solid 1px #DDD;
    margin: 0;
    padding: 15px;
    height: auto;
    position: relative;
  }

  section.webPointDisc:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 20px solid #000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: -35px;
    right: 48%;
  }
}
@media (max-width: 360px) {
  section.webPointDisc:before {
    right: 45%;
  }
}
section.webplanSection h4 {
  font-size: 40px;
  font-weight: 300;
  line-height: 0.8em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #F0F0F0;
}

section.webplanSection h4 span.planId {
  font-size: 14px;
}

section.webplanSection h4 span.gst {
  font-size: 24px;
}

p.planDisc {
  font-size: 0.858em;
  color: #999;
  margin: 0 0 10px 0;
  padding: 0;
}

table.webPlan {
  width: 100%;
  margin: 0 0 20px;
  font-size: small;
  line-height: 1.8em;
  border-collapse: collapse;
  border: 1px #DDD solid;
}
table.webPlan th, table.webPlan td {
  padding: 10px;
  border: 1px #DDD solid;
}
table.webPlan th {
  font-weight: normal;
  background-color: #F3F3F3;
}
table.webPlan td {
  font-weight: normal;
  vertical-align: top;
}
table.webPlan td.name {
  text-align: left;
}
table.webPlan td.quantity {
  text-align: center;
}
table.webPlan td.price {
  text-align: right;
  color: #cc0000;
}
table.webPlan tr.odd {
  background-color: #F7FBFF;
}
table.webPlan tr:hover {
  background-color: #FAFAFA;
}

.fline {
  text-decoration: line-through;
}

.fb {
  font-weight: bold;
}

.service {
  width: 29%;
  float: left;
  padding: 5px 10px;
  margin: 0 10px 20px 0;
  border: 1px solid #DDD;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.service h4 {
  font-size: 20px;
  margin: 0;
}
.service div {
  border: solid 1px #DDD;
  margin-bottom: 3px;
}
.service img {
  vertical-align: top;
}
.service p {
  font-size: 14px;
  line-height: 1.8em;
}

.service:nth-child(3n+1) {
  margin: 0 0 20px 0;
}

@media (max-width: 979px) and (min-width: 768px) {
  .service {
    width: 90%;
    float: none;
    padding: 5px 5%;
    margin: 0 0 20px 0;
  }
  .service h4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F0F0F0;
  }
  .service div {
    display: none;
  }
  .service img {
    display: none;
  }
  .service p {
    margin-top: -15px;
  }
}
@media screen and (max-width: 780px) {
  .service {
    width: 90%;
    float: none;
    padding: 5px 5%;
    margin: 0 0 20px 0;
  }
  .service h4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F0F0F0;
  }
  .service div {
    display: none;
  }
  .service img {
    display: none;
  }
  .service p {
    margin-top: -15px;
  }
}
#blockCompanyOutlineData {
  position: relative;
  z-index: 10;
}

#blockCompanyOutlineData .companyDataSection {
  margin-bottom: 40px;
}

#blockCompanyOutlineData .companyDataSection h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.8em;
  width: 25%;
  float: left;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  border-bottom: solid 1px #333;
}

#blockCompanyOutlineData .companyDataSection .companyData {
  width: 70%;
  float: right;
}

#blockCompanyOutlineData .companyData p {
  font-size: 14x;
  font-weight: normal;
  line-height: 1.8em;
  border-bottom: solid 1px #DDD;
  padding: 0;
  margin: 10px 0 0;
}

#blockCompanyOutlineData .companyData ul {
  font-size: 14x;
  font-weight: normal;
  line-height: 1.8em;
  border-bottom: solid 1px #DDD;
  padding: 5px 0 5px;
  margin: 10px 0 0;
  list-style: none;
}

.group:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

.group {
  *zoom: 1;
}

@media screen and (max-width: 680px) {
  #blockCompanyOutlineData .companyDataSection h3 {
    margin-bottom: 20px;
  }

  #blockCompanyOutlineData .companyDataSection h3 {
    float: none;
    clear: both;
    width: auto;
  }
}
@media screen and (max-width: 380px) {
  #blockCompanyOutlineData .companyDataSection {
    margin-bottom: 25px;
  }
  #blockCompanyOutlineData .companyDataSection .companyData {
    width: 100%;
    float: none;
  }
}
dl.clients {
  margin: 15px 0 15px 0;
}
dl.clients dt {
  color: #003f83;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
dl.clients dd {
  padding: 0 0 10px 10px;
  margin: 0 0 10px 0;
  border-bottom: 1px dotted #DDD;
}

section.stafflist {
  padding: 15px 0;
  border-bottom: #F0F0F0 solid 1px;
}

section.staffdetail {
  padding: 15px 0;
}

p.photo01, p.photo02 {
  margin: 0 30px 0 0;
  float: left;
}

section.stafflist h3, section.staffdetail h3 {
  margin: 0 0 15px 0;
  line-height: 1em;
}

section.stafflist h3 span, section.staffdetail h3 span {
  color: #CCCCCC;
  font-size: 55%;
  margin-left: 2px;
}

section.stafflist ul li, section.staffdetail ul li {
  float: left;
  list-style: none;
  margin: 0 10px 0 0;
}

@media (max-width: 979px) and (min-width: 768px) {
  section.stafflist ul li img {
    width: 99px;
  }
}
@media (max-width: 660px) {
  section.stafflist ul li img {
    width: 100px;
  }
}
@media (max-width: 480px) {
  p.photo01, p.photo02 {
    margin: 0 30px 0 0;
    float: left;
  }

  section.stafflist ul {
    margin-left: 215px;
  }

  section.stafflist ul li {
    float: none;
    margin: 0 0 10px 0;
  }
}
@media (max-width: 360px) {
  p.photo01, p.photo02 {
    margin: 0 0 15px 0;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  p.photo01 img, p.photo02 img {
    width: 100%;
  }

  section.stafflist ul {
    margin-left: 0px;
  }
  section.stafflist ul li {
    float: left;
    margin: 0 5px 0 0;
  }
  section.stafflist ul li img {
    width: 80px;
  }
}
h3.staffdisc {
  font-size: 35px;
}

p.size {
  font-size: 15px;
  margin: 0 0 30px 0;
}

dl.staff dt {
  width: 250px;
  border-bottom: #F0F0F0 solid 1px;
  border-right: #F0F0F0 solid 2px;
  line-height: 2em;
  color: #A0A0A0;
  font-weight: 300;
  font-size: 90%;
}
dl.staff dd {
  margin: -30px 0 0 280px;
  border-bottom: #F0F0F0 solid 1px;
  line-height: 2em;
}

@media (max-width: 1300px) {
  section.staffdetail img {
    width: 212px;
  }
  section.staffdetail ul img {
    width: 115px;
  }

  dl.staff dt {
    width: 212px;
  }
  dl.staff dd {
    margin-left: 242px;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  p.photo02 img {
    width: 160px;
  }

  section.staffdetail ul img {
    width: 100px;
  }

  dl.staff dt {
    width: 160px;
  }
  dl.staff dd {
    margin: -30px 0 0 190px;
  }
}
@media (max-width: 480px) {
  section.staffdetail {
    margin-bottom: 30px;
  }
  section.staffdetail ul img {
    width: 105px;
    margin: 0 0 10px 0;
  }

  p.photo02 img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 10px 0;
  }

  dl.color {
    background-color: #F5F5F5;
    margin-bottom: 0px;
    margin-top: -30px;
  }

  dl.nocolor {
    margin-top: 0px;
  }

  dl.staff {
    font-size: 95%;
    padding: 8px;
  }
  dl.staff dt {
    border-bottom: none;
    border-right: none;
  }
  dl.staff dd {
    margin: 0;
  }
}
h3.officeGallery {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 24px;
  border-bottom: #F0F0F0 solid 1px;
  margin: 0 0 15px 0;
  clear: both;
}
h3.officeGallery span {
  color: #CCCCCC;
  font-size: 60%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  margin-left: 20px;
  top: -5px;
}

ul.photo3 {
  list-style: none;
  margin: 0;
}
ul.photo3 li {
  float: left;
  margin: 0 15px 15px 0;
}
ul.photo3 li:nth-child(3n) {
  margin: 0 0 15px 0;
}

ul.photo4 {
  list-style: none;
  margin: 0;
}
ul.photo4 li {
  float: left;
  margin: 0 16px 15px 0;
}
ul.photo4 li:nth-child(4n) {
  margin: 0 0 15px 0;
}

ul.photo3 li h4, ul.photo4 li h4 {
  margin: 0;
}

ul.photo3 li p, ul.photo4 li p {
  margin: 0 0 -5px 0;
  font-size: 11px;
}

section#layout {
  float: left;
  margin: 0 15px 0 0;
  width: 300px;
}
section#layout ul li {
  list-style: none;
  margin-left: -15px;
}

p.layoutDisc {
  float: left;
  width: 525px;
}

@media (max-width: 1300px) {
  ul.photo3 li img {
    width: 213px;
  }

  ul.photo4 li img {
    width: 155px;
  }

  section#layout {
    width: 230px;
  }

  p.layoutDisc {
    width: 420px;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  ul.photo3 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 32.5%;
    margin: 0 5px 10px 0;
  }
  ul.photo3 li img {
    width: 100%;
  }

  ul.photo4 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 24%;
    margin: 0 5px 10px 0;
  }
  ul.photo4 li img {
    width: 100%;
  }

  section#layout ul {
    padding: 5px 0px;
  }

  p.layoutDisc {
    width: 540px;
  }
}
@media screen and (max-width: 767px) {
  ul.photo3 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 32.5%;
    margin: 0 5px 10px 0;
  }
  ul.photo3 li img {
    width: 100%;
  }

  ul.photo4 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 24%;
    margin: 0 5px 10px 0;
  }
  ul.photo4 li img {
    width: 100%;
  }

  section#layout {
    max-width: 230px;
  }

  p.layoutDisc {
    max-width: 420px;
  }
}
@media (max-width: 480px) {
  h3.officeGallery {
    font-size: 18px;
  }
  h3.officeGallery span {
    display: none;
  }

  ul.photo3, ul.photo4 {
    clear: both;
  }
  ul.photo3 li, ul.photo4 li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    margin: 0 5px 10px 0;
  }

  ul.photo3 li img {
    width: 100%;
  }

  ul.photo4 li img {
    width: 100%;
  }

  section#layout {
    width: 100%;
  }
  section#layout ul {
    margin-left: 100px;
  }
  section#layout img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  p.layoutDisc {
    width: 100%;
    float: none;
  }
}
dl.privacyPolicy {
  line-height: 1.8em;
  color: #666;
}
dl.privacyPolicy dt {
  font-size: 16px;
  font-weight: normal;
  padding: 0 0 5px 0;
  margin: 0 0 15px;
  border-bottom: solid 1px #DDD;
}
dl.privacyPolicy dd {
  font-size: 14px;
  padding: 0 0 10px 0;
  margin: 0 0 20px;
}
dl.privacyPolicy ul {
  font-size: 12px;
  margin: 0 0 -5px 0;
}
dl.privacyPolicy ul li {
  margin: 0 0 0 30px;
}

footer {
  clear: both;
  padding-bottom: 15px;
}

#footer {
  color: #CCC;
}
#footer h3 {
  color: #CCC;
}
#footer a {
  color: #DDD;
}
#footer a:hover {
  color: #DDD;
  text-decoration: underline;
}
#footer section.ftBnr {
  clear: both;
  margin: 0;
}
#footer section.ftBnr img {
  float: left;
  margin: 0 15px 0 0;
}
#footer section.ftBnr h4 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1em;
  color: #DDD;
  margin: 0 0 5px 0;
  padding: 0;
}
#footer section.ftBnr p {
  font-size: 12px;
  line-height: 1.6em;
  padding-bottom: 15px;
  border-bottom: dotted 1px #2B2B2B;
}

.copy {
  padding-top: 6px;
  font-size: 10px;
}
.copy a {
  color: #036;
}

.footer-social {
  list-style: none outside none;
  overflow: hidden;
  margin: 0;
}
.footer-social a {
  display: block;
  width: 33px;
  height: 33px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.footer-social a:hover {
  background-position: 0 bottom;
}
.footer-social a.ico01 {
  background-image: url(images/sns-facebook.png);
}
.footer-social a.ico02 {
  background-image: url(images/sns-google.png);
}
.footer-social a.ico03 {
  background-image: url(images/sns-twitter.png);
}
.footer-social a.ico04 {
  background-image: url(images/ico04.png);
}
.footer-social a.ico05 {
  background-image: url(images/ico05.png);
}
.footer-social li {
  float: left;
  margin-left: 5px;
}

#footerCorporateinfo {
  list-style: none;
  margin: 5px 0 5px 0;
}
#footerCorporateinfo a {
  color: #999999;
}
#footerCorporateinfo li {
  display: inline;
  margin-right: 15px;
  font-size: 10px;
}

ul.ico {
  fonte-size: 22px;
}

#footerContents {
  text-align: left;
  font-size: 12px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin: 20px 0 25px 0;
  padding: 0 0 5px 0;
}
#footerContents li {
  display: inline-block;
  margin-bottom: 0px;
}
#footerContents li a {
  display: block;
  text-decoration: none;
  padding: 15px 0 10px 0;
  margin-bottom: 0px;
  color: #666;
  border-top: 2px solid transparent;
  text-decoration: none;
}
#footerContents li a:hover,
#footerContents li a.selected {
  border-top: 2px solid #FFF;
  text-decoration: none;
}

@media (max-width: 1300px) {
  .ftBnr img {
    float: none;
    margin: 0 0 10px 0;
  }
}
@media (max-width: 480px) {
  footer {
    padding: 10px 0;
  }
  footer #footerContents {
    padding: 0 5px 5px 5px;
  }
  footer .container {
    text-align: center;
  }
  footer .pull-right, footer .pull-left {
    float: none;
    text-align: center;
  }
  footer .footer-social {
    text-align: center;
    margin: 0 25% 10px 25%;
  }

  .copy {
    padding: 5px 10spx;
    font-size: 8px;
  }
}
#formframe .age, #formframe .namber {
  width: 80px;
}