.mgb-0{
	margin-bottom: 0 !important;
}
.pdt-35px{
	padding-top: 35px;
}
.mgb-50px{
	margin-bottom: 50px;
}
.mgb-4em{
	margin-bottom: 4em;
}
.pdb-50px{
	padding-bottom: 50px;
}
.centered{
	text-align: center;
}
.lead-ttl{
	font-size: 24px;
	color: #fff;
	padding: 0.5em 0;
	font-weight: bold;
}
.tmpl-training-system-header{
	background-color: #005BAC;
	margin-bottom: 50px;
}
.tmpl-training-system-header-ttl{
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding: 0.5em 0;
	font-weight: bold;
}
.tmpl-training-system-header-subttl{
	font-size: 18px;
	text-align: center;
	padding: 0.5em 0;
	background-color: #E9F3FD;
	font-weight: bold;
	margin-bottom: 40px;
	border: #005BAC 1px solid;
}
.tmpl-training-system-header-leadttl{
	font-size: 24px;
	font-weight: bold;
	color:#005BAC;
	margin-bottom: 0.5em;
}
.tmpl-training-system-header-leadtxt{
	margin-bottom:2em;
}
#tmpl-training-system img{
	width: auto;
	max-width: 100%;
	height: auto;
}
.scpd{
	padding-top: 50px;
}
#tmpl-training-system .title_bgcolor{
	min-width:100%;
}
.bg_staff #tmpl-training-system .title{
	width: 100%;
}
.tmpl-training-system-hero {
	background: #98bfd9 url(../../img/training/bgTraining.png) center top no-repeat;
	width: 100%;
	padding: 227px 0 0px;
	height: 197px;
}
#tmpl-training-system-wrap{
	margin-top: -100px;
}
/* =========================================================
   人財育成プログラム概要
========================================================= */

.tmpl-training-system-overview {
	width: 100%;
	font-size: 12px;
	color: #000;
}


/* =========================================================
   上部画像
========================================================= */

.tmpl-training-system-overview__image {
	max-width: 750px;
	margin: 0 auto 2.5em;
}

.tmpl-training-system-overview__image img {
	display: block;
	width: 100%;
	height: auto;
}


/* =========================================================
   説明エリア
========================================================= */
.tmpl-training-system-dl__grp{
	padding: 1.5em;
	line-height: 1.8;
	max-width: 90%;
	box-sizing:border-box;
	margin-left: auto;
	margin-right: auto;
}
.tmpl-training-system-dl__grp .tmpl-training-system-dl__grp__dt{
	font-weight: bold;
	font-size: 14px;
}
.tmpl-training-system-dl__grp .tmpl-training-system-dl__grp__dd:not(:last-child){
	margin-bottom: 1em;
}

.tmpl-training-system-dl__grp.bg-white{
	background-color:#fff;
	padding: 1.5em;
}

.tmpl-training-system-dl__grp.bg-gray{
	background-color: #E9E9E8;
	padding: 1.5em;
}

.tmpl-training-system-dl {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #005bac;
	max-width: 87%;
}


/* =========================================================
   各カラム
========================================================= */

.tmpl-training-system-dl__column {
	margin: 0;
	padding: 0 1em;
}

.tmpl-training-system-dl__column:nth-child(2) .tmpl-training-system-dl__item{
	border-bottom: 1px solid #005bac;
}


/* =========================================================
   各項目
========================================================= */

.tmpl-training-system-dl__item {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-bottom: 1px solid #005bac;
}
/*
.tmpl-training-system-dl__item:nth-child(5),
.tmpl-training-system-dl__item:nth-child(6),
.tmpl-training-system-dl__item:nth-child(7) {
	border-right: 1px solid #005bac;
}
*/

/* =========================================================
   見出し
========================================================= */

.tmpl-training-system-dl__item dt {
	margin: 0;
	padding: 0.8em 0 0.4em;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
}


/* =========================================================
   本文
========================================================= */

