@charset 'UTF-8';
/* CSS Document */
/* Made By TRAM */
body {
	color:#313131;
}
#Content {
	padding-bottom:100px;
}
/*section*/

.img-responsive {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
a:hover {
	text-decoration: none;
}
.s-txt {
	width:66.66%;
	margin:40px auto 0;
	font-size:117%;
	line-height:36px;
	text-align: left;
}


/* Anchor1 */
#Anchor1 {
	padding:35px 0 60px;
}
.inner {
	margin-top:60px;
}
.inner ul {
	margin-top:30px;	
}
.text-tit {
	font-size:183%;
	padding-left:20px;
	position:relative;
	line-height:36px;
}
.text-tit::before {
	background:#5c7886;
	width:10px;
	height:24px;
	content:"";
	position:absolute;
	top:5px;
	left:0;
}
.txt02 {
	line-height:36px;
	font-size:117%;
}
.grey-box {
	background:#f0f3f4;
	padding:40px 15px 20px;	
	margin-top:40px;
}
.box-title {
	font-size:183%;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	
}
.box-title::before {
	position:absolute;
	bottom:-10px;
	width:106px;
	height:2px;
	background:	#5c7886;
	content:"";
	left:50%;
	margin-left:-53px;
}
.image {
	text-align:right;	
}
.txt-box {
	padding-top:30px;
	padding-left:10px;
	font-size:117%;
	line-height:35px;
	letter-spacing:-1px;
}
/* Anchor2 */
.txt03 {
	font-size:134%;
	margin-top:15px;
	line-height:24px;
}
.txt03 img {
	float:left;	
}
.txt03 span {
	display:block;
	padding-left:40px;	
	padding-top:5px;
}
.txt04 {
	clear:both;
	font-size:183%;
	background:url(../images/department/arrow_red.png) no-repeat 50% 0;
	padding:50px 0 0;
	text-align: center;
	line-height:1.5;
	margin-top:35px;
	position:relative;
}
.txt04 span {
	position:relative;
	z-index:3;
	display:inline-block;
	margin-left:15px;
}
.txt04 span > * {
	position:relative;
	z-index:3;	
}
.txt04 span::before {
	background:#ccc5a5;
	position:absolute;
	width:100%;
	height:9px;
	bottom:2px;
	left:0;
	content:"";
} 
.title-box {
	width:200px;
	margin:0 auto 47px;	
	text-align:center;
	color:#fff;
	font-size:150%;
	background:#0d375f;
	line-height:44px;
	height:44px;	
}
.time-box2 .title-box {
	background:	#5c788b;
}
.time-box3 .title-box {
	background:	#b0a058;
}
.time-box {
	padding-bottom:50px;
	margin-top:50px;
	border-bottom:3px solid #f0f3f4;
}
.time-box3 {
	padding-bottom:0;
	border-bottom:none;	
}

/* Anchor3 */

.subtit01 {
    color: #0d375f;
    font-size: 150%;
    line-height: 1.7;

	 margin-bottom: 10px;
	text-align:center;
}

.service_list li {
	    background: #e7eced;
		padding:10px;
		font-size:134%;
		text-align:center;
		border:5px solid #fff;
	      box-shadow: inset 1px 1px 6px rgba(92, 117, 134, 0.3);

}



@media screen and (max-width: 991px) {
	.txt04{
		font-size:150%;
	}
	.image {
		text-align:center;
		margin-top:20px;	
	}
		.s-txt {
		width:90%;
		line-height:30px;
	}
}

@media screen and (max-width : 767px) {
	.img-chart {
		overflow-x:scroll;		
		width:100%;
		padding-bottom:5px;
	}
	.img-chart::-webkit-scrollbar {
		height: 5px;
	}
	.img-chart::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.img-chart::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}

	.img-chart .img-responsive {
		max-width:1059px;	
	}
	.txt04,.txt03 {
		font-size:	117%;
	}
	.time-box  {
		padding-bottom:30px;
		margin-top:30px;	
	}
}

@media screen and (max-width : 479px) {
	#Content {
		padding-bottom: 50px;
	}
	#Anchor1 {
	    padding: 35px 0;
	}
	.text-tit {
		font-size:150%;
	}
	.txt02{
		line-height:30px;
	}
	.inner {
		margin-top:30px;
	}	
	.txt-box {
		letter-spacing: 0;
    	line-height: 26px;
	}
}