@charset "UTF-8";
/*研修メニュー*/

section h2 {
	font-size: 26px;
	color: #003366;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 30px;
}
section h2 .mark {
	margin-right: 8px;
	width: 31px;
	height: 31px;/*android4.3*/
	padding-top: 10px;
}

/*各メニュータイトル*/
section h3.pin_title_pc {
	text-align: center;
	margin-bottom: 40px;
}
section h3.smile_title_pc {
	text-align: center;
	margin-bottom: 40px;
}
section h3.cri_title_pc {
	text-align: center;
	margin-bottom: 40px;
}
section h3.pmg_title_pc {
	text-align: center;
	margin-bottom: 40px;
}

@media (min-width: 501px) {
	section h3.pin_title {
		display: none;
		}
	section h3.smile_title {
		display: none;
		}
	section h3.cri_title {
		display: none;
		}
	section h3.pmg_title {
		display: none;
		}
}

@media (max-width: 500px) {
	section h3.pin_title {
		text-align: center;
		color: #fff;
		line-height: 1.5;
		background-color: #3A6BAD;
		padding: 20px 20px 16px;
	}
	section h3.smile_title {
		text-align: center;
		color: #003366;
		line-height: 1.5;
		background-color: #A0E2FF;
		padding: 20px 20px 16px;
	}
	section h3.cri_title {
		text-align: center;
		color: #fff;
		line-height: 1.5;
		background-color: #26B7BC;
		padding: 20px 20px 16px;
		margin-bottom: 20px;
	}
	section h3.pmg_title {
		text-align: center;
		color: #fff;
		line-height: 1.5;
		background-color: #0071BC;
		padding: 20px 20px 16px;
		margin-bottom: 20px;
	}
	section h3.pin_title_pc {
	display: none;
	}
	section h3.smile_title_pc {
	display: none;
	}
	section h3.cri_title_pc {
	display: none;
	}
	section h3.pmg_title_pc {
	display: none;
	}
}


.menu .nameBox h4 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 24px;
}

.menu .nameBox h4 span.rubi {
	font-size: 14px;
}
.menu .nameBox {
	margin-bottom: 15px;
}

.menu p.pin {
	font-size: 18px;
	margin-bottom: 16px;
}

.profileBox {
	margin-top: 10px;
	margin-left: 14px;
}
.profileBox a {
	display: inline-block;
	color: #3A6BAD;
	font-size: 16px;
	text-decoration: none;
	transition: 0.5s;
}
.profileBox a:hover {
	color: #26B7BC;
}
@media (max-width: 500px) {
	.profileBox {
		margin-left: 5px;
	}
	.profileBox a {
	font-size: 14px;
	}
}


/*各研修*/
.menu01 {
	margin-top: 30px;
	margin-bottom: 50px;
}
.menu01 .boxL {
	margin-bottom: 20px;
}
.menu01 .boxR {
	text-align: center;
}
@media (min-width: 1024px) {
	.menu01 {
		display: flex;
	}
	.menu01 .boxL {
		flex: 0 0 710px;
		padding: 0 30px 10px 0px;
	}
	.menu01 .boxR {
		flex: 0 0 260px;
	}
}


.menu02 h4, .menu03 h4, .menu04 h4 {
	position: relative;
	background: #eeeeee;/*#D3EDFB*/
	padding: 10px 20px;
	border-left: solid 2em #003366;
	font-size: 23px;
	line-height: 1.4;
	margin-bottom: 20px;
}

