section .inr {
	max-width: 1020px;
}

.traning-box {
	letter-spacing: .08em;
}

.pnav {
	background-color: #f2f5f7;
	position: relative;
	z-index: 1;
}
.pnav a {
	color: #57c2e9;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: .08em;
	display: block;
	padding: 15px 30px;
	position: relative;
	z-index: 1;
}
.pnav a::after {
	content: "";
	width: 2px;
	height: 20px;
	background-color: #fabe00;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}

.traning-box .tit1 {
	font-size: 2.8rem;
	font-weight: 700;
	color: #57c2e9;
	position: relative;
	padding-left: 45px;
}
.traning-box .tit1::before {
	content: "";
	width: 28px;
	height: 2px;
	background-color: #fabe00;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.traning-box .tit2 {
	font-size: 3.6rem;
	letter-spacing: .1em;
	color: #000;
	font-weight: 500;
	line-height: 1.75;
}

.traning-box .tit3 {
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: .08em;
	color: #000;
	line-height: 1.71428571429;
}

.traning-box .tit4 {
	font-size: 2.2rem;
	letter-spacing: .15em;
	font-weight: 700;
	color: #57c2e9;
	display: inline-block;
	border-bottom: #57c2e9 2px solid;
	padding-bottom: 5px;
}

.traning-box .tit5 {
	font-size: 1.8rem;
	letter-spacing: .13em;
	font-weight: 700;
	color: #003466;
	background-color: #f2f5f7;
	line-height: 31.5px;
	padding-left: 8px;
}

.traning-box .txt {
	font-size: 1.4rem;
	line-height: 1.85714285714;
	color: #000;
}

.traning-table {
	width: 100%;
}
.traning-table dt {
	width: 270px;
	font-size: 2.2rem;
	font-weight: 700;
	position: relative;
}
.traning-table dt span {
	padding-left: 55px;
	position: relative;
}
.traning-table.maru dt {
	color: #57c2e9;
}
.traning-table.batsu dt {
	color: #787878;
}
.traning-table.maru dt span::before {
	content: "";
	width: 42px;
	height: 42px;
	background-image: url(../images/traning/ico-maru.png);
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.traning-table.batsu dt span::before {
	content: "";
	width: 38px;
	height: 38px;
	background-image: url(../images/traning/ico-batsu.png);
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.traning-table dd {
	width: calc(100% - 270px);
	color: #000;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.8125;
}
.traning-table li {
	padding-left: 45px;
	position: relative;
}
.traning-table li::before {
    content: "";
    width: 27px;
    height: 36px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.traning-table.maru li::before {
    background-image: url(../images/traning/ico-ppl-blue.png);
}

.traning-table.batsu li::before {
    background-image: url(../images/traning/ico-ppl-gry.png);
}

.traning-table2 {
	width: 100%;
}

.bdr-left {
	counter-reset: number 0; 
}

.traning-table2 dt {
	width: 250px;
	color: #000;
	font-size: 2.8rem;
	line-height: 1;
	font-weight: normal;
}
.traning-table2 dt h3 {
	font-size: 2.8rem;
	font-weight: 500;
}
.traning-table2 dt h3::before {
	counter-increment: number 1;
	content: counter(number,decimal-leading-zero);
	font-size: 3.6rem;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: #57c2e9;
	font-style: italic;
	margin-right: 20px;
}

.traning-table2 dd {
	width: calc(100% - 250px);
}

.traning-box .box-inr {
	width: 48.7179487179%;
	background-color: #f2f5f7;
	padding: 16px;
}

.traning-box .box-inr .tit {
	font-size: 1.8rem;
	line-height: 31px;
	font-weight: 700;
	letter-spacing: .1em;
	background-color: #fff;
	padding-left: 10px;
}

.traning-box .box-inr li {
	padding-left: 1.3rem;
	position: relative;
	margin-left: .7em;
}
.traning-box .box-inr li::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #57c2e9;
    border-radius: 100px;
    color: #57c2e9;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: 1px;
}


/*PC*/
@media screen and (min-width: 768px) {
	.traning-box .bdr-left {
		position: relative;
	}
	.traning-box .bdr-left {
		background-image: url(../images/traning/bdr.png);
		background-position: top left;
		padding-top: 60px;
		padding-left: 130px;
	}
}/*END*/


/*Smartphone*/
@media screen and (max-width: 767px) {
	.pnav a {
		font-size: 1.2rem;
		line-height: 1.41666666667;
		padding: 15px 20px;
	}
	.pnav a::after {
		content: "";
		width: 1px;
		height: 13px;
		background-color: #fabe00;
		position: absolute;
		bottom: -6px;
		left: 50%;
		transform: translateX(-50%);
	}

	.traning-box .tit1 {
		font-size: 1.7rem;
		padding-left: 25px;
	}
	.traning-box .tit1::before {
		width: 17px;
	}

	.traning-box .tit2 {
		font-size: 2.2rem;
	}

	.traning-box .tit3 {
		font-size: 1.8rem;
		color: #000;
		line-height: 1.94444444444;
	}

	.traning-box .tit4 {
		font-size: 1.5rem;
		border-bottom: #57c2e9 1px solid;
		padding-bottom: 3px;
	}

	.traning-box .tit5 {
		font-size: 1.5rem;
		line-height: 25.5px;
		padding-left: 4px;
	}

	.traning-box .txt {
		font-size: 1.4rem;
		line-height: 1.85714285714;
		color: #000;
	}

	.traning-table {
		width: 100%;
	}
	.traning-table dt {
		width: 100%;
		font-size: 1.5rem;
	}
	.traning-table dt span {
		padding-left: 27px;
	}
	.traning-table dt.maru::before {
		top: 5px;
	}
	.traning-table.maru dt span::before {
		background-image: url(../images/traning/sm-ico-maru.png);
		width: 21px;
		height: 21px;
	}
	.traning-table.batsu dt span::before {
		background-image: url(../images/traning/sm-ico-batsu.png);
		width: 19px;
		height: 19px;
		left: 0;
	}

	.traning-table dd {
		width: 100%;
		font-size: 1.4rem;
	}
	.traning-table li {
		padding-left: 35px;
		position: relative;
	}
	.traning-table li::before {
		width: 20px;
		height: 24px;
		top: 0;
		transform: none;
	}

	.traning-table2 {
		width: 100%;
	}

	.bdr-left {
		counter-reset: number 0; 
	}

	.traning-table2 dt {
		width: 100%;
		font-size: 1.8rem;
	}
	.traning-table2 dt h3 {
		font-size: 1.8rem;
	}
	.traning-table2 dt h3::before {
		font-size: 2.4rem;
		margin-right: 15px;
	}

	.traning-table2 dd {
		width: 100%;
		padding-left: 43px;
	}

	.traning-box .box-inr {
		width: 100%;
		padding: 10px;
	}

	.traning-box .box-inr .tit {
		font-size: 1.5rem;
		line-height: 25px;
		padding-left: 5px;
	}

	.traning-box .box-inr li {
		font-size: 1.3rem;
		padding-left: 1.3em;
		position: relative;
	}
	.traning-box .box-inr li::before {
		content: "";
		width: 6px;
		height: 6px;
		background: #57c2e9;
		border-radius: 100px;
		color: #57c2e9;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		margin-top: 1px;
	}
}/*END*/