@charset "utf-8";


#contents h2.first {
	margin-top: 0;
}
.application-btn {
	display: flex;
	justify-content: space-between;
	    margin: 0 180px;
}
/* タブの配置の設定 */
.tab-btn-box {
}

.tab {
    width: 80%;
    margin: 0 20% 50px 15%;
}

.tab.tab-bottom {margin-top: 50px;
}
/* タブの設定 */
.tab {
  display: flex;
  list-style: none;
}
.tab li.active{
    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-child{margin-left: 0;}
.tab li.active:first-child{margin-left: 0;}
.tab li img{padding: 10px 0;}
/* タブの中身の設定 */
.tabContent li {
  display: none
}
.tabContent .active {
  display: block;
}
.tabContent li ul li {
    display: block;
}
.m-top-30{margin-top: 30px;}
.m-top-60{margin-top: 60px;}
.m-bottom-60{margin-bottom: 60px;}
.m-bottom-120{margin-bottom: 120px;}
.m-bottom-50{margin-bottom: 50px;}

.m-top-150{margin-top: 150px;}
.m-bottom-150{margin-bottom: 150px;}
hr.dot{ border-top: 2px dotted #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;}
.hyo{max-width: 60%}

@media screen and (max-width: 640px) {
.tab img{vertical-align: text-top;}
.application-btn {margin:0 20px;display: flex;text-align: center;}
.application-btn img{max-width:80%;}
.m-top-30{margin-top: 15px;}
.m-bottom-30{margin-bottom: 5px;}
.m-top-40{margin-top: 0px;}
.m-top-60{margin-top: 30px;}
.m-bottom-60{margin-bottom: 40px;}
.m-bottom-120{margin-bottom: 50px;}
.m-bottom-50{margin-bottom: 0px;}

.m-top-150{margin-top:100px;}
.m-bottom-150{margin-bottom: 100px;}
.tab{position: relative;margin: 10px 0;}
.tab li:first-child,.tab li:nth-child(2),.tab li:nth-child(3),.tab.tab-bottom li.active:first-child,.tab.tab-bottom li.active:nth-child(2),.tab.tab-bottom li.active:nth-child(3),.tab li.active:first-child,.tab li.active:nth-child(2),.tab li.active:nth-child(3){;background-size: contain;}
.tab li{
    border-radius: 0;
    box-shadow:none;
    height: 34px;
    line-height: 30px;}
    .tab li img{padding: 0;}
.hyo{width: 70%}
}
@media screen and (max-width: 500px) {
.tab img{vertical-align: text-top;}
.tab {
    width: auto;
    margin: 0 0 25px 0;
}
.tab li{
    margin-left:15px;}
.tab.tab-bottom {margin-top: 25px;
}}