@charset "utf-8";
/* CSS Document */

/*-----------------
division
-----------------*/
.division .topbg h2{
  padding:0.5em 0 0;
  background: #009C43;
}
.division .topbg h2 small{
  display:block;
  margin:0.5em 0 0;
  padding:0.5em 0;
  background: #3268AD;
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
}

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

@media screen and (max-width: 480px) {
	h2.green-ttl{
		line-height:7vw;
	}
	.division .topbg h2 small{
		font-size:3.6vw;
	}
	
	.wrap.short P{
		font-size:3.8vw;
		line-height:7vw;
		padding:0 7vw;
		box-sizing:border-box;
	}
}


/*-----------------
division-1
-----------------*/
.division-1{
}
.division-1 .topbg{
	background: center center / cover no-repeat url(../img/division-1/topbg-div1.jpg);
}

.division-1 .flex{
	flex-wrap: wrap;
	justify-content:space-between;
	margin:100px auto;
}
.division-1 figure{
	width:49%;
	margin:0;
}

.division-1 table{
}
.division-1 table *{
  letter-spacing:0.2em;
}
.division-1 table th,
.division-1 table td{
  padding:30px 20px;
  border:1px solid #ABABAB;
  box-sizing:border-box;
}
.division-1 table th{
  white-space:nowrap;
}
.division-1 table td{
}
.division-1 table .head th{
  font-size:20px;
  padding:25px 0;
  box-sizing:border-box;
  background:#EEEEEE;
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 768px) {
	.division-1 .topbg{
		background: center center / cover no-repeat url(../img/division-1/topbg-div1-sp.jpg);
	}
	
	.division-1 .flex{
		margin:0 auto 50px;
	}
	.division-1 figure{
		width:100%;
		text-align:center;
		margin:20px 0 0;
	}
}

@media screen and (max-width: 480px) {
	.division-1 .flex{
		padding:0 8vw;
		box-sizing:border-box;
	}
	.division-1 table th,
	.division-1 table td{
		padding:3vw;
		font-size:3.4vw;
	}
	.division-1 table th{
		background:#EEEEEE;
	}
	.division-1 table .head th{
		font-size:4.5vw;
		padding:2vw 0;
	}
}