@charset "UTF-8";

.cssskin-_top_index .column.-column1 {
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0px 7px 18px 0px rgba(7, 0, 2, 0.14);
  background-position: bottom center;
  background-repeat: no-repeat;
}

.cssskin-_top_index .column.-column2 {
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0px 7px 18px 0px rgba(7, 0, 2, 0.14);
  background-position: bottom center;
  background-repeat: no-repeat;
}

.cssskin-_top_index .c-title {
  font-size: 24px;
  margin-bottom: 15px;
  margin: 15px 0 20px;
  letter-spacing: 0em;
}

.cssskin-_top_index .column:nth-of-type(1) {
  background-image: url(../_userdata/top_index1_bar.png);
}

.cssskin-_top_index .column:nth-of-type(2) {
  background-image: url(../_userdata/top_index2_bar.png);
}

.cssskin-_top_index .column:nth-of-type(3) {
  background-image: url(../_userdata/top_index3_bar.png);
}

.cssskin-_top_index .column:nth-of-type(4) {
  background-image: url(../_userdata/top_index4_bar.png);
}

.cssskin-_top_index a:link,.cssskin-_top_index a,.cssskin-_top_index a:visited {
  color: #333333;
}

@media (max-width: 641px) {
.cssskin-_top_index .c-body {
  display: none;
}

.cssskin-_top_index .c-title {
  font-size: 16px;
  padding: 10px;
  margin: 0;
}

.cssskin-_top_index .column.-column1 {
  padding: 0;
}

.cssskin-_top_index .column.-column2 {
  padding: 0;
}

}