@charset "utf-8";    
.m-bottom-30{margin-bottom: 30px;}
#contents h2.first {
	margin-top: 0;
}
.application-btn {
	display: flex;
	justify-content: space-between;
	margin: 0 50px;
}
/* タブの配置の設定 */
.tab {
  width: 80%;
  margin: 0 20% 50px 15%;
}
.tab.tab-bottom {
  margin-top: 2em;
}

/* タブの設定 */
.tab {
  display: flex;
  list-style: none;
}
.tab li.active, .tab li:hover {
  display: block;
  background: -moz-linear-gradient(top, #FFF, #fcf1db);
  background: -webkit-linear-gradient(top, #FFF, #fcf1db);
  background: linear-gradient(to bottom, #FFF, #fcf1db);
  border: 2px solid #EE5F00;
}
.tab li {
  margin-left: 30px;
  display: block;
  background: -moz-linear-gradient(top, #FFF, #d2d7df);
  background: -webkit-linear-gradient(top, #FFF, #d2d7df);
  background: linear-gradient(to bottom, #FFF, #d2d7df);
  border: 2px solid #868c90;
  width: 177px;
  border-radius: 12px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  height: 55px;
}
.tab li.first-tab {
  margin-left: 0;
}
.tab li img {
text-align: center;
padding: 15px 26px;
display: inherit;
}

/* タブの中身の設定 */
.tabContent li {
  display: none;
}

.tabContent li ul li {
  display: block;
}



@media screen and (max-width: 640px) {
.application-btn {margin: 0;}
.tab{width: 100%;margin: 0;display: flex;
    list-style: none;
    flex-direction: row;
    justify-content: center;}
.tab li{width: auto;height: auto;background-size: contain;margin: 10px;}
.tab li img{padding: 1em;}
}