@charset "UTF-8";
/*==============================================

    THEME TRAINING

==============================================*/
.t-ttl {
	text-align: center;
	margin-top: 1em;
	color: #ffffff;
	font-weight: 700;
	font-size: 1.57143rem;
	line-height: 1.89091;
}

@media screen and (min-width: 769px) {
	.t-ttl {
		margin-top: 2em;
		font-size: 1.46667rem;
		line-height: 1.89091;
	}
}

.t-ttl span {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.14286rem;
	line-height: 1.875;
}

@media screen and (min-width: 769px) {
	.t-ttl span {
		font-size: 1.06667rem;
		line-height: 1.875;
	}
}

.t-heading {
	position: relative;
	color: #4275b8;
	text-align: center;
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-heading {
		margin-bottom: 4em;
	}
}

.t-heading span {
	z-index: 2;
	position: relative;
	display: inline-block;
	padding: 0 .5em;
	background-color: #ffffff;
	font-weight: 700;
	font-size: 1.28571rem;
	line-height: 1.38333;
}

@media screen and (min-width: 769px) {
	.t-heading span {
		padding: 0 1em;
		font-size: 1.2rem;
		line-height: 1.38333;
	}
}

.t-heading::before {
	z-index: 0;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 1px;
	background-color: #4275b8;
}

.t-hero--xy {
	margin-top: -3em;
}

@media screen and (min-width: 769px) {
	.t-hero--xy {
		margin-top: -5em;
	}
}

/*==============================================
    13-1. TRAINING INDEX
==============================================*/
.t-image {
	margin: 2em auto 0;
}

@media screen and (min-width: 769px) {
	.t-image {
		width: 57.8%;
	}
}

.t-training {
	margin: 4em auto 0;
}

@media screen and (min-width: 769px) {
	.t-training {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: left;
		-webkit-justify-content: left;
		-ms-flex-pack: left;
		justify-content: left;
	}
}

@media screen and (min-width: 769px) {
	.t-training__list {
		width: 50%;
	}
}

.t-training__list__item {
	margin-left: 1.5em;
	list-style-type: disc;
	font-weight: 500;
	font-size: 1rem;
	line-height: 2.14286;
}

@media screen and (min-width: 769px) {
	.t-training__list__item {
		margin-bottom: .5em;
		font-size: 0.93333rem;
		line-height: 2.14286;
	}
}

.t-note {
	margin-top: 1.5em;
	color: #858585;
	font-weight: 500;
	font-size: 0.78571rem;
	line-height: 1.36364;
}

@media screen and (min-width: 769px) {
	.t-note {
		margin-bottom: .5em;
		font-size: 0.73333rem;
		line-height: 1.36364;
	}
}

/*==============================================
    13-2. TRAINING CAREERIMAGE
==============================================*/
.t-column__txt {
	margin-bottom: 3em;
	font-size: 1rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-column__txt {
		width: 46.9%;
		font-size: 1rem;
		line-height: 2.26667;
	}
}

@media screen and (min-width: 769px) {
	.t-column__img {
		width: 46.9%;
	}
}

.t-column__img img {
	display: block;
	width: 120%;
	margin-left: -10%;
}

@media screen and (min-width: 769px) {
	.t-column__img img {
		width: 100%;
		margin-left: 0;
	}
}

.t-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.t-button__item {
	text-align: center;
	width: 50%;
	padding: 1em 0;
	background-color: rgba(66, 117, 184, 0.2);
	border-radius: 20px 20px 0 0;
	color: #8A9EB8;
	font-weight: 700;
	font-size: 1.28571rem;
	line-height: 1.38333;
}

@media screen and (min-width: 769px) {
	.t-button__item {
		cursor: pointer;
		font-size: 1.2rem;
		line-height: 1.38333;
	}
}

.t-button__item.-on {
	opacity: 1;
	color: #ffffff;
	background-color: #4275b8;
}

.t-tab {
	padding: 2em 6%;
	background-color: #4275b8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-tab {
		padding: 1em;
	}
}

.t-tab__item {
	display: none;
	width: 100%;
}

.t-tab__item.-on {
	display: block;
}

.t-tab__item svg {
	width: 100%;
}

.t-schedule {
	margin: 2em 0 4em 0;
}

@media screen and (min-width: 769px) {
	.t-schedule {
		margin: 5em 0 5em 0;
	}
}

