@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 300;
  vertical-align: baseline;
  background: transparent;
}
span {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
.cat-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btn-txt-02 {
  position: relative;
  display: block;
  min-width: 49%;
  padding: 6px 40px;
  line-height: 1.4;
  text-align: center;
  border: 2px solid #ccc;
  background-color: #f3f3f3;
  background-image: url(../images/common/arrow_02.png);
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 25px;
  behavior: url(/js/PIE.htc);
}
.invisible {
  opacity: 0;
  transform: translate(0, 60px);
}
.visible {
  opacity: 1.0;
  transform: translate(0, 0);
  transition: .8s;
}
@media screen and (max-width: 767px) {
  .cat-list {
    justify-content: center;
  }
  .btn-txt-02 {
    min-width: 100%;
  }
}
/*　　基本設定
-------------------------------------------------------*/
html {
  font-size: 62.5%;
  height: 100%;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  position: relative;
  height: 100%;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
a {
  color: #014099;
  text-decoration: none;
}
a:hover {
  color: #00a0e9;
  text-decoration: none;
}
.imgLink:hover img {
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  opacity: 0.7;
}
a.blockLink {
  display: block;
  color: #000;
}
a.blockLink:hover {
  background: #f5f5f5;
}
.clearfix {
  display: block;
}
a.blank {
  display: inline;
  padding-left: 21px;
  background: url(../images/common/icon_blank.png) no-repeat;
  background-position: 5px 8px;
}
a.blank:hover {
  text-decoration: underline;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  line-height: 0;
}
/* IS IE */
.clearfix {
  *display: inline-block;
  *zoom: 1;
}
.pc {
  display: block !important;
}
.pc2 {
  display: inline-block !important;
}
.tb, .tb2 {
  display: none !important;
}
.sp, .sp2 {
  display: none !important;
}
.pc-tb {
  display: block !important;
}
.tb-sp {
  display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .pc {
    display: none !important;
  }
  .tb {
    display: block !important;
  }
  .tb2 {
    display: inline-block !important;
  }
  .sp, .sp2 {
    display: none !important;
  }
  .pc-tb {
    display: block !important;
  }
  .tb-sp {
    display: block !important;
  }
  a.blank {
    background-position: 5px 6px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .pc {
    display: none !important;
  }
  .tb, .tb2 {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .sp2 {
    display: inline-block !important;
  }
  .pc-tb {
    display: none !important;
  }
  .tb-sp {
    display: block !important;
  }
  a.blank {
    background-position: 5px 6px;
  }
}
@media screen and (max-width: 767px) and (orientation : landscape) {}
/*　　枠組み
-------------------------------------------------------*/
.wrapper1 {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.wrapper-col2 {
  margin-left: -4%;
}
.wrapper-col2 .cnt-col2 {
  float: left;
  width: 46%;
  margin-left: 4%;
}
.wrapper-col2 .cnt-col3 {
  float: left;
  width: 30.30303030303%;
  margin-left: 3.030303030303%;
}
.wrapper-col2 .cnt-col8 {
  float: left;
  width: 63.30303030303%;
  margin-left: 3.030303030303%;
}
.wrapper-col3 {
  margin-left: -3.030303030303%;
}
.wrapper-col3 .cnt-col3 {
  float: left;
  width: 30.30303030303%;
  margin-left: 3.030303030303%;
}
.wrapper-col4 {
  margin-left: -2.702702702703%;
}
.wrapper-col4 .cnt-col4 {
  float: left;
  width: 22.297297297297%;
  margin-left: 2.702702702703%;
}
.wrapper-main {
  float: left;
  width: 720px;
}
.wrapper-side {
  float: right;
  width: 210px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .wrapper1 {
    max-width: auto;
    padding: 0 20px;
  }
  .wrapper-main {
    float: none;
    width: auto;
  }
  .wrapper-side {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .wrapper1 {
    max-width: auto;
    padding: 0 15px;
  }
  .wrapper-col2.sp-col1 {
    margin-left: 0;
  }
  .wrapper-col2.sp-col1 .cnt-col2 {
    float: none;
    width: auto;
    margin-left: 0;
  }
  .wrapper-col3.sp-col1 {
    margin-left: 0;
  }
  .wrapper-col3.sp-col1 .cnt-col3 {
    float: none;
    width: auto;
    margin-left: 0;
  }
  .wrapper-main {
    float: none;
    width: auto;
  }
  .wrapper-side {
    float: none;
    width: auto;
  }
}
@media screen and (max-width: 767px) and (orientation : landscape) {}
/*　　ヘッダー
-------------------------------------------------------*/
#header {
  border-bottom: 10px solid #014099;
}
#header .wrapper-logo {
  float: left;
}
#header .wrapper-logo .img-logo {
  padding-top: 20px;
}
#header .wrapper-nav {
  float: right;
}
#header .wrapper-nav .tagline {
  padding-top: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  text-align: right;
}
#header .wrapper-nav .inner-nav {
  margin-top: 10px;
}
#header .wrapper-nav .nav-contact {
  float: right;
  padding-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
  text-align: center;
}
#header .wrapper-nav .nav-fontsize {
  float: right;
  padding: 0 20px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
}
#header .wrapper-nav .nav-fontsize .size-M {
  display: block;
  width: 24px;
  height: 32px;
  margin-right: 10px;
  background-image: url(../images/common/btn_fontsize_M.png);
  background-repeat: no-repeat;
  background-position: left 0;
  text-indent: -99999px;
}
#header .wrapper-nav .nav-fontsize .size-L {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../images/common/btn_fontsize_L.png);
  background-repeat: no-repeat;
  background-position: left -32px;
  text-indent: -99999px;
}
#header .wrapper-nav .nav-fontsize .size-L:hover {
  background-position: left -64px;
}
#header .wrapper-nav .nav-sitemap {
  float: right;
  padding-right: 20px;
  position: relative;
}
#header .wrapper-nav .nav-sitemap .btn-sitemap {
      display: block;
    color: #666;
}
#header .wrapper-nav .nav-sitemap .btn-sitemap:hover {
  color: #00a0e9;
}
#header .wrapper-nav .nav-sitemap .btn-sitemap span {
  padding: 3px 0 3px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  background-image: url(../images/common/arrow_01.png);
  background-repeat: no-repeat;
  background-position: left 6px;
}
.globalNav {
  position: relative;
  height: 68px;
  margin-top: 15px;
  background-image: url(../images/common/gloablnav_bg.png);
  background-repeat: repeat-x;
  background-position: left 0;
}
.globalNav ul {
  display: table;
  margin: 0 auto;
}
.globalNav li.main-list, .globalNav li.sub-menu {
  display: table-cell;
}
.globalNav li.main-list, .globalNav li.sub-menu {
  display: table-cell;
}
.globalNav li.main-list a, .globalNav li.sub-menu a {
  display: block;
  padding: 0 16px;
  height: 68px;
  line-height: 58px;
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
  background-image: url(../images/common/gloablnav_bg.png);
  background-repeat: repeat-x;
  background-position: left 0;
}
.globalNav li.main-list a.act, .globalNav li.sub-menu a.act {
  font-weight: 500;
  background-image: url(../images/common/gloablnav_bg.png);
  background-repeat: repeat-x;
  background-position: left -68px;
}
.globalNav li.main-list:first-child a {
  border-left: none;
}
.globalNav li.main-list a:hover {
  color: #00a0e9;
}
.globalNav li.sub-menu {
  position: relative;
}
.globalNav li.sub-menu:hover > a {
  color: #00a0e9;
  text-decoration: none;
}
.globalNav li.sub-menu ul {
  list-style: none;
  position: absolute;
  top: 58px;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 999;
}
.globalNav li.sub-menu ul li {
  overflow: hidden;
  width: 230px;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2;
}
.globalNav li.sub-menu ul li a {
  width: 230px;
  height: 50px;
  color: #000;
  text-align: left;
  line-height: 48px;
  padding-left: 30px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background-color: #fff;
  background-image: url(../images/common/arrow_01.png);
  background-repeat: no-repeat;
  background-position: 10px 17px;
}
.globalNav li.sub-menu ul li:nth-last-of-type(1) a {
  border-radius: 0 0 8px 8px;
  behavior: url(/js/PIE.htc);
}
.globalNav li.sub-menu li a:hover {
  color: #00a0e9;
  background-color: #f1f7ff;
}
.globalNav li.sub-menu:hover ul li {
  overflow: visible;
  height: 50px;
  border-left: none;
  background-color: transparent;
}
.globalNav li.sub-menu ul li:first-child a {
  height: 60px !important;
  border-top: 10px solid #ff9900;
}
.globalNav li.sub-menu:hover ul li:first-child {
  height: 60px !important;
}
.globalNav-sp {
  display: none;
}
.globalNav-sp .img-tel {
  text-align: center;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 15px;
  border-bottom: 10px solid #00a0e9;
  background-color: #e2eeff;
}
.globalNav-sp .img-tel img {
  margin-bottom: -10px;
}
.globalNav-sp dl dt {
  display: block;
  height: 50px;
  font-weight: bold;
  text-align: center;
  font-size: 0;
  background-color: #00a0e9;
  cursor: pointer;
}
.globalNav-sp dl dt.active {
  background-color: #2fbeff;
}
.globalNav-sp dl dt span {
  display: inline-block;
  width: 95px;
  height: 50px;
  background-image: url(../images/common/menu.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.globalNav-sp dl dd {
  display: none;
  background-color: #fff;
}
.globalNav-sp dl dd .main-menu li {
  overflow: hidden;
  zoom: 1;
}
.globalNav-sp dl dd .main-menu .menu-catg {
  display: block;
  padding: 8px 10px 8px 15px;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #014099;
}
.globalNav-sp dl dd .sub-menu {
  overflow: hidden;
  zoom: 1;
}
.globalNav-sp dl dd .menu-toppage a {
  display: block;
  padding: 12px 5px 12px 35px;
  line-height: 1.5;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #fff;
  background-image: url(../images/common/arrow_01.png);
  background-repeat: no-repeat;
  background-position: 15px 15px;
}
.globalNav-sp dl dd .sub-menu li {
  float: left;
  width: 50%;
}
.globalNav-sp dl dd .sub-menu li a {
  display: block;
  padding: 12px 5px 12px 35px;
  line-height: 1.5;
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  background-color: #fff;
  background-image: url(../images/common/arrow_01.png);
  background-repeat: no-repeat;
  background-position: 15px 15px;
}
.globalNav-sp dl dd .sub-menu li:nth-child(even) a {
  border-right: none;
}
.globalNav-sp dl dd .menu-toppage a:hover, .globalNav-sp dl dd .sub-menu li a:hover {
  background-color: #f1f7ff;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #header {
    border-bottom: none;
  }
  #header .wrapper-logo {
    float: left;
  }
  #header .wrapper-nav .nav-sitemap {
    display: none;
  }
  #header .wrapper-nav .nav-fontsize .size-L:hover {
    background-position: left 0;
  }
  .globalNav {
    display: none;
  }
  .globalNav-sp {
    display: block;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #header {
    border-bottom: none;
  }
  #header .wrapper-logo {
    float: left;
    width: 64%;
    max-width: 220px;
  }
  #header .wrapper-logo .img-logo {
    padding-top: 15px;
  }
  #header .wrapper-nav .inner-nav {
    margin-top: 15px;
  }
  #header .wrapper-nav .tagline, #header .wrapper-nav .nav-contact, #header .wrapper-nav .nav-sitemap {
    display: none;
  }
  #header .wrapper-nav .nav-fontsize {
    float: right;
    padding: 0 0 0 20px;
    border-right: none;
    border-left: 1px solid #ccc;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
  }
  #header .wrapper-nav .nav-fontsize .size-L:hover {
    background-position: left 0;
  }
  .globalNav {
    display: none;
  }
  .globalNav-sp {
    display: block;
    margin-top: 15px;
  }
}
/*　　フッター 
-------------------------------------------------------*/
#footer {
  margin-top: 50px;
  color: #666;
  background-color: #e2eeff;
  background-image: url(../images/common/footer_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
}
#footer .wrapper-contact {
  position: relative;
  height: 160px;
}
#footer .wrapper-contact .img-logo {
  position: absolute;
  top: 83px;
  left: 0;
}
#footer .wrapper-contact .txt-business {
  position: absolute;
  top: 80px;
  right: 335px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
