@charset "utf-8";
/* 5カラム用 */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
  text-align: center;
  background-color:#9CF;
}

/* 5カラム余白調整
------------------------------------*/
.no-gutter > [class*='col-'] {
    padding-right:2px;
    padding-left:15px;
}

/*Colored Content Boxes
------------------------------------*/
.service-block {
  padding: 20px 30px;
  text-align: center;
  margin-bottom: 20px;
}

.service-block p,
.service-block h2 {
  color: #fff;
}

.service-block h2 a:hover{
  text-decoration: none;
}

.service-block-light,
.service-block-default {
  background: #fafafa;
  border: solid 1px #eee; 
}

.service-block-default:hover {
  box-shadow: 0 0 8px #eee;
}

.service-block-light p,
.service-block-light h2,
.service-block-default p,
.service-block-default h2 {
  color: #555;
}


.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



/* 5カラム用 左寄せ */

.col-xs-15l,
.col-sm-15l,
.col-md-15l,
.col-lg-15l {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15l {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15l {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15l {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15l {
        width: 20%;
        float: left;
    }
}