.menu02 h4:before, .menu03 h4:before, .menu04 h4:before {
	font-family: FontAwesome;
	content: "\f129";/*f040*/
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: normal;
	font-size: 24px;
	left: -1.1em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.menu02, .menu03, .menu04, .menu05 {
	margin-bottom: 60px;
}

.menu02 p, .menu03 p, .menu04 p {
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 16px;
	line-height: 1.4;
}
@media (min-width: 1024px) {
	.menu02 p, .menu03 p, .menu04 p {
	font-size: 18px;
	margin-left: 50px;
	margin-right: 30px;
	margin-bottom: 16px;
	}
}

.menu02 .img-center {
	margin: 25px auto 10px;/* 20px auto 10px*/
	text-align: center;
}
p.center {
	text-align: center;
}


.pinfig01 {
	max-width: 796px;
}
.pinfig02 {
	max-width: 626px;
}
.pinfig03 {
	max-width: 840px;
}
.pinfig04 {
	max-width: 940px;
}
.pinfig05 {
	max-width: 910px;
}


/*PDFボタン*/
.drBox {
	margin-top: 24px;
	margin-bottom: 20px;
	text-align: center;
}
.drBox a {
	display: inline-block;
	margin-right: 24px;
	padding: 10px 34px 8px;
	border-radius: 20px;
	border: 1px #ddd solid;
	background-color: #fff;
	font-size: 16px;
	line-height: 1.6;
	text-decoration: none;
	transition: 0.5s;
}
.drBox a:hover {
	background-color: #26B7BC;
	color: #fff;
}
@media (max-width: 370px) {
	.drBox a {
	font-size: 14px;
	}
}


/*実績ボタン*/
.wksBox {
	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}
.wksBox a {
	display: inline-block;
	margin-right: 24px;
	padding: 18px 40px 16px;
	border-radius: 4px;
	background-color: #3A6BAD;
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	text-decoration: none;
	transition: 0.5s;
}
.wksBox a:hover {
	background-color: #26B7BC;
	color: #fff;
}
@media (max-width: 370px) {
	.wksBox a {
	font-size: 14px;
	}
}



/*笑顔のメンテナンス*/
.smilefig01 {
	max-width: 601px;
}
.smilefig02 {
	max-width: 810px;
}
.smilefig03 {
	max-width: 890px;
}



/*個客接点強化研修*/
.menu05 p {
	margin-left: 20px;
}
.menu05 h5 {
	font-size: 18px;
	color: #003366;
	margin-top: 18px;
	margin-bottom: 0px;
}

.menu05 ol {
  margin-left: 8px;
  counter-reset:number;
  list-style-type: none!important;
  padding: 0.6em 2em 0.6em;
  background: #eee;
  border-radius: 8px;
}
.menu05 ol li {
  position: relative;
  border-bottom: solid 1px #ddd;
  padding: 0.5em 0.5em 0.5em 40px;
  line-height: 1.5em;
  font-size: 18px;
}
.menu05 ol li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background: #003366;
  color: #fff;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.menu05 ol li:last-of-type{
  border-bottom: none;
}

.menu05 ul {
	margin-left: 30px;
}
.menu05 ul li {
	list-style: none;
	margin-top: 2px;
}

.crifig01 {
	max-width: 744px;	
}

.menu04 ol {
	max-width: 744px;	
	margin: 0 auto;
  counter-reset:number;
  list-style-type: none!important;
  padding: 0.3em 0.8em;
}
.menu04 ol li{
  border-bottom: dashed 1px #ddd;
  position: relative;
  padding: 1em 0.5em 1em 40px;
  line-height: 1.5em;
	font-size: 19px;
}
.menu04 ol li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background: #26B7BC;
  color: #fff;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
.menu04 ol li:last-of-type{
  border-bottom: none;
}


p.smtx {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px;
}


/*テキスト強調*/
span.txredb {
	color: #E60012;
	font-weight: bold;
}
span.txnavy {
	color: #003366;
	font-weight: bold;
}


/*カテゴリー内リンク*/
aside {
  background: #F2F2F2;
  padding-top: 30px;
  padding-bottom: 30px;
}
.linkBox {
	text-align: center;
}
.linkBox a {
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;
	padding: 6px 30px;
	width: 20%;/*18%*/
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: 0.5s;
	background:  -moz-linear-gradient(0% 50% 0deg,rgba(38, 183, 188, 1) 0%,rgba(58, 107, 173, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(38, 183, 188, 1) ),color-stop(1,rgba(58, 107, 173, 1) ));
  background : -o-linear-gradient(0deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#26B7BC', endColorstr='#3A6BAD' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(38, 183, 188, 1) 0%, rgba(58, 107, 173, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26B7BC',endColorstr='#3A6BAD' , GradientType=1);
}

.linkBox a:hover {
	background: #26B7BC;
}
@media (max-width: 767px) {
	.linkBox a {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	padding: 6px 10px;
	width: 38%;
	font-size: 14px;
	letter-spacing: 0em;
	}
}


/*講師紹介*/
aside.lec {
  background: #fff;
  padding-top: 35px;
  padding-bottom: 30px;
}
.lecturerLink {
}
p.lec {
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 18px;
	text-align: center;
}
.lecturerLink .container {
	padding-top: 0;
	padding-bottom: 0;
}
.lecturerLink .text {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-align: center;
}
.lecturerLink h4 {
	margin-top: 10px;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1.4;
}

.lecturerLink a {
	color: #003366;
	text-decoration: none;
}
.lecturerLink a:hover{
	color: #26B7BC;
}

.lecturerLink .icon {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 49px;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #ddd;
	color: #fff;
}

@media (min-width: 768px) {
	.lecturerLink .container {
		-js-display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.lecturerLink .text {
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		width: 20%;
	}
}