.t-schedule__txt {
	text-align: center;
	margin-bottom: 2em;
	color: #4275b8;
	font-size: 0.92857rem;
	line-height: 1.60769;
}

@media screen and (min-width: 769px) {
	.t-schedule__txt {
		font-size: 0.86667rem;
		line-height: 1.60769;
	}
}

.t-schedule__pic {
	width: 100%;
	padding: 0 6%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic {
		padding: 0;
	}
}

.t-schedule__pic svg {
	width: 100%;
}

.t-schedule__pic--careerimage .-grid {
	position: relative;
}

.t-schedule__pic--careerimage .-grid__button {
	position: absolute;
}

.t-schedule__pic--careerimage .-grid__button a {
	display: block;
}

.t-schedule__pic--careerimage .-grid__button.-b1 {
	width: 15.5%;
	top: 3%;
	left: 12.2%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b1 {
		width: 10.7%;
		top: 10%;
		left: 6.4%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b2 {
	width: 9.5%;
	top: 18%;
	left: 9.8%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b2 {
		width: 19.5%;
		top: 10%;
		left: 18.2%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b3 {
	width: 15.5%;
	top: 38.3%;
	left: 12.2%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b3 {
		width: 9.5%;
		top: 10%;
		left: 39%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b4 {
	width: 15.5%;
	top: 50.9%;
	left: 12.2%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b4 {
		width: 11.1%;
		top: 10%;
		left: 49.7%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b5 {
	width: 15.5%;
	top: 62.6%;
	left: 12.2%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b5 {
		width: 11.8%;
		top: 10%;
		left: 61.8%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b6 {
	width: 15.5%;
	top: 77%;
	left: 12.2%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b6 {
		width: 13%;
		top: 10%;
		left: 74.8%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b7 {
	width: 15.5%;
	top: 89.2%;
	left: 12.2%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b7 {
		width: 11%;
		top: 10%;
		left: 89%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b8 {
	width: 9.5%;
	top: 18%;
	left: 20.4%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b8 {
		width: 11.4%;
		top: 20.2%;
		left: 18.2%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b9 {
	width: 10.7%;
	top: 3%;
	left: 35%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b9 {
		width: 93.2%;
		top: 37%;
		left: 6.4%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b10 {
	width: 10.7%;
	top: 3%;
	left: 50.4%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b10 {
		width: 10.7%;
		top: 48.8%;
		left: 6.4%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b11 {
	width: 10.7%;
	top: 3%;
	left: 62.4%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b11 {
		width: 93.2%;
		top: 65%;
		left: 6.4%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b12 {
	width: 10.7%;
	top: 3%;
	left: 77%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b12 {
		width: 67.5%;
		top: 76.8%;
		left: 6.4%;
	}
}

.t-schedule__pic--careerimage .-grid__button.-b13 {
	width: 10.7%;
	top: 3%;
	left: 89%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--careerimage .-grid__button.-b13 {
		width: 42.3%;
		top: 87.4%;
		left: 6.4%;
	}
}

.t-schedule__pic--1st-training .-grid {
	position: relative;
}

.t-schedule__pic--1st-training .-grid__button {
	position: absolute;
}

.t-schedule__pic--1st-training .-grid__button a {
	display: block;
}

.t-schedule__pic--1st-training .-grid__button.-b1 {
	width: 12.5%;
	top: -0.2%;
	left: 9.4%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--1st-training .-grid__button.-b1 {
		width: 10.6%;
		top: 10%;
		left: -0.2%;
	}
}

.t-schedule__pic--1st-training .-grid__button.-b2 {
	width: 12.5%;
	top: 12.2%;
	left: 24.4%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--1st-training .-grid__button.-b2 {
		width: 77.6%;
		top: 28%;
		left: 10.9%;
	}
}

.t-schedule__pic--1st-training .-grid__button.-b3 {
	width: 12.5%;
	top: 12.2%;
	left: 39.6%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--1st-training .-grid__button.-b3 {
		width: 44.1%;
		top: 43.6%;
		left: 10.9%;
	}
}

.t-schedule__pic--1st-training .-grid__button.-b4 {
	width: 12.5%;
	top: 22.8%;
	left: 54.8%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--1st-training .-grid__button.-b4 {
		width: 55.3%;
		top: 59.4%;
		left: 22.2%;
	}
}

.t-schedule__pic--1st-training .-grid__button.-b5 {
	width: 19.1%;
	top: 43.5%;
	left: 69.6%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--1st-training .-grid__button.-b5 {
		width: 10.6%;
		top: 74.6%;
		left: 44.5%;
	}
}

.t-schedule__pic--1st-training .-grid__button.-b6 {
	width: 12.5%;
	top: 85.4%;
	left: 69.6%;
}

@media screen and (min-width: 769px) {
	.t-schedule__pic--1st-training .-grid__button.-b6 {
		width: 10.8%;
		top: 74.6%;
		left: 89%;
	}
}

.t-schedule__note {
	padding: 1em 6% 0 6%;
	color: #858585;
	font-size: 0.85714rem;
	line-height: 2.1;
}

@media screen and (min-width: 769px) {
	.t-schedule__note {
		padding: 1em 0 0 0;
		font-size: 0.86667rem;
		line-height: 1.60769;
	}
}

.t-paragraph {
	margin-bottom: 4em;
}

.t-paragraph__ttl {
	text-align: center;
	margin-bottom: 1.5em;
	color: #4275b8;
	font-weight: 700;
	font-size: 1.42857rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-paragraph__ttl {
		font-size: 1.33333rem;
		line-height: 2;
	}
}

.t-paragraph__ttl span {
	z-index: 1;
	position: relative;
	color: #ffffff;
	font-weight: 700;
	font-size: 1rem;
	line-height: 2.85714;
}

@media screen and (min-width: 769px) {
	.t-paragraph__ttl span {
		font-size: 0.93333rem;
		line-height: 2.85714;
	}
}

.t-paragraph__ttl span::before {
	z-index: -1;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 28px;
	height: 28px;
	border-radius: 100px;
	background-color: #4275b8;
}

.t-paragraph__txt {
	text-align: center;
	color: #858585;
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-paragraph__txt {
		font-size: 0.93333rem;
		line-height: 1.8;
	}
}

.t-paragraph__txt a {
	color: #858585;
	text-decoration: underline;
}

.t-content {
	position: relative;
	margin-top: 4em;
	padding: 2em 6%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-content {
		width: 46.9%;
		margin-top: 1em;
		padding: 2em 4.8%;
	}
}

.t-content:nth-child(1) {
	background: url(../../training/image/img_1st-training_bg_01.png) no-repeat scroll center center/cover;
}

.t-content:nth-child(2) {
	background: url(../../training/image/img_1st-training_bg_02.png) no-repeat scroll center center/cover;
}

.t-content__ttl {
	position: absolute;
	top: -1em;
	color: #4275b8;
	letter-spacing: 0.12em;
	font-weight: 700;
	font-size: 2.28571rem;
	line-height: 1.75;
}

@media screen and (min-width: 769px) {
	.t-content__ttl {
		font-size: 2.13333rem;
		line-height: 1.75;
	}
}

.t-content__list li {
	font-size: 1rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-content__list li {
		font-size: 0.93333rem;
		line-height: 2;
	}
}

.t-pickup {
	margin-top: 4em;
}

@media screen and (min-width: 769px) {
	.t-pickup {
		margin-top: 6em;
	}
}

@media screen and (min-width: 769px) {
	.t-pickup__icon {
		width: 39.5%;
		margin: 0 auto;
		padding-top: 3em;
	}
}

.t-pickup__box {
	margin-top: 2em;
	padding: 0 6% 2em 6%;
	background-color: #F0F0F0;
	border-top: 2px solid #4275B8;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-pickup__box {
		padding: 0 4.5% 2em 4.5%;
	}
}

.t-pickup__box .-ttl {
	position: relative;
	text-align: center;
	padding: 1.25em 0;
	color: #525252;
	font-weight: 700;
	font-size: 1.57143rem;
	line-height: 1.27273;
}

@media screen and (min-width: 769px) {
	.t-pickup__box .-ttl {
		padding: 1em 0 1.5em;
		font-size: 1.46667rem;
		line-height: 1.27273;
	}
}

.t-pickup__box .-ttl::after {
	display: inline-block;
	content: '';
	width: 23px;
	height: 24px;
	background: transparent url(../../training/image/icon_pen.png) no-repeat scroll center center/cover;
	-webkit-transform: translate3d(6px, 4px, 0px);
	transform: translate3d(6px, 4px, 0px);
}

.t-pickup__box .-img {
	margin-bottom: 1em;
}

@media screen and (min-width: 769px) {
	.t-pickup__box .-img {
		width: 46.7%;
	}
}

.t-pickup__box .-txt {
	font-size: 1rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-pickup__box .-txt {
		width: 46.7%;
		font-size: 0.93333rem;
		line-height: 2;
	}
}

.t-popup {
	display: none;
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	background-color: rgba(66, 117, 184, 0.7);
}

.t-popup__item {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 89.6%;
	height: auto;
	max-height: 89.6%;
	padding: 1.5em 4%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #4275b8;
	background-color: #ffffff;
}

@media screen and (min-width: 769px) {
	.t-popup__item {
		width: 38%;
	}
}

.t-popup__item__close {
	cursor: pointer;
}

.t-popup__item__close span {
	z-index: 105;
	position: absolute;
	width: 40px;
	height: 40px;
	top: -3em;
	right: 0;
	border-radius: 200px;
}

@media screen and (min-width: 769px) {
	.t-popup__item__close span {
		top: -18%;
		right: 0;
	}
}

.t-popup__item__close span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20px;
	height: 1px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	background-color: #ffffff;
}

.t-popup__item__close span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20px;
	height: 1px;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
	background-color: #ffffff;
}

.t-popup__item .-ttl {
	text-align: center;
	margin-bottom: .5em;
	padding: 1em 0;
	border-bottom: 2px solid #4275b8;
	font-weight: 700;
	font-size: 1.42857rem;
	line-height: 1.75;
}

@media screen and (min-width: 769px) {
	.t-popup__item .-ttl {
		font-size: 1.33333rem;
		line-height: 1.75;
	}
}

.t-popup__item .-txt {
	color: #333333;
	font-size: 1.07143rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-popup__item .-txt {
		font-size: 1rem;
		line-height: 2;
	}
}

.t-popup__item .-txt a {
	text-decoration: underline;
}

.t-voice {
	padding: 2em 4.8%;
	background-color: #f0f0f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) {
	.t-voice {
		padding: 2em 6%;
	}
}

.t-voice .-object {
	display: inline-block;
	position: relative;
	margin-bottom: 1em;
}

@media screen and (min-width: 769px) {
	.t-voice .-object {
		margin-bottom: 0;
	}
}

.t-voice .-object::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #4275b8;
	bottom: -6px;
}

.t-voice .-object::after {
	content: '';
	position: absolute;
	width: 29px;
	height: 21px;
	background: transparent url(../../training/image/icon_arrow.png) no-repeat scroll center center/cover;
	bottom: -21px;
	right: 0;
	left: 0;
	margin: auto;
}

.t-voice--col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (min-width: 769px) {
	.t-voice--col {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.t-voice__icon {
	width: 100px;
	padding-right: 1.5em;
}

@media screen and (min-width: 769px) {
	.t-voice__icon {
		padding-right: .5em;
	}
}

.t-voice__name {
	width: calc(100% - 124px);
	font-size: 1.14286rem;
	line-height: 1.3125;
}

@media screen and (min-width: 769px) {
	.t-voice__name {
		width: auto;
		padding-left: .5em;
		font-size: 1.06667rem;
		line-height: 1.3125;
	}
}

.t-voice__ttl {
	padding: 1em 0;
	font-weight: 700;
	font-size: 1.42857rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-voice__ttl {
		text-align: center;
		font-size: 1.33333rem;
		line-height: 1.8;
	}
}

.t-voice__txt {
	margin-bottom: 2em;
	font-size: 1rem;
	line-height: 2;
}

@media screen and (min-width: 769px) {
	.t-voice__txt {
		margin-bottom: 3em;
		font-size: 0.93333rem;
		line-height: 2;
	}
}

.t-voice .c-btn a {
	border: none;
	background-color: #ffffff;
}

@media screen and (min-width: 769px) {
	.t-voice .c-btn a {
		width: 287px;
		margin: 0 auto;
	}
}

.t-voice__pic {
	margin-bottom: 2em;
}

@media screen and (min-width: 769px) {
	.t-voice__pic {
		width: 48%;
		margin-bottom: 0;
	}
}

.t-voice__desc {
	font-size: 1rem;
	line-height: 1.8;
}

@media screen and (min-width: 769px) {
	.t-voice__desc {
		width: 48%;
		font-size: 0.93333rem;
		line-height: 1.8;
	}
}

/*==============================================
    13-X. TRAINING LYAOUT & COMPONENT(PREDEFINED)
==============================================*/