@charset "UTF-8";
/* ======== utility style ======== */
/* ----- media display ----- */
.sp {
  display: block !important;
}

.pc {
  display: none !important;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
}

img {
  width: 100%;
}

/* ======== header ======== */
header .headerInner {
  height: 50px;
  padding: 8px 20px 0 20px;
}

header .headerInner .logo {
  width: 39px;
}

header .menu {
  margin-top: 9px;
}

header .menu .menuBtn {
  width: 25px;
  height: 18px;
}

header .nav {
  width: 80%;
  border-left: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}

header .nav .navHeader {
  padding: 10px 20px;
}

header .nav .navHeader .menuClose {
  width: 25px;
  height: 25px;
}

header .nav .navHeader .menuClose > span {
  top: 15px;
}

header .nav nav .heading {
  border-top: 1px solid #d5d5d5;
  padding: 7px 20px 7px 20px;
  font-size: 14px;
}

header .nav nav > ul > li {
  border-top: 1px solid #d5d5d5;
}

header .nav nav > ul > li a {
  padding: 10px 10px;
  font-size: 14px;
  border-left-width: 10px;
}

header .nav nav > ul > li a:after {
  width: 12px;
  height: 12px;
  border-top-width: 1px;
  border-right-width: 1px;
  margin-top: -6px;
}

header .nav nav > ul.gy > li a {
  font-size: 10px;
}

/* ======== footer ======== */
footer {
  min-width: 100%;
  margin-top: 30px;
}

footer .footerInner {
  text-align: left;
  padding: 10px 20px;
}

footer .footerInner p {
  font-size: 9px;
}

footer .pageTop {
  bottom: 42px;
}

footer .pipeLink ul {
  width: 100%;
}

footer .pipeLink ul li {
  font-size: 10px;
}

footer .pipeLink ul li a {
  font-size: 10px;
}

/* ======== main ======== */
main {
  margin-top: 50px;
}


/* ======== index ======== */
#index main .inner {
  padding: 70px 0 0;
}

#index main .inner .squareBox {
  width: 100%;
}

#index main .inner .squareBox .img img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

#index main .inner > .img {
  width: 84%;
  margin: 55px auto;
}