@charset "UTF-8";
/*講師紹介*/

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


/*講師タイトル*/
.lecturer {
	padding-bottom: 20px;
}
.lec_title,.lec_title2 {
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.lec_title .boxL,.lec_title2 .boxL {
	margin-bottom: 20px;
}
.lec_title .boxR,.lec_title2 .boxR {
	text-align: center;
}
@media (min-width: 1024px) {
	.lec_title {
		display: flex;
	}
	.lec_title .boxL {
		flex: 0 0 710px;
		padding: 0 30px 10px 0px;
	}
	.lec_title .boxR {
		flex: 0 0 260px;
	}
}
@media (min-width: 600px) {/*須見さん、小南さん*/
	.lec_title2 {
		max-width: 480px;
		margin-right: auto;
		margin-left: auto;
		display: flex;
	}
	.lec_title2 .boxL {
		flex: 0 0 300px;
		padding: 0 10px 5px 0px;/*0 10px 10px 0px*/
	}
	.lec_title2 .boxR {
		flex: 0 0 170px;
	}
}

.lecturer h3 {
	margin-top: 30px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5}

.lecturer h3 span.rubi {
	font-size: 14px;
}
.lecturer h3.sumi {
	margin-top: 35px;
}

@media (max-width: 600px) {
	.lec_title .boxL {
		text-align: center;
	}
	.lec_title2 .boxL {
		text-align: center;
	}
	.lecturer h3 {
		font-size: 18px;
		}
	.lecturer h3 span.rubi {
		font-size: 10px;
	}
	.lecturer .nameBox p {
		font-size: 14px;
	}
}


/*研修メニューボタン*/
.menuBox {
	margin-top: 20px;
}
.menuBox a {
	display: inline-block;
	margin-right: 20px;
	padding: 6px 20px;
	border-radius: 4px;
	color: #111;
	font-size: 16px;
	letter-spacing: 0.04em;
	text-decoration: none;
	transition: 0.5s;
	background-color: #003366;
	color: #fff;
	line-height: 1.4;
}

.menuBox a:hover {
	background: #26B7BC;
}


.menuBox_kominami, .menuBox_sumi {
	padding: 0 15px;
	margin: 20px auto;
	text-align: center;
}
.menuBox_kominami a,.menuBox_sumi a {
	display: inline-block;
	padding: 6px 20px;
	border-radius: 4px;
	color: #111;
	font-size: 16px;
	text-decoration: none;
	transition: 0.5s;
	background-color: #003366;
	color: #fff;
	line-height: 1.4;
}

.menuBox_kominami a:hover,.menuBox_sumi a:hover {
	background: #26B7BC;
}

@media (min-width: 1024px) { /*幅調整*/
	.menuBox_kominami a  {
			padding: 6px 60px;
	}
	.menuBox_sumi a  {
			padding: 6px 132px;
	}
}


/*プロフィール*/
.profile {
	background: #F2F2F2;
	padding-top: 35px;
	padding-bottom: 30px;
}

.profileBox .box {
	width: 130px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #003366;
	text-align: center;
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.profileBox .box {
		padding-top: 20px;
		padding-bottom: 10px;	
		margin-bottom: 20px;
	}
}

.profileBox {
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 1024px) {
	.profileBox {
		display: flex;
	}
	.profileBox .boxL {
		flex: 0 0 200px;
	}
	.profileBox .boxR {
		flex: 0 0 800px;
	}
}

.profileBox p {
	margin-bottom: 15px;
}
.profileBox h5 {
	margin-top: 25px;
	font-size: 18px;
	color: #003366;
	margin-bottom: 8px;
}

.profileBox ul {
	margin-left: 10px;
}
.profileBox ul li {
	list-style: disc;
	margin-left: 10px;
	line-height: 1.5;
	margin-bottom: 5px;
}

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

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


/*坂本さんのブログ*/
.blogBox {
	margin-top: 25px;
	margin-bottom: 30px;
}
.blogBox a {
	display: inline-block;
	margin-right: 20px;
	padding: 4px 12px;
	border-radius: 4px;
	border: 2px #E60012 solid;
	color: #E60012;
	font-size: 16px;
	text-decoration: none;
	transition: 0.5s;
}
.blogBox a:hover {
	background-color: #fff;
}
@media (max-width: 370px) {
	.blogBox a {
	font-size: 14px;
	}
}


/*坂田さんのプロフィール*/
span.btx {
	font-weight: bold;
}

.boxR table {
	width: 100%;
	margin: 0px auto 25px;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.6;
}

.boxR th,
.boxR td {
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	border-bottom: solid 1px #ccc;
}
.boxR th {
	padding-right: 1.6rem;
	width: 16%;
	text-align: left;
	word-break: keep-all;
}



/*考え方*/
.concept {
	padding-bottom: 30px;
}
.conceptBox {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 15px;
}
.concept h3 {
	text-align: center;	
}

.blueBox {
  position: relative;
  background: #003366;
  z-index: 5;
  padding-top: 35px;
  padding-bottom: 35px;
  margin-bottom: 30px;
}
.blueBox:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #003366;
  border-width: 20px;
  margin-left: -20px;
}

.concept h4 {
	margin-top: 25px;
	margin-bottom: 15px;
	line-height: 1.5;
	font-size: 20px;
	font-weight: bold;
	color: #003366;
}

.concept .fig {
	text-align: center;
	margin: 30px auto;
}

.concept .ban {
	text-align: center;
	margin: 30px auto 40px;
}
.concept .ban a:hover img {
	opacity: 0.8;
}
.concept .ban p {
	font-size: 14px;
	line-height: 1.5;
}

.menuBox2 {
	margin: 20px auto;
	text-align: center;
}
.menuBox2 a {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 12px;
	padding: 4px 20px;
	border-radius: 4px;
	color: #111;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-decoration: none;
	transition: 0.5s;
	background-color: #003366;
	color: #fff;
}
.menuBox2 a:hover {
	background: #26B7BC;
}


/*more*/
.more {
	background: #F2F2F2;
	padding-top: 35px;
	padding-bottom: 30px;
}

.moreBox .box {
	width: 130px;
	padding-top: 50px;
	padding-bottom: 45px;	
	background-color: #003366;
	text-align: center;
	margin-bottom: 20px;
}
@media (max-width: 768px) {
	.moreBox .box {
		padding-top: 14px;
		padding-bottom: 10px;	
		margin-bottom: 20px;
	}
}

.moreBox {
	padding-left: 15px;
	padding-right: 15px;	
}

@media (min-width: 1024px) {
	.moreBox {
		display: flex;
	}
	.moreBox .boxL {
		flex: 0 0 200px;
	}
	.moreBox .boxR {
		flex: 0 0 800px;
	}
}

.moreBox h5 {
	font-size: 20px;
	color: #003366;
	margin-bottom: 8px;
	line-height: 1.4;
}
.moreBox ul li {
	padding: 0 0 0 20px;
	color: #003366;
	margin-top: 4px;
	background: url(../img/list_b.png) no-repeat 6px;
	line-height: 1.5;
	margin-bottom: 5px;
}

.moreBox p {
	margin-bottom: 20px;
}

.moreBox .fig2 {/*201710追加*/
	margin: 20px auto 10px 3px;
}

.txred {/*concept見出し*/
	color: #E60012;
	margin-right: 6px;
}

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

span.smtx {
	font-size: 14px;
} 

/*カテゴリー内リンク*/
aside {
  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%;
	}
}