.tmpl-training-system-dl__item dd {
	margin: 0;
	padding: 0 0 1em;
	/*border-bottom: 1px solid #005bac;*/
	font-size: 12px;
	line-height: 1.6;
	box-sizing: border-box;
}

.tmpl-training-system-dl__item:last-child{
	border-bottom:none;
}


/* =========================================================
   カラム下端調整
========================================================= */

/* 左列最後 */
.tmpl-training-system-dl__item--grade dd {
	border-bottom: 1px solid #005bac;
}

/* 中央列 */
.tmpl-training-system-dl__item--career {
	border-right: 1px solid #005bac;
}

.tmpl-training-system-dl__item--career dd {
	border-bottom: 1px solid #005bac;
}

/* 右列最後 */
.tmpl-training-system-dl__item--business dd {
	border-bottom: 1px solid #005bac;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 1024px) {

	.tmpl-training-system-overview__image {
		width: 82%;
	}

	.tmpl-training-system-dl {
		width: 100%;
	}

}


/* =========================================================
   Smartphone
========================================================= */
@media screen and (max-width: 834px) {
	#tmpl-training-system-wrap{
		margin-top: -7%;
	}
	.tmpl-training-system-hero {
	        background: #98bfd9 url(../../img/training/bgTraining.png) center top no-repeat;
	        background-size: 100%;
	        width: 100%;
	        padding-top: 32%;
	        height: 0;
	    }
	    .tmpl-training-system-dl__grp{
			max-width: 100%;
			}
}
@media screen and (max-width: 767px) {

	.tmpl-training-system-overview__image {
		width: 100%;
		max-width: none;
		margin-bottom: 1em;
	}

	.tmpl-training-system-dl {
		display: block;
		width: 100%;
	}
	
	.tmpl-training-system-dl__column {
		margin: 0;
	}

	.tmpl-training-system-dl dt {
		padding-top: 0.8em;
		font-size: 14px;
	}

	.tmpl-training-system-dl dd {
		padding-bottom: 0.8em;
		font-size: 12px;
	}
	
	.tmpl-training-system-dl__item:last-child{
		border-bottom: 1px solid #005bac;
	}
	
	.tmpl-training-system-dl__column:last-child .tmpl-training-system-dl__item:last-child{
		border-bottom: none;
	}

}
/*
.tmpl-flex {
	display: -webkit-flex;
	display: flex;
	flex-flow,: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.tmpl-flex.flex-space-between{
	justify-content: space-between;
}
.tmpl-flex .tmpl-flex-left{
	width:66%;
}
.tmpl-flex .tmpl-flex-right{
	width:32%;
}
.tmpl-training-system-dl{
	padding: 1em;
	border: #005BAC 1px solid;
	background: #fff;
}
.tmpl-training-system-dl dt{
	font-weight: bold;
	margin-bottom: 0.5em;
	font-size: 14px;
}
.tmpl-training-system-dl dd{
	border-bottom: #005BAC 1px solid;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.tmpl-training-system-dl dd:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
*/
.tmpl-training-system-global {
  --tmpl-training-system-color-main: #1474c9;
  --tmpl-training-system-color-light: #dceef8;
  --tmpl-training-system-color-border: #1474c9;

  width: 100%;
  font-size: 12px;
  line-height: 1.6;
  color: #111;
}

.tmpl-training-system-global *,
.tmpl-training-system-global *::before,
.tmpl-training-system-global *::after {
  box-sizing: border-box;
}


/* =========================================================
   5つの教育項目
========================================================= */

.tmpl-training-system-global__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.tmpl-training-system-global__item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 320px;
  padding-bottom: 18px;
  border: 1px solid var(--tmpl-training-system-color-border);
  background: #fff;
}


/* =========================================================
   見出し
========================================================= */

.tmpl-training-system-global__heading {
  margin: 0;
  padding: 14px 10px;
  background: var(--tmpl-training-system-color-light);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}


/* =========================================================
   本文
========================================================= */

.tmpl-training-system-global__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px 10px 10px;
}

.tmpl-training-system-global__list {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}

