@charset "UTF-8";

/* -------------------------------------
outline
------------------------------------- */
.mainimg .bg {
	background-image:url(../imgs/outline/mainimg.jpg);
}

.type {
	margin-bottom:11.6%;
}
.type > li {
	width:47.6%;
	float:left;
	padding:5%;
	margin-bottom:4%;
	border:3px solid #E6E6E6;
	border-radius:15px;
}
.type > li:nth-child(2n+1) {
	float:right;
}
.type > li:nth-child(4), .type > li:nth-child(5) {
	margin-bottom:0;
}
.type > li:nth-child(1) {
	width:100%;
	padding-right:0;
	padding-left:0;
}
.type li:nth-child(1) p {
	text-align:center;
	margin-bottom:50px;
	padding:0 20px;
}
.type li:nth-child(1) li {
	width:calc(99.9% / 3);
	float:left;
	padding:0 3.5% 20px 3.5%;
}
.type li:nth-child(1) li:not(:last-child) {
	border-right:1px solid #E6E6E6;
}
.type li:nth-child(1) li h3 {
	text-align:center;
	margin-bottom:30px;
}
.type li:nth-child(1) li h3 span {
	display:block;
}
.type li:nth-child(1) li h3 .num {
	font-size:49px;
	font-weight:normal;
	line-height:1.0;
	margin-bottom:25px;
}
.type li:nth-child(1) li h3 .name {
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.2em;
}
.type li:nth-child(1) li p {
	text-align:left;
	margin-bottom:0;
	padding:0;
}


.list {
	max-width:1128px;
	margin:0 auto;
}
.list li {
	padding:30px 40px;
	border-bottom:1px solid #E6E6E6;
}
.list li dl {
	width:100%;
	display:table;
}
.list li dl dt, .list li dl dd {
	display:table-cell;
	vertical-align:middle;
}
.list li dl dt {
	width:86px;
}
.list li dl dt span {
	font-size:20px;
	font-weight:500;
	color:#fff;
	text-align:center;
	display:block;
	padding:30px 10px;
	border-radius:50%;
	background-color:#183460;
}
.list li dl dd {
	line-height:1.8;
	padding:0 0 0 30px;
}


@media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1220px) {
	.type li:nth-child(1) p {
		margin-bottom:47px;
	}
	.type li:nth-child(1) li h3 {
		margin-bottom:28px;
	}
	.type li:nth-child(1) li h3 .num {
		font-size:46px;
		margin-bottom:23px;
	}
	
	
	.list li {
		padding:28px 36px;
	}
	.list li dl dt {
		width:80px;
	}
	.list li dl dt span {
		font-size:19px;
		padding:28px 10px;
	}
	.list li dl dd {
		padding:0 0 0 28px;
	}
}
@media screen and (max-width:1100px) {
	.type li:nth-child(1) p {
		margin-bottom:44px;
	}
	.type li:nth-child(1) li h3 {
		margin-bottom:26px;
	}
	.type li:nth-child(1) li h3 .num {
		font-size:43px;
		margin-bottom:21px;
	}
	
	
	.list li {
		padding:26px 32px;
	}
	.list li dl dd {
		padding:0 0 0 26px;
	}
}
@media screen and (max-width:1000px) {
	.type li:nth-child(1) p {
		margin-bottom:41px;
	}
	.type li:nth-child(1) li h3 {
		margin-bottom:24px;
	}
	.type li:nth-child(1) li h3 .num {
		font-size:40px;
		margin-bottom:19px;
	}
	.type li:nth-child(1) li h3 .name {
		font-size:17px;
		letter-spacing:0.15em;
	}
	
	
	.list li {
		padding:24px 28px;
	}
	.list li dl dt {
		width:74px;
	}
	.list li dl dt span {
		font-size:18px;
		padding:26px 10px;
	}
	.list li dl dd {
		padding:0 0 0 24px;
	}
}
@media screen and (max-width:768px) {
	.type {
		margin-bottom:80px;
	}
	.type > li {
		padding:30px;
	}
	.type li:nth-child(1) p {
		margin-bottom:38px;
	}
	.type > li {
		width:calc((99.9% - 25px) / 2);
		margin-bottom:25px;
	}
	.type li:nth-child(1) ol {
		padding:0 30px;
	}
	.type li:nth-child(1) li {
		width:calc(100% / 1);
		height:auto!important;
		float:none;
		padding:20px 0 20px 0;
	}
	.type li:nth-child(1) li:not(:last-child) {
		border-bottom:1px solid #E6E6E6;
		border-right:none;
	}
	.type li:nth-child(1) li:nth-child(1) {
		padding-top:0;
	}
	.type li:nth-child(1) li:nth-child(3) {
		padding-bottom:0;
	}
	.type li:nth-child(1) li h3 {
		margin-bottom:15px;
	}
	.type li:nth-child(1) li h3 .num {
		font-size:36px;
		margin-bottom:10px;
		margin-right:10px;
	}
	.type li:nth-child(1) li h3 .name {
		font-size:16px;
		letter-spacing:0.1em;
	}
	
	
	.list li {
		padding:22px 24px;
	}
	.list li dl dt {
		width:68px;
	}
	.list li dl dt span {
		font-size:17px;
		padding:23px 5px;
	}
	.list li dl dd {
		padding:0 0 0 20px;
	}
}
@media screen and (max-width:640px) {
	.type {
		margin-bottom:75px;
	}
	.type > li {
		padding:25px;
	}
	.type > li {
		width:calc((99.9% - 20px) / 2);
		margin-bottom:20px;
	}
	
	
	
	.type li:nth-child(1) p {
		margin-bottom:35px;
	}
	.type li:nth-child(1) ol {
		padding:0 25px;
	}
	.type li:nth-child(1) li h3 .num {
		font-size:33px;
	}
	
	
	.list li {
		padding:20px 20px;
	}
	.list li dl dt {
		width:65px;
	}
	.list li dl dt span {
		font-size:16px;
		padding:22px 5px;
	}
}
@media screen and (max-width:500px) {
	.type {
		margin-bottom:70px;
	}
	.type > li {
		width:calc((100% - 0px) / 1);
		float:none;
		padding:20px;
	}
	.type > li:nth-child(2n+1) {
		float:none;
	}
	.type > li:nth-child(4) {
		margin-bottom:20px;
	}
	
	.type li:nth-child(1) ol {
		padding:0 20px;
	}
	.type li:nth-child(1) li h3 .num {
		font-size:30px;
	}
	
	
	.list li dl {
		display:block;
	}
	.list li dl dt, .list li dl dd {
		display:block;
	}
	.list li dl dt {
		width:60px;
		margin:0 auto 15px auto;
	}
	.list li dl dt span {
		font-size:15px;
		padding:20px 5px;
	}
	.list li dl dd {
		text-align:center;
		padding:0;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:1001px) {
	
}