@charset "utf-8";




.c-Training-system {
	padding: 60px 0 120px;
}

.c-Training-system__category {
	width: 80px;
	background: #30a324;
	position: relative;
}

.c-Training-system__category:before {
	content: '';
	width: 100%;
	height: 300px;
	background: linear-gradient(to bottom, #30a324 0, #98d192 100%);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.c-Training-system__category:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 40px 0 40px;
	border-color: #98d192 transparent transparent transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	z-index: 10;
}

.c-Training-system__category em {
	font-size: 1.8rem;
	letter-spacing: .25em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	text-shadow: 0 0 8px rgba(0,0,0,.1);
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
}

.c-Training-system__node {
	width: calc(100% - 80px);
	padding: 65px 0 40px 40px;
}

.c-Training-system__block {
	width: 100%;
	padding: 30px 0 0;
}

.c-Training-system__inner:first-of-type .c-Training-system__block {
	padding: 15px 0 0;
}

.is-Training-system__photo .c-Training-system__block {
	width: calc(100% - 480px);
}

.u-Flex__reverse .c-Training-system__block {
	padding-left: 40px;
}

.c-Training-system__title {
	font-size: 2.2rem;
	margin: 0 0 .5em;
	padding: 0 0 0 1em;
	position: relative;
}

.c-Training-system__title:before {
	content: '';
	width: .45em;
	height: .45em;
	display: block;
	border-radius: 50%;
	background: #30a324;
	position: absolute;
	top: .4em;
	left: 0;
}

.c-Training-system__block .u-Text {
	padding-right: 2em;
}

.c-Training-system__photo {
	width: 480px;
	padding: 0 0 15px;
}

.is-Training-system__photo .u-Title__hi + .c-Training-system__inner .c-Training-system__photo {
	margin-top: -3.75em;
}

.is-Training-system__corner-first .c-Training-system__category em {
	top: 30px;
}

.is-Training-system__corner-first .c-Training-system__node {
	padding-top: 25px;
}

.is-Training-system__corner-last .c-Training-system__category {
	background: #c20d2f;
}

.is-Training-system__corner-last .c-Training-system__category:before {
	display: none;
}

.is-Training-system__corner-last .c-Training-system__category:after {
	border-color: #c20d2f transparent transparent transparent;
}



.c-Flow-day .u-Inner {
	margin-top: -120px;
	padding: 60px;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.075);
}

.c-Flow-day__wrapper {
	width: 750px;
	margin: 0 auto;
}

.c-Flow-day__time {
	font-size: 2.4rem;
	width: 95px;
	margin: -.25em 0 0;
	padding: 0 0 30px;
}

.c-Flow-day__node {
	width: calc(100% - 95px);
	padding: 0 0 0 30px;
	border-left: 1px dashed #14a83b;
	position: relative;
}

.c-Flow-day__title {
	font-size: 1.8rem;
	margin: 0 0 .25em;
	position: relative;
}

.c-Flow-day__title:after {
	content: '';
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 50%;
	background: #14a83b;
	position: absolute;
	top: .275em;
	left: -30px;
	transform: translate(-50%,0);
	z-index: 100;
}

.c-Flow-day__inner {
	padding: 0 0 30px;
}

.is-Flow-day__photo .c-Flow-day__block {
	width: calc(100% - 280px);
}

.c-Flow-day__block .u-Text {
	line-height: 1.5;
	margin: 0;
	padding: 0 1em 0 0;
}

.c-Flow-day__photo {
	width: 280px;
}

.is-Flow-day__corner-first .c-Flow-day__node:after {
	content: '';
	width: 10px;
	height: .5em;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-50%);
	z-index: 0;
}

.is-Flow-day__corner-last .c-Flow-day__node:after {
	content: '';
	width: 10px;
	height: calc(100% - 10px);
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(-50%);
	z-index: 0;
}

.c-Work-environment {
	padding: 30px 0;
}

.c-Work-environment__photo {
	margin: 0 -15px;
}

.c-Work-environment__photo figure {
	padding: 15px;
}

.c-Work-environment__photo figcaption {
	padding: .5em 0 0;
	display: block;
}

#ANC-CONTENTS3 .u-Title__low {
	padding-top: 60px;
}



.c-hbillust {
	width: 90px;
	margin: 50px 0 0;
	position: absolute;
	top: 0;
	transform-origin: bottom center;
	transform: translate(0,0);
	animation: anim-hbillust 3s 0s infinite;
}

@keyframes anim-hbillust {
	0% {
		transform: translate(100%,-5%);
	}
	50% {
		transform: translate(100%,5%);
	}
	100% {
		transform: translate(100%,-5%);
	}
}