@charset 'UTF-8';





/*********************************************
/*

/* Intersection
/*
/********************************************/



/****************************************
body
****************************************/


body {

  background: #ffffff;

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



img {

  max-width: 100%;

  height: auto;

}



.main {

  margin-bottom: 20px;

}




/*********************************************
/*
/* Header
/*
/********************************************/


/****************************************
.header
****************************************/


.header {

  background: #fff;

}





/****************************************
.site-logo
****************************************/

.site-logo {

  margin-top:10px;

  margin-bottom: 8px;

  padding-right: 0;

}










/*********************************************
/*
/* key-visual
/*
/********************************************/


/****************************************
.jumbotron
****************************************/

.jumbotron {
  margin: 0;
  padding: 0;
}





/****************************************
.key-visual
****************************************/

.key-visual {

  margin: 0 0 20px 0;
}



.carousel-control i {

  position: absolute;

  z-index: 5;

  top: 50%;

  display: inline-block;

  margin-top: -10px;

  color: #bababa;
}



.carousel-control
 .fa-angle-left {

  left: 50%;

  margin-left: -10px;
}



.carousel-control
 .fa-angle-right {

  right: 50%;

  margin-right:
 -10px;
}



@media screen and (min-width: 768px) {

  .carousel-control i {

    font-size: 30px;

    width: 30px;

    height: 30px;

    margin-top: -15px;

  }


  .carousel-control
 .fa-angle-left {

    margin-left: -15px;

  }


  .carousel-control
 .fa-angle-right {

    margin-right: -15px;

  }
}



.carousel-indicators {

  display: none;
}



.carousel-inner>.item>a>img {
  width: 100%;
}










/*********************************************
/*
/* MainContent-index
/*
/********************************************/


/****************************************
.feature
****************************************/


.feature-block {

  margin-bottom: 10px;
}




@media screen and (min-width: 768px) {

  .feature-block {

    margin-bottom: 0;

    text-align: center;
  }
}



.feature-block a {

  display: table;
}



@media screen and (min-width: 768px) {

  .feature-block a {

    display: block;
  }
}



.feature-block a:hover {

  text-decoration: none;
}



.feature-block a p,

.feature-block a h3 {

  display: table-cell;

  float: none;

  vertical-align:
 middle;
}



@media screen and (min-width: 768px) {

  .feature-block a p,

  .feature-block a h3 {

    display: block;

    float: center;
  }
}



.feature-block a p {

  padding-bottom: 0;
}



@media screen and (min-width: 768px) {

  .feature-block a p {

    margin-bottom: 0;

    padding-bottom: 10px;

  }
}






.feature-block a:hover p img {

  opacity: 0.5;
}



.feature-block a h3 {

  font-family: 'Roboto Condensed', sans-serif;

  font-size: 24px;

  color: #666;
}



@media screen and (min-width: 480px) {

  .feature-block a h3 {

    font-size: 40px;

    margin-top: 0;

    padding: 20px 15px 0;
  }
}



.feature-block a:hover h3 {

  color: #bbb;
}



.feature-block a h3 span {

  font-size: 14px;

  display: block;
}



.featureblock-title {

  padding-left: 0;
}









/****************************************
.thumb-block
****************************************/
.thumb-block {
  list-style: none;
}


.thumb-block li {
  margin-bottom: 10px;
  padding: 4px 4px 15px;
  color: #333;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff;
}


@media screen and (min-width: 768px) {
  .thumb-block li {
    padding: 4px;
  }
}

.thumb-block li div {
  position: relative;
  overflow: hidden;
}


.thumb-block li:last-child {
  margin-bottom: 20px;
}


.thumb-block li>div:first-child {
  padding-right: 0;
  padding-left: 0;
}


.thumb-block li>div:first-child img {
  width: 100%;
  height: auto;
}


.thumb-block button {
  float: right;
}





/****************************************
.cat-nav
****************************************/

.cat-nav {
  margin-bottom: 10px;
}

.cat-nav .cat-title {
  font-size: 16px;
  line-height: 46px;
  height: 46px;
  margin: 0;
  padding: 0 17px;
  color: #fff;
  background: #339900;
}









/*********************************************
/*
/* Footer
/*
/********************************************/


/****************************************
.btn-pagetop
****************************************/

.btn-pagetop {

  border-bottom: 5px solid #99cc00;
  background: #ffffff;
}



.btn-pagetop .container {
  text-align: right;
}



.btn-pagetop
 .container a {

  display: inline-block;

  width: 50px;

  height: 25px;

  text-decoration: none;

  color: #fff;

  -webkit-border-radius: 4px 4px 0 0;

          border-radius: 4px 4px 0 0;

  background: #99cc00;
}



.btn-pagetop
 .container a:hover {

  text-decoration: none;

  background: #999999;
}



.btn-pagetop .container a i {

  padding-top: 5px;
}




/****************************************
.footer
****************************************/

.footer {

  background: #339900;
}



.footer .container {

  padding: 30px 0;
  color: #ffffff;
}


.manabeshouten {

  text-align: center;


}

.company {

  font-size: 18px;

}



.otoiawase {

  text-align: center;


}

.copyright {

  height: 30px;

  text-align: center;

  color: #ffffff;
}


/****************************************
おはながみ表
****************************************/


.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #999;  
  padding: 6px;
  text-align: center;
}
 
.col-head-type1 th {
  background: #c5cfe6;
}