/* --------------------------------------------------- */
.training01 {
	padding-top: 20px;
	margin-bottom: 50px;
}
.training01 h4 {
	font-size: 130%;
}
.training01 h4 img {
	display: block;
	max-width: 700px;
	width: 95%;
	margin-bottom: 20px;
}
.training01 h4 strong {
	display: block;
	color: #C00000;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 20px;
}
.training01 p {
}

/* --------------------------------------------------- */
.training04 {
	margin-bottom: 40px;
}
.training04.post {
    counter-reset: h5;
}
.training04.post h5 {
	display: flex;
    line-height: 3rem;
    font-size: 1.3rem;
	color: #103362;
	margin-bottom: 15px;
}
.training04.post h5::before {
	counter-increment: h5;
    content: counter(h5);
    background-color: #103362;
    color: #fff;
    text-align: center;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    margin-right: 1.0rem;
    border-radius: 50%;
    flex-shrink: 0;
}
.training04 .box {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #A8B5C6 1px dashed;
}
.training04 .box:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
.training04 p {
	margin-bottom: 10px;
}
.training04 a {
	color: #4B83CE;
	text-decoration: underline;
}
.training04 .box .in1 {
	width: 100%;
	display: table;
	background-color: #EFEFEF;
}
.training04 .box .in1 .ph,
.training04 .box .in1 .in1_l,
.training04 .box .in1 .in1_r{
	display: table-cell;
	vertical-align: top;
}
.training04 .box .in1 .ph {
	width: 55%;
	background: url(../images/training/ph01.jpg) no-repeat center center;
	background-size: cover;
}
.training04 .box .in1 .in1_l {
	padding: 15px 20px;
}
.training04 .box .in1 .in1_l strong {
	display: block;
	color: #103362;
	border-bottom: #103362 1px solid;
	margin-bottom: 10px;
}
.training04 .box .in1 .in1_l ul {
	list-style: outside decimal;
	margin-left: 20px;
	font-size: 90%;
	font-weight: 500;
	margin-bottom: 30px;
}
.training04 .box .in1 .in1_l li {
}
.training04 .box .in1 .in1_r {
	width: 55%;
}
.training04 .box .in1 .in1_r .youtube {
	position:relative;
    width:100%;
    padding-top:56.25%;
}
.training04 .box .in1 .in1_r .youtube iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
.training04 .box .in2 {
	border: #103362 1px solid;
}
.training04 .box .in2 p {
	background-color: #103362;
	color: #fff;
	margin-bottom: 0;
	line-height: 140%;
	padding: 5px 10px 7px;
	font-weight: 500;
}
.training04 .box .in2 ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding: 5px;
}
.training04 .box .in2 li {
	color: #103362;
	margin: .5%;
	width: 49%;
	text-align: center;
	background-color: #EFEFEF;
	font-size: 90%;
	font-weight: 500;
	padding: 5px;
}
.training04 .box .in3 {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-top: 30px;
}
.training04 .box .in3 dl {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 20px;
}
.training04 .box .in3 dl:nth-child(2n) {
	margin-right: 0;
}
.training04 .box .in3 dt {
	color: #103362;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 110%;
}
.training04 .box .in3 dd {
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 170%;
}
/* --------------------------------------------------- */
.training05 {
	
}
/* --------------------------------------------------- */
.training06 {
	margin-bottom: 50px;
}
.training06.post {
    counter-reset: h6;
}
.training06.post h6 {
	display: flex;
    line-height: 2.5rem;
    font-size: 1.3rem;
	color: #103362;
	margin-bottom: 0px;
}
.training06.post h6::before {
	counter-increment: h6;
    content: counter(h6);
    background-color: #103362;
    color: #fff;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.2rem;
    margin-right: 1.0rem;
    border-radius: 50%;
    flex-shrink: 0;
}
.training06 p {
	margin-bottom: 30px;
	margin-left: 60px;
}
.training06 p a {
	color: #4B83CE;
	text-decoration: underline;
}
.training06 .ttl_style14 {
	margin-left: 0;
}
/* --------------------------------------------------- */
.training07 {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	max-width: 700px;
	width: 100%;
	margin: 0px auto 50px;
}
.training07 li {
	width: 48%;
	margin-right: 4%;
}
.training07 li:nth-child(2n) {
	margin-right: 0;
}
.training07 li a:hover {
	opacity:.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:.6;
	-khtml-opacity:.6;
}
/* --------------------------------------------------- */





@media screen and (max-width: 600px) {
	
	/* ----------------------------------------------- */
	.training01 {
	}
	.training01 h4 {
		font-size: 110%;
	}
	
	/* ----------------------------------------------- */
	.training04 {
	}
	.training04.post h5 {
		line-height: 1.8rem;
		font-size: 1.2rem;
		color: #103362;
		margin-bottom: 15px;
	}
	.training04.post h5::before {
		counter-increment: h5;
		content: counter(h5);
		width: 1.8rem;
		height: 1.8rem;
		line-height: 1.6rem;
		font-size: 1.0rem;
		margin-right: .8rem;
	}
	.training04 .box .in1,
	.training04 .box .in1 .ph,
	.training04 .box .in1 .in1_l,
	.training04 .box .in1 .in1_r {
		display: block;
		width: 100%;
	}
	.training04 .box .in1 .ph {
		height: 230px;
	}
	.training04 .box .in1 .in1_l {
		padding: 15px 20px;
	}
	.training04 .box .in1 .in1_l ul {
		margin-bottom: 0px;
	}
	.training04 .box .in2 li {
		width: 99%;
		text-align: left;
		padding-left:10px;
	}
	.training04 .box .in3 dt {
		line-height: 150%;
		margin-bottom: 10px;
	}
	.training04 .box .in3 dd {
		margin-bottom: 10px;
	}
	/* ----------------------------------------------- */
	.training05 {
	}
	/* ----------------------------------------------- */
	.training06.post h6 {
		line-height: 1.8rem;
		font-size: 1.1rem;
	}
	.training06.post h6::before {
		width: 1.8rem;
		height: 1.8rem;
		line-height: 1.6rem;
		font-size: 1.0rem;
		margin-right: .8rem;
		margin-bottom: 5px;
	}
	.training06 p {
		margin-bottom: 25px;
		margin-left: 40px;
	}
	/* ----------------------------------------------- */
	.training07 li,
	.training07 li:nth-child(2n) {
		width: 95%;
		max-width: 350px;
		margin: 0px auto 10px;
	}
}