.tmpl-training-system-global__list li {
  position: relative;
  padding-left: 1em;
}

.tmpl-training-system-global__list li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tmpl-training-system-color-main);
  content: "・";
  font-weight: 700;
}

.tmpl-training-system-global__list strong {
  color: var(--tmpl-training-system-color-main);
  font-weight: 700;
}

.tmpl-training-system-global__list span {
  display: block;
  color: #111;
}


/* =========================================================
   アイコン
========================================================= */

.tmpl-training-system-global__icon {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  padding-top: 20px;
}

.tmpl-training-system-global__icon img {
  display: block;
  width: auto;
  max-width: 86px;
  height: auto;
}


/* =========================================================
   下向き矢印
========================================================= */

.tmpl-training-system-global__arrow {
  position: absolute;
  bottom: -32px;
  left: 50%;
  z-index: 2;
  width: 0;
  height: 0;
  border-top: 22px solid var(--tmpl-training-system-color-main);
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  transform: translateX(-50%);
}


/* =========================================================
   最終ゴール
========================================================= */

.tmpl-training-system-global__goal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 115px;
  margin-top: 38px;
  padding: 18px 160px;
  border-radius: 60px;
  background: var(--tmpl-training-system-color-main);
}

.tmpl-training-system-global__goal-icon {
  position: absolute;
  top: 43%;
  left: 14%;
  transform: translateY(-50%);
}

#tmpl-training-system .tmpl-training-system-global__goal-icon img {
  display: block;
  width: auto;
  max-width: 100px;
  height: auto;
}

.tmpl-training-system-global__goal-text {
  margin: 0;
  color: #fff;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}
.tmpl-training-system-self-development {
  --tmpl-training-system-color-main: #1474c9;
  --tmpl-training-system-color-light: #dceef8;

  width: 88%;
  font-size: 12px;
  line-height: 1.6;
  color: #111;
  margin-left: auto;
  margin-right: auto;
}

.tmpl-training-system-self-development *,
.tmpl-training-system-self-development *::before,
.tmpl-training-system-self-development *::after {
  box-sizing: border-box;
}


/* =========================================================
   各教育ブロック
========================================================= */

.tmpl-training-system-self-development__item {
  border: 1px solid var(--tmpl-training-system-color-main);
  background: #fff;
}

.tmpl-training-system-self-development__item + 
.tmpl-training-system-self-development__item {
  margin-top: 10px;
}

.centered-block{
	max-width: 65%;
	margin-left: auto;
	margin-right: auto;
}


/* =========================================================
   見出し
========================================================= */

.tmpl-training-system-self-development__heading {
  margin: 0;
  padding: 12px 20px;
  background: var(--tmpl-training-system-color-light);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}


/* =========================================================
   本文エリア
========================================================= */

.tmpl-training-system-self-development__content {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  min-height: 155px;
  padding: 20px 42px;
}
.for-sp{
	display:none;
}

/* =========================================================
   箇条書き
========================================================= */

.tmpl-training-system-self-development__list {
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  line-height: 1.5;
}

.tmpl-training-system-self-development__list li {
  position: relative;
  padding-left: 0.8em;
}

.tmpl-training-system-self-development__list li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tmpl-training-system-color-main);
  content: "・";
  font-weight: 700;
}

.tmpl-training-system-self-development__list strong {
  color: var(--tmpl-training-system-color-main);
  font-weight: 700;
}


/* =========================================================
   画像
========================================================= */

.tmpl-training-system-self-development__image {
  flex: 0 0 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tmpl-training-system-self-development__image img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 110px;
  height: auto;
}

/* =========================================================
   Lazy Load
========================================================= */

.tmpl-training-system-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}

.tmpl-training-system-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* =========================================================
   教育プログラム
========================================================= */
.scrollable-mv {
  width: 100%;
}

