@charset "UTF-8";
/* menu top */

/* 研修メニュー */
.menu {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
}

.menu h2 {
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.1em;
	margin-bottom: 18px;
}

.menu .container {
	padding-top: 0;
	padding-bottom: 0;
}

.menu .text {
	padding-left: 9px;/*20px*/
	padding-right: 9px;/*20px*/
	padding-bottom: 5px;
	text-align: center;
}


.menutitle img {
	width: 200px;
}

p.menutitle2 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.4;	
}

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


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

	.menu .text {
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
}

@media (max-width: 767px) {
	.menu .container {
		-js-display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;/*android4.3*/
		-webkit-flex-wrap: wrap;/*android4.3*/
		flex-wrap: wrap;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.menu .text {
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1 1 190px;
	}
}


/* menu1 講師 */
.menu1 {
	padding-top: 30px;
	background-color: #D3EDFB;
	padding-bottom: 30px;
}

.menu1 h2 {
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}

.menu1 .container {
	padding-top: 0;
	padding-bottom: 0;
}

.menu1 .text {
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 5px;
	text-align: center;
}
.menu1 h4 {
	margin-top: 2px;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1.4;
}
p.occupation {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.4;	
}

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


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

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

	.menu1 .text {
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
}

@media (max-width: 767px) {
	.menu1 .container {
		-js-display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;/*android4.3*/
		-webkit-flex-wrap: wrap;/*android4.3*/
		flex-wrap: wrap;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.menu1 .text {
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1 1 190px;
	}
	.menu1 h4 {
		margin-bottom: 16px;
	}
}


/* menu2 */
.menu2 {
	padding-top: 50px;
	padding-bottom: 40px;
	background-color: #fff;/*#D3EDFB*/
}
.menu2 .text {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-align: center;
}

.menu2 h3 {
	margin-top: 0;
	font-size: 20px;
	text-align: center;
}

.menu2 a {
	color: #003366;
	text-decoration: none;
}

.menu2 a:hover{
	color: #3A6BAD;
}

.menu2 .icon {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 30px;
	width: 2em;
	line-height: 2em;
	border-radius: 50%;
	text-align: center;
	background-color: #6C95CE;
	color: #fff;
}

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

	.menu2 .text {
		-ms-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		width: 33.333%;
	}
}