@charset "utf-8";


#agent{

}

#agent .sen{
text-align:left;	
}

#agent .sen li{
padding-top:15px;
padding-bottom:15px;
border-bottom:1px dotted #B9B9B9;
letter-spacing:-0.2px;
line-height:1.6;
}

#agent .sen li:before{
	margin-left:-25px;
	content:url(../images/dash.png);
}

#agent .sen li:last-child{
border-bottom:0;
margin-bottom:50px;
}


#agent #container section .box ul {
    display: table;
    margin-top: -20px;
    width: 100%;
}
#agent #container section .box ul li {
    display: table-cell;
    text-align: center;

}


#agent #container section .box ul li i{
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:40px;
	background-color:#00b4e3;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:24px;
	font-style:normal;
	color:#fff;
	line-height:40px;
	position: relative;
}
#agent #container section .box ul li i:after{
	content: "";
	position: absolute;
	bottom:-10px;
	left:50%;
	margin-left:-5px;
	border: 5px solid transparent;
	border-top: 8px solid #00b4e3;
}
#agent #container section .box ul li p{
margin-top:20px;
font-size:24px;
line-height:1.6;	

	
}
#agent #container section .tl{
text-align:left;
line-height:1.6;
 margin-top:30px;
}

.uuu{
text-align:left;
line-height:1.6;
 border-top: 1px solid #666;
 margin-top:30px;
 padding-top:30px;
}



}
#agent #container section .tlsub{
text-align:left;
line-height:1.6;
 border-top: 1px solid #666;
 margin-top:30px;
 padding-top:30px;
}




#agent #container section#system .green{
	background-color:#2e8f43;
	color:#fff;
}
#agent #container section#system .pink{
	background-color:#fd74aa;
		color:#fff;
}
#agent #container section#system .blue{
	background-color:#00b4e3;
		color:#fff;
}
#agent #container section#system th{
	font-size:20px;
text-align:center;
 padding:15px;
 border: 1px solid #9B9B9B;
}

#agent #container section#system td{
	 border: 1px solid #9B9B9B;
	 vertical-align:middle;
	 padding:15px;
}

#agent #container section#system td .ivo{
	display:inline-block;
	width:auto;
	background-color:#f9fbcc;
	border-radius:8px;
	padding:5px 15px 4px 15px;
	}
#agent #container section#system td .s{
  box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#agent #container section#system td .gray{
	display:inline-block;
	width:130px;
	margin-bottom:10px;
	text-align:center;

	background-color:#f0efe9;
	border-radius:8px;
	padding:5px 15px 4px 15px;
	}

#agent #container section#system td .ma{
margin-right:10px;	
}

#agent #container section#system td.center{
text-align:center;	
}


#agent #container section#support .yellow{
	background-color:#fffccc;
}


#agent #container section#support .pink{
	border-left:1px solid #C9C9C9;
		border-right:1px solid #C9C9C9;
		background-color:#ffe3ee;
}

#agent #container section#support .c{
		border-left:1px solid #C9C9C9;
		border-right:1px solid #C9C9C9;

}

#agent #container section#support .blue{
			background-color:#ccf0f9;
	
	
	}
#agent #container section#support table{
width:100%;
margin-bottom:50px;
}
#agent #container section#support th{
padding:15px;
text-align:center;
font-size:18px;
border-top:1px solid #C9C9C9;
border-bottom:1px solid #C9C9C9;

}



#agent #container section#support td{
padding:15px;
text-align:center;
font-size:18px;
border-bottom:1px solid #C9C9C9;

}

#agent #container section#support .zu{
text-align:center;	
}


#agent #container section#support .zu img{
	display:inline-block;
	width:50%;
	
}



#agent #container section#support .contact{
	font-size:10px;
	
}


#agent #container section#recruit .contact a{
	text-decoration:underline;
}

#agent #agentSlide {
	padding: 30px 0 70px;
}

#agent #agentSlide .slick-dots {
	bottom: -35px;
}

#agent #agentSlide .slick-prev,
#agent #agentSlide .slick-next {
    width: 60px;
    height: 60px;
}

#agent #agentSlide .slick-prev {
    left: -60px;
}

#agent #agentSlide .slick-next {
    right: -60px;
}

#agent #agentSlide .slick-prev:before,
#agent #agentSlide .slick-next:before {
    font-size: 60px;
    color: #84c72c;
}