.scrollable-mv img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 1024px) {

  .tmpl-training-system-global__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 8px;
  }

  .tmpl-training-system-global__item {
    min-height: 350px;
  }

  .tmpl-training-system-global__item:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 4px);
    margin-right: auto;
    margin-left: auto;
  }

  .tmpl-training-system-global__goal {
    margin-top: 45px;
    padding-right: 120px;
    padding-left: 120px;
  }

  .tmpl-training-system-global__goal-text {
    font-size: 28px;
  }
  
  .tmpl-training-system-self-development__content {
    gap: 20px;
    padding: 20px 30px;
  }

  .tmpl-training-system-self-development__list {
    font-size: 17px;
  }

  .tmpl-training-system-self-development__image {
    flex-basis: 170px;
  }

}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 834px) {
	#tmpl-training-system{
		font-size: 14px;
	}
	.mgb-50px{
		margin-bottom: 35px;
	}
	.pdb-50px{
		padding-bottom: 35px;
	}
	.scpd{
		padding-top: 35px;
	}

  .tmpl-flex{
	display: block;
}
.tmpl-training-system-header{
	margin-bottom: 35px;
}
.tmpl-flex .tmpl-flex-left{
	width: 100%;
	margin-bottom: 35px;
}
.tmpl-flex .tmpl-flex-right{
	width: 100%;
}
.tmpl-training-system-header-ttl{
	font-size: 16px;
}
.tmpl-training-system-header-subttl{
	font-size: 14px;
	margin-bottom: 35px;
}
.tmpl-training-system-header-leadttl{
	font-size: 18px;
}
  
  .tmpl-training-system-global__items {
    display: block;
  }

  .tmpl-training-system-global__item,
  .tmpl-training-system-global__item:last-child {
    width: 100%;
    min-height: auto;
    margin: 0 0 20px;
    padding-bottom: 0;
  }
  .tmpl-training-system-global__icon{
	padding-top: 0;
	}
  .tmpl-training-system-global__item:last-child{
	margin: 0 0 36px;
	}

  .tmpl-training-system-global__heading {
    padding: 12px 10px;
    font-size: 18px;
  }

  .tmpl-training-system-global__body {
    min-height: 240px;
    padding: 14px 20px 18px;
  }

  .tmpl-training-system-global__list {
    font-size: 14px;
  }

  .tmpl-training-system-global__icon {
    min-height: 110px;
  }

  .tmpl-training-system-global__arrow {
    bottom: -28px;
    border-top-width: 18px;
    border-right-width: 24px;
    border-left-width: 24px;
  }

  .tmpl-training-system-global__goal {
    display: block;
    min-height: auto;
    margin-top: 10px;
    padding: 24px 20px;
    border-radius: 20px;
    text-align: center;
  }

  .tmpl-training-system-global__goal-icon {
    position: static;
    margin-bottom: 10px;
    transform: none;
  }

  #tmpl-training-system .tmpl-training-system-global__goal-icon img {
    margin: 0 auto;
  }

  .tmpl-training-system-global__goal-text {
    font-size: 22px;
  }
  ..tmpl-training-system-self-development{
	width: 100%;
	}
  .tmpl-training-system-self-development__heading {
    padding: 10px 15px;
    font-size: 18px;
  }

  .tmpl-training-system-self-development__content {
    display: block;
    min-height: auto;
    padding: 18px 20px 20px;
  }

  .tmpl-training-system-self-development__list {
    font-size: 14px;
  }

  .tmpl-training-system-self-development__image {
    margin-top: 20px;
  }

  .tmpl-training-system-self-development__image img {
    max-width: 160px;
    max-height: 120px;
  }
    .bg_staff .title{
	padding-top: 10px
	}
  .bg_staff .title:after{
	content: "";
	}
	
	.scrollable-mv {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .scrollable-mv img {
    display: block;
    width: 600px !important;
    max-width: none !important;
    height: auto !important;
  }
  
  .tmpl-training-system-global__item:not(:last-child) .tmpl-training-system-global__arrow{
	display:none;
	}
.for-sp{
	display:block;
}
.centered-block{
	max-width: 100%;
}
.tmpl-training-system-self-development{
	width:100%;
}
}