@charset "utf-8";

/* CSS Document */

.training-area {}
.training {}
.intro-area {
  width: 90%;
  margin: 0 auto;
}

/*研修内容*/
.training-content {
	background-color:#f3f3f3;
	padding:100px 0 50px 0;
}

.training-content1 {
	width:90%;
	max-width:960px;
	margin:0 auto 100px auto;
}
.training-content1 h3{
    position:relative;
    width:300px;
    background:#0070A5;
    padding:10px;
    text-align:center;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
	margin:0 auto 50px auto;
}
.training-content1 h3:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 112, 165, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#0070A5;
    top:100%;
    left:50%;
}



@media(max-width:640px){	
.training-content1 h3{
    width:280px;
    padding:7px;
    font-size:18px;
	margin:0 auto 30px auto;
}
}


.training-content1 ul{
}
.training-content1 ul li{
	max-width:520px;
	margin:auto auto 20px auto;
}
.training-content1 ul li a{
	display:block;
	text-align:center;
	color:#0070A5;
	font-weight:bold;
	background-color:#fff;
	padding:20px;
	border:solid 2px #0070A5;
	border-bottom:solid 5px #006290;
	color:#000;
	font-size:18px;
	border-radius:10px;
	line-height:35px;
}

.dli-chevron-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 12px;
  height: 12px;
  border: 3px solid #000;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
}
.double-arrow{
	margin-left:10px;
}
.font-color {
	color:#008DD1;
}