#footer .wrapper-contact .txt-business dt {
  padding: 3px;
  margin-bottom: 3px;
  color: #fff;
  line-height: 1.4;
  background-color: #89bafd;
}
#footer .wrapper-contact .img-tel {
  position: absolute;
  right: 0;
  bottom: 10px;
}
#footer .wrapper-nav {
  min-height: 412px;
  padding: 40px 0 60px;
  font-size: 12px;
  font-size: 1.2rem;
  background-image: url(../images/common/footer_bg2.png);
  background-repeat: repeat-x;
  background-position: center bottom;
}
#footer .wrapper-nav .access-map {
  float: right;
  width: 48%;
  text-align: right;
}
#footer .wrapper-nav .nav-menu {
  float: left;
  width: 52%;
}
#footer .wrapper-nav .nav-menu .inner-menu1 {
  float: left;
  width: 34%;
  padding-right: 10px;
}
#footer .wrapper-nav .nav-menu .inner-menu2 {
  float: left;
  width: 36%;
  padding-right: 10px;
}
#footer .wrapper-nav .nav-menu .inner-menu3 {
  float: left;
  width: 30%;
  padding-right: 10px;
}
#footer .wrapper-nav .nav-menu .tit1 {
  font-weight: 500;
}
#footer .wrapper-nav .nav-menu .list-menu {
  padding-bottom: 30px;
}
#footer .wrapper-nav .nav-menu .list-menu li {
  margin-top: 5px;
  padding-left: 12px;
  background-image: url(../images/common/dot_01.png);
  background-repeat: no-repeat;
  background-position: 2px 9px;
}
#footer .wrapper-nav .nav-menu .list-menu li a {
  color: #666;
}
#footer .wrapper-nav .nav-menu .list-menu li a:hover {
  color: #00a0e9;
}
#footer .copyright {
  padding: 30px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background-color: #468fef;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #footer {
    margin-top: 0;
  }
  #footer .wrapper-contact .txt-business {
    position: absolute;
    top: 85px;
    right: 325px;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
  }
  #footer .wrapper-nav .access-map {
    float: right;
    width: 38%;
    text-align: right;
  }
  #footer .wrapper-nav .nav-menu {
    float: left;
    width: 62%;
  }
  #footer .wrapper-nav {
    min-height: auto;
    padding: 40px 0 60px;
    font-size: 12px;
    font-size: 1.2rem;
    background-position: left bottom;
  }
}
@media screen and (max-width: 767px) {
  #footer {
    margin-top: 0;
    background-image: url(../images/common/footer_bg_sp.png);
    background-repeat: repeat-x;
    background-position: left top;
  }
  #footer .wrapper-contact {
    position: relative;
    height: auto;
  }
  #footer .wrapper-contact .img-logo {
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
    padding-top: 90px;
  }
  #footer .wrapper-contact .txt-business {
    position: relative;
    top: auto;
    right: auto;
    max-width: 312px;
    margin: 15px auto 0;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
  }
  #footer .wrapper-contact .txt-business dt {
    padding: 5px;
    margin-bottom: 3px;
    color: #fff;
    line-height: 1.4;
    background-color: #89bafd;
    border-radius: 25px;
  }
  #footer .wrapper-contact .img-tel {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center;
    margin-top: 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-bottom: 10px solid #00a0e9;
  }
  #footer .wrapper-contact .img-tel img {
    margin-bottom: -10px;
  }
  #footer .wrapper-nav {
    min-height: auto;
    padding: 20px 0 80px;
    font-size: 12px;
    font-size: 1.2rem;
    background-image: url(../images/common/footer_bg2.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    border-top: 10px solid #014099;
  }
  #footer .wrapper-nav .access-map {
    float: none;
    width: auto;
    text-align: center;
  }
  #footer .wrapper-nav .nav-menu {
    float: none;
    width: auto;
    margin-top: 30px;
  }
  #footer .wrapper-nav .nav-menu .inner-menu1, #footer .wrapper-nav .nav-menu .inner-menu2, #footer .wrapper-nav .nav-menu .inner-menu3 {
    float: none;
    width: auto;
    padding-right: 0;
  }
  #footer .wrapper-nav .nav-menu .tit1 {
    margin-top: 20px;
    padding: 3px 10px;
    background-color: #bed9ff;
  }
  #footer .wrapper-nav .nav-menu .list-menu {
    padding-bottom: 0;
  }
  #footer .wrapper-nav .nav-menu .list-menu li {
    float: left;
    width: 50%;
    margin-top: 15px;
    padding-right: 10px;
  }
  #footer .copyright {
    padding: 30px 10px 50px;
    font-size: 10px;
    font-size: 1.0rem;
  }
}
/*　　サイドバー
-------------------------------------------------------*/
.sidemenu {
  position: relative;
  padding: 20px 5px;
  background-color: #e2eeff;
  border-radius: 8px;
  behavior: url(/js/PIE.htc);
}
.sidemenu .tit1 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #00a0e9;
  text-align: center;
}
.sidemenu .tit1 .icon-sidenav {
  padding: 0 0 3px 30px;
  background-image: url(../images/common/icon_sidenav.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.sidemenu .tit2 {
  position: relative;
  margin-top: 15px;
  padding: 8px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  background-color: #014099;
  border-radius: 6px 6px 0 0;
  behavior: url(/js/PIE.htc);
}
.sidemenu .tit2.act {
  border-bottom: 4px solid #ffcc00;
  background-color: #00a0e9;
}
.sidemenu .tit2-btn a {
  display: block;
  position: relative;
  margin-top: 15px;
  padding: 8px 10px 8px 30px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  background-color: #014099;
  background-image: url(../images/common/arrow_01.png);
  background-repeat: no-repeat;
  background-position: 9px 12px;
  border-radius: 6px;
  behavior: url(/js/PIE.htc);
}
.sidemenu .list-sidenav li {
  margin-top: 1px;
}
.sidemenu .list-sidenav li a {
  display: block;
  padding: 8px 5px 8px 30px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
  background-color: #fff;
  background-image: url(../images/common/arrow_01.png);
  background-repeat: no-repeat;
  background-position: 9px 12px;
}
.sidemenu .list-sidenav li a:hover {
  color: #00a0e9;
}
.sidebanner li a {
  display: block;
  margin-top: 15px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .sidemenu {
    display: none;
  }
  .sidebanner {
    display: table;
    table-layout: fixed;
    margin: 0 -5px;
  }
  .sidebanner li {
    display: table-cell;
  }
  .sidebanner li a {
    padding: 50px 5px 0;
  }
}
@media screen and (max-width: 767px) {
  .sidemenu {
    display: none;
  }
  .sidebanner {
    display: block;
    table-layout: auto;
    margin: 40px 0 0;
    overflow: hidden;
    zoom: 1;
  }
  .sidebanner li {
    display: block;
    float: left;
    width: 50%;
  }
  .sidebanner li a {
    display: block;
    margin-top: 10px;
    padding: 0 5px;
  }
  .sidebanner li:nth-child(odd) a {
    margin-left: -5px;
  }
  .sidebanner li:nth-child(even) a {
    margin-right: -5px;
  }
}
/*　　コンテンツ共通パーツ
-------------------------------------------------------*/
.pageNav {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.pageNav li {
  display: table-cell;
}
.pageNav li a {
  position: relative;
  display: block;
  margin: 0 5px;
  padding: 8px 8px 8px 30px;
  border: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  background-color: #fff;
  background-image: url(../images/common/arrow_06.png);
  background-repeat: no-repeat;
  background-position: 8px 13px;
  border-radius: 8px 8px 0 0;
  behavior: url(/js/PIE.htc);
}
.pageNav li a:hover {
  background-color: #f1f7ff;
  border-bottom: 2px solid #00a0e9;
}
.cnt-tit1 {
  padding: 0 5px 8px 12px;
  font-size: 30px;
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.4;
  border-left: 10px solid #ffcc00;
  border-bottom: 1px solid #ffcc00;
}
.cnt-tit2 {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.4;
}
.cnt-tit3 {
  padding: 10px;
  line-height: 1.4;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 500;
  background-color: #ededed;
  background-image: url(../images/common/cnt_tit3_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  border-top: 3px solid #ccc;
  text-align: center;
}
.cnt-tit4 {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.4;
}
.cnt-tit5BLU {
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
  background-color: #00a0e9;
}
.cnt-tit5BLU2 {
  padding: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
  background-color: #014099;
}
.txt-str {
  font-size: 18px;
  font-size: 1.8rem;
}
.parts-c {
  position: relative;
  display: inline-block;
  min-width: 190px;
  padding: 5px 30px;
  font-weight: 500;
  line-height: 1.4;
  color: #00a0e9;
  text-align: center;
  background-color: #fff;
  border: 2px solid #00a0e9;
  border-radius: 30px;
  behavior: url(/js/PIE.htc);
}
.parts-c-RED {
  position: relative;
  display: inline-block;
  min-width: 190px;
  padding: 5px 30px;
  font-weight: 500;
  line-height: 1.4;
  color: #ff0000;
  text-align: center;
  background-color: #fff;
  border: 2px solid #ff0000;
  border-radius: 30px;
  behavior: url(/js/PIE.htc);
}
.parts-c-GRN {
  position: relative;
  display: inline-block;
  min-width: 190px;
  padding: 5px 30px;
  font-weight: 500;
  line-height: 1.4;
  color: #73ad40;
  text-align: center;
  background-color: #fff;
  border: 2px solid #73ad40;
  border-radius: 30px;
  behavior: url(/js/PIE.htc);
}
.parts-contact {
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #00a0e9;
  text-align: center;
  border-radius: 8px;
  behavior: url(/js/PIE.htc);
  overflow: hidden;
}
.parts-contact .img-tel {
  padding: 10px 10px 0;
}
.parts-point {
  position: relative;
  margin-top: 15px;
  padding: 15px;
  border-radius: 12px;
  behavior: url(/js/PIE.htc);
  border: 1px solid #00a0e9
}
.parts-point .img-point {
  display: block;
  position: absolute;
  top: -25px;
  left: 20px;
}
.cnt-mix {
  overflow: hidden;
  zoom: 1;
}
.cnt-mix .cntL {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.cnt-mix .cntR {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}
.cnt-mix .no-around {
  overflow: hidden;
  zoom: 1;
}
.list-disc {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 25px;
}
.list-decimal {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 25px;
}
.list-kome {
  list-style-position: outside;
  margin-left: 1em;
  text-indent: -1em;
}
.list-check li {
  padding-left: 34px;
  padding-bottom: 3px;
  background-image: url(../images/common/icon_check.png);
  background-repeat: no-repeat;
  background-position: left 2px;
}
.list-float-L li {
  float: left;
  margin-right: 55px;
}
.list-table {
  display: table;
}
.list-table-fix {
  display: table;
  table-layout: fixed;
}
.list-table li, .list-table-fix li {
  display: table-cell;
}
.wrapper-table {
  overflow: auto;
}
.table1 {
  width: 100%;
}
.table1 th {
  padding: 15px;
  font-weight: 500;
  background-color: #f1f7ff;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.table1 td {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.table2 {
  width: 100%;
  border-top: 1px solid #ccc;
}
.table2 tr:nth-child(odd) {
  background-color: #f1f7ff;
}
.table2 th {
  padding: 15px;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
}
.table2 td {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}
.btn-txt {
  position: relative;
  display: block;
  min-width: 190px;
  padding: 6px 40px;
  line-height: 1.4;
  text-align: center;
  border: 2px solid #ccc;
  background-color: #f3f3f3;
  background-image: url(../images/common/arrow_02.png);
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 25px;
  behavior: url(/js/PIE.htc);
	transition: transform .6s ease;
}
.btn-txt:hover {
  border: 2px solid #89bafd;
  background-color: #fff;
	transform:scale(1.1) translate(0,-2px);
}
.btn-txt2 {
  position: relative;
  display: inline-block;
  min-width: 190px;
  padding: 6px 40px;
  line-height: 1.4;
  text-align: center;
  border: 2px solid #ccc;
  background-color: #f3f3f3;
  background-image: url(../images/common/arrow_02.png);
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 25px;
  behavior: url(/js/PIE.htc);
	transition: transform .6s ease;
}
.btn-txt2:hover {
  border: 2px solid #89bafd;
  background-color: #fff;
	transform: scale(1.1);
	
}
.btn-back {
  display: block;
  margin-top: 30px;
  padding: 15px;
  border: 1px solid #ccc;
  color: #666;
  text-align: center;
}
.btn-back:hover {
  background-color: #f0f6ff;
}
.btn-back .icon-back {
  padding-left: 20px;
  background-image: url(../images/common/arrow_04.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.imgLink img{
	transition: transform .6s ease;
}
.imgLink img:hover{
	transform: scale(1.1);
}
#page-top {
  position: fixed;
  bottom: 0;
  right: 30px;
  font-size: 0;
  text-indent: -9999px;
}
#page-top a {
  display: block;
  width: 122px;
  height: 152px;
  background: url(../images/common/btn_pagetop.png);
  background-position: bottom;
}
#page-top a:hover {
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  opacity: 0.7;
}
.link001 a {
  color: #0000FF;
  text-decoration: underline;
}
.link001 a:hover {
  color: #00FFFF;
  text-decoration: underline;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cnt-tit1, .cnt-tit2 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .cnt-tit3 {
    padding: 8px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .txt-str {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .table1 th, .table2 th {
    line-height: 1.4;
    padding: 10px;
  }
  .table1 td, .table2 td {
    line-height: 1.4;
    padding: 10px;
  }
  #page-top {
    position: fixed;
    bottom: 0;
    right: 10px;
  }
  #page-top a {
    display: block;
    width: 100px;
    height: 125px;
    background: url(../images/common/btn_pagetop.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 736px) {
  .pageNav {
    display: block;
  }
  .pageNav li {
    display: block;
  }
  .pageNav li a {
    margin: 10px 0 0;
  }
  .cnt-tit1, .cnt-tit2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cnt-tit3 {
    font-size: 20px;
    font-size: 2.0rem;
  }
  .txt-str {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .table1 th, .table2 th {
    padding: 5px;
  }
  .table1 td, .table2 td {
    padding: 5px;
  }
  .parts-contact {
    width: 100%;
  }
  .parts-contact .img-tel {
    padding: 5px 5px 0;
  }
  .cnt-mix .cntL.sp30, .cnt-mix .cntR.sp30 {
    width: 30%;
  }
  .cnt-mix .cntL.sp40, .cnt-mix .cntR.sp40 {
    width: 40%;
  }
  .cnt-mix .cntL.sp100, .cnt-mix .cntR.sp100 {
    width: 100%;
  }
  #page-top {
    position: fixed;
    bottom: 0;
    right: 10px;
  }
  #page-top a {
    display: block;
    width: 80px;
    height: 100px;
    background: url(../images/common/btn_pagetop.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% auto;
  }
}
/*　　bg・カラー・フォントサイズ
-------------------------------------------------------*/
.bgcolor-WHT {
  background-color: #fff !important;
}
.bgcolor-GRY {
  background-color: #f3f3f3 !important;
}
.bgcolor-LB {
  background-color: #f1f7ff !important;
}
.bgcolor-BLU {
  background-color: #014099 !important;
}
.bgcolor-BLU2 {
  background-color: #00a0e9 !important;
}
.color-BLK {
  color: #000 !important;
}
.color-WHT {
  color: #fff !important;
}
.color-GRY {
  color: #666 !important;
}
.color-LB {
  color: #00a0e9 !important;
}
.color-BLU {
  color: #014099 !important;
}
.color-BLU2 {
  color: #00a0e9 !important;
}
.color-RED {
  color: #ff0000 !important;
}
.fsXS {
  font-size: 12px;
  font-size: 1.2rem;
}
.fsS {
  font-size: 14px;
  font-size: 1.4rem;
}
.fsM {
  font-size: 16px;
  font-size: 1.6rem;
}
.fsL {
  font-size: 18px;
  font-size: 1.8rem;
}
.fsXL {
  font-size: 22px;
  font-size: 2.2rem;
}
.fsXXL {
  font-size: 24px;
  font-size: 2.4rem;
}
.fwB {
  font-weight: 700 !important;
}
.fwN {
  font-weight: 300 !important;
}
.borderBox {
  border: 1px solid #ccc !important;
}
.borderT {
  border-top: 1px solid #ccc !important;
}
.borderB {
  border-bottom: 1px solid #ccc !important;
}
.borderL {
  border-left: 1px solid #ccc !important;
}
.borderR {
  border-right: 1px solid #ccc !important;
}
.borderBox-dot {
  border: 1px dotted #ccc !important;
}
.borderT-dot {
  border-top: 1px dotted #ccc !important
}
.borderB-dot {
  border-bottom: 1px dotted #ccc !important
}
.borderL-dot {
  border-left: 1px dotted #ccc !important
}
.borderR-dot {
  border-right: 1px dotted #ccc !important
}
.lh10 {
  line-height: 1.0;
}
.lh11 {
  line-height: 1.1;
}
.lh12 {
  line-height: 1.2;
}
.lh13 {
  line-height: 1.3;
}
.lh14 {
  line-height: 1.4;
}
.lh15 {
  line-height: 1.5;
}
.lh16 {
  line-height: 1.6;
}
.lh17 {
  line-height: 1.7;
}
.lh18 {
  line-height: 1.8;
}
.lh19 {
  line-height: 1.9;
}
.lh20 {
  line-height: 2.0;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .fsXS {
    font-size: 10px;
    font-size: 1.0rem;
  }
  .fsS {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fsM {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fsL {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .fsXL {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .fsXXL {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .fsXS {
    font-size: 10px;
    font-size: 1.0rem;
  }
  .fsS {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .fsM {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .fsL {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .fsXL {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .fsXXL {
    font-size: 20px;
    font-size: 2.0rem;
  }
}
/*　　その他・マージン・パディング
-------------------------------------------------------*/
.mgCenter {
  margin-left: auto;
  margin-right: auto;
}
.mgset1 {
  margin-top: 100px;
}
.mgset2 {
  margin-top: 60px;
}
.mgset3 {
  margin-top: 40px;
}
.pdset1 {
  padding-top: 100px;
}
.pdset2 {
  padding-top: 60px;
}
.pdset3 {
  padding-top: 40px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .mgset1 {
    margin-top: 80px;
  }
  .mgset2 {
    margin-top: 50px;
  }
  .mgset3 {
    margin-top: 30px;
  }
  .pdset1 {
    padding-top: 80px;
  }
  .pdset2 {
    padding-top: 50px;
  }
  .pdset3 {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .mgset1 {
    margin-top: 50px;
  }
  .mgset2 {
    margin-top: 40px;
  }
  .mgset3 {
    margin-top: 30px;
  }
  .pdset1 {
    padding-top: 50px;
  }
  .pdset2 {
    padding-top: 40px;
  }
  .pdset3 {
    padding-top: 30px;
  }
}
.flL {
  float: left !important;
}
.flR {
  float: right !important;
}
.flN {
  float: none !important;
}
.alL {
  text-align: left !important;
}
.alR {
  text-align: right !important;
}
.alC {
  text-align: center !important;
}
.alC-sp-alL {
  text-align: center !important;
}
.vaT {
  vertical-align: top !important;
}
.vaM {
  vertical-align: middle !important;
}
.vaB {
  vertical-align: bottom !important;
}
.tableFix {
  table-layout: fixed !important;
}
.position-r {
  position: relative;
}
.mg0 {
  margin: 0 !important;
}
.mgT0 {
  margin-top: 0 !important;
}
.mgT5 {
  margin-top: 5px !important;
}
.mgT10 {
  margin-top: 10px !important;
}
.mgT15 {
  margin-top: 15px !important;
}
.mgT20 {
  margin-top: 20px !important;
}
.mgT25 {
  margin-top: 25px !important;
}
.mgT30 {
  margin-top: 30px !important;
}
.mgT35 {
  margin-top: 35px !important;
}
.mgT40 {
  margin-top: 40px !important;
}
.mgT45 {
  margin-top: 45px !important;
}
.mgT50 {
  margin-top: 50px !important;
}
.mgT55 {
  margin-top: 55px !important;
}
.mgT60 {
  margin-top: 60px !important;
}
.mgT65 {
  margin-top: 65px !important;
}
.mgT70 {
  margin-top: 70px !important;
}
.mgT75 {
  margin-top: 75px !important;
}
.mgT80 {
  margin-top: 80px !important;
}
.mgT85 {
  margin-top: 85px !important;
}
.mgT90 {
  margin-top: 90px !important;
}
.mgT95 {
  margin-top: 95px !important;
}
.mgT100 {
  margin-top: 100px !important;
}
.mgB0 {
  margin-bottom: 0 !important;
}
.mgB5 {
  margin-bottom: 5px !important;
}
.mgB10 {
  margin-bottom: 10px !important;
}
.mgB15 {
  margin-bottom: 15px !important;
}
.mgB20 {
  margin-bottom: 20px !important;
}
.mgB25 {
  margin-bottom: 25px !important;
}
.mgB30 {
  margin-bottom: 30px !important;
}
.mgB35 {
  margin-bottom: 35px !important;
}
.mgB40 {
  margin-bottom: 40px !important;
}
.mgB45 {
  margin-bottom: 45px !important;
}
.mgB50 {
  margin-bottom: 50px !important;
}
.mgB55 {
  margin-bottom: 55px !important;
}
.mgB60 {
  margin-bottom: 60px !important;
}
.mgB65 {
  margin-bottom: 65px !important;
}
.mgB70 {
  margin-bottom: 70px !important;
}
.mgB75 {
  margin-bottom: 75px !important;
}
.mgB80 {
  margin-bottom: 80px !important;
}
.mgB85 {
  margin-bottom: 85px !important;
}
.mgB90 {
  margin-bottom: 90px !important;
}
.mgB95 {
  margin-bottom: 95px !important;
}
.mgB100 {
  margin-bottom: 100px !important;
}
.mgL0 {
  margin-left: 0 !important;
}
.mgL5 {
  margin-left: 5px !important;
}
.mgL10 {
  margin-left: 10px !important;
}
.mgL15 {
  margin-left: 15px !important;
}
.mgL20 {
  margin-left: 20px !important;
}
.mgL25 {
  margin-left: 25px !important;
}
.mgL30 {
  margin-left: 30px !important;
}
.mgL35 {
  margin-left: 35px !important;
}
.mgL40 {
  margin-left: 40px !important;
}
.mgL45 {
  margin-left: 45px !important;
}
.mgL50 {
  margin-left: 50px !important;
}
.mgL55 {
  margin-left: 55px !important;
}
.mgL60 {
  margin-left: 60px !important;
}
.mgL65 {
  margin-left: 65px !important;
}
.mgL70 {
  margin-left: 70px !important;
}
.mgL75 {
  margin-left: 75px !important;
}
.mgL80 {
  margin-left: 80px !important;
}
.mgL85 {
  margin-left: 85px !important;
}
.mgL90 {
  margin-left: 90px !important;
}
.mgL95 {
  margin-left: 95px !important;
}
.mgL100 {
  margin-left: 100px !important;
}
.mgR0 {
  margin-right: 0 !important;
}
.mgR5 {
  margin-right: 5px !important;
}
.mgR10 {
  margin-right: 10px !important;
}
.mgR15 {
  margin-right: 15px !important;
}
.mgR20 {
  margin-right: 20px !important;
}
.mgR25 {
  margin-right: 25px !important;
}
.mgR30 {
  margin-right: 30px !important;
}
.mgR35 {
  margin-right: 35px !important;
}
.mgR40 {
  margin-right: 40px !important;
}
.mgR45 {
  margin-right: 45px !important;
}
.mgR50 {
  margin-right: 50px !important;
}
.mgR55 {
  margin-right: 55px !important;
}
.mgR60 {
  margin-right: 60px !important;
}
.mgR65 {
  margin-right: 65px !important;
}
.mgR70 {
  margin-right: 70px !important;
}
.mgR75 {
  margin-right: 75px !important;
}
.mgR80 {
  margin-right: 80px !important;
}
.mgR85 {
  margin-right: 85px !important;
}
.mgR90 {
  margin-right: 90px !important;
}
.mgR95 {
  margin-right: 95px !important;
}
.mgR100 {
  margin-right: 100px !important;
}
.pd0 {
  padding: 0 !important;
}
.pdT0 {
  padding-top: 0 !important;
}
.pdT5 {
  padding-top: 5px !important;
}
.pdT10 {
  padding-top: 10px !important;
}
.pdT15 {
  padding-top: 15px !important;
}
.pdT20 {
  padding-top: 20px !important;
}
.pdT25 {
  padding-top: 25px !important;
}
.pdT30 {
  padding-top: 30px !important;
}
.pdT35 {
  padding-top: 35px !important;
}
.pdT40 {
  padding-top: 40px !important;
}
.pdT45 {
  padding-top: 45px !important;
}
.pdT50 {
  padding-top: 50px !important;
}
.pdB0 {
  padding-bottom: 0 !important;
}
.pdB5 {
  padding-bottom: 5px !important;
}
.pdB10 {
  padding-bottom: 10px !important;
}
.pdB15 {
  padding-bottom: 15px !important;
}
.pdB20 {
  padding-bottom: 20px !important;
}
.pdB25 {
  padding-bottom: 25px !important;
}
.pdB30 {
  padding-bottom: 30px !important;
}
.pdB35 {
  padding-bottom: 35px !important;
}
.pdB40 {
  padding-bottom: 40px !important;
}
.pdB45 {
  padding-bottom: 45px !important;
}
.pdB50 {
  padding-bottom: 50px !important;
}
.pdL0 {
  padding-left: 0 !important;
}
.pdL5 {
  padding-left: 5px !important;
}
.pdL10 {
  padding-left: 10px !important;
}
.pdL15 {
  padding-left: 15px !important;
}
.pdL20 {
  padding-left: 20px !important;
}
.pdL25 {
  padding-left: 25px !important;
}
.pdL30 {
  padding-left: 30px !important;
}
.pdL35 {
  padding-left: 35px !important;
}
.pdL40 {
  padding-left: 40px !important;
}
.pdL45 {
  padding-left: 45px !important;
}
.pdL50 {
  padding-left: 50px !important;
}
.pdR0 {
  padding-right: 0 !important;
}
.pdR5 {
  padding-right: 5px !important;
}
.pdR10 {
  padding-right: 10px !important;
}
.pdR15 {
  padding-right: 15px !important;
}
.pdR20 {
  padding-right: 20px !important;
}
.pdR25 {
  padding-right: 25px !important;
}
.pdR30 {
  padding-right: 30px !important;
}
.pdR35 {
  padding-right: 35px !important;
}
.pdR40 {
  padding-right: 40px !important;
}
.pdR45 {
  padding-right: 45px !important;
}
.pdR50 {
  padding-right: 50px !important;
}
.w5 {
  width: 5%;
}
.w10 {
  width: 10% !important;
}
.w15 {
  width: 15% !important;
}
.w20 {
  width: 20% !important;
}
.w25 {
  width: 25% !important;
}
.w30 {
  width: 30% !important;
}
.w35 {
  width: 35% !important;
}
.w40 {
  width: 40% !important;
}
.w45 {
  width: 45% !important;
}
.w50 {
  width: 50% !important;
}
.w55 {
  width: 55% !important;
}
.w60 {
  width: 60% !important;
}
.w65 {
  width: 65% !important;
}
.w70 {
  width: 70% !important;
}
.w75 {
  width: 75% !important;
}
.w80 {
  width: 80% !important;
}
.w85 {
  width: 85% !important;
}
.w90 {
  width: 90% !important;
}
.w95 {
  width: 95% !important;
}
.w100 {
  width: 100% !important;
}
@media screen and (max-width: 767px) {
  .alC-sp-alL {
    text-align: left !important;
  }
}
/*　　ページャー
-------------------------------------------------------*/
.pagination {
  display: block;
  padding-left: 0;
  margin: 0 !important;
  padding-top: 10px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: 8px;
  margin-top: 10px;
  line-height: 1.4;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 3;
  color: #276eb4;
  background-color: #ecf5ff;
  border-color: #ccc;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #000;
  cursor: default;
  background-color: #f7f7f7;
  border-color: #ccc;
}