@charset "utf-8";

/* Updated date: 2018/08/6 */
 @media (min-width:640px) {


.subvisual-inner {

    padding: 0 15px;
	vertical-align:bottom;
}
}

/*contents01--------------------------------------- */






.contents01 {
	background-image: url(../../images/instructor/contents01_220601-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 30px;
}

.contents01 p {
	color: #fff;
	text-align: center;
	padding: 30px 15px;
}

.contents01 h3 {
	background-image: url(../../images/instructor/contents01-bg02.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 15px;
}
 @media (max-width: 991px) {

.contents01 p {
	text-align: left;
	padding: 15px 5px;
}
}
@media (max-width: 767px) {

.contents01 {
	background-image: url(../../images/instructor/contents01_220601-bg-sp.jpg);
	padding-top: 15px;
}
}

/*contents--------------------------------------- */


.contents-basic {
	padding-top: 50px;
}

.contents02 {
	background-image: url(../../images/instructor/contents02-bg01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.contents03 {
	background-image: url(../../images/instructor/contents03-bg01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top: 3px solid #f15a24;
}

.contents04 {
	background-image: url(../../images/instructor/contents04-bg01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top: 3px solid #003c91;
}

.contents05 {
	background-image: url(../../images/instructor/contents05-bg01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top: 3px solid #31845d;
}

.contents06 {
	background-image: url(../../images/instructor/contents06-bg01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-top: 3px solid #c1272d;
}

.contents03 .contents-text01 {
	color: #f15a24;
}

.contents04 .contents-text01 {
	color: #003c91;
}

.contents05 .contents-text01 {
	color: #31845d;
}

.contents06 .contents-text01 {
	color: #c1272d;
}

/*profile--------------------------------------- */





.profile {
	background-image: url(../../images/instructor/contents02-bg02.png);
	background-repeat: no-repeat;
	width: 1400px;
	margin: 0 auto;
}

.profile.p-left {
	background-position: right 50px;
}

.profile.p-right {
	background-position: left 0px;
}

.profile-image {
	position: static;
	z-index: 1;
}

.p-left .profile-image {
	float: left;
}

.p-right .profile-image {
	float: right;
}

.profile-box {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 30px;
	margin-top: 50px;
	position: static;
}

.p-left .profile-box {
	float: left;
	margin-left: -5%;
}

.p-right .profile-box {
	float: right;
	margin-right: -5%;
}

.profile-box p {
	margin-top: 50px;
	line-height: 2.0;
}

.contents03 .profile {
	background-image: url(../../images/instructor/contents03-bg02_230130.png);
}

.contents04 .profile {
	/* background-image: url(../../images/instructor/contents04-bg02.png); */
  background-image: url(../../images/instructor/contents04-bg01_.png);
}

.contents05 .profile {
	background-image: url(../../images/instructor/contents05-bg02.png);
}

.contents06 .profile {
	background-image: url(../../images/instructor/contents06-bg02.png);
}
 @media (max-width: 1410px) {

.profile {
	width: 100%;
	background-size: auto 100%;
}
}
 @media (max-width: 1199px) {

.profile {
	position: relative;
}

.profile-image {
	width: 35%;
	position: absolute;
	bottom: 0;
}

.p-left .profile-image {
	padding-left: 15px;
}

.p-right .profile-image {
	padding-right: 15px;
	right: 0;
}

.profile-box {
	padding: 30px;
	margin-top: 50px;
	width: 60%;
}

.p-left .profile-box {
	margin-left: 33%;
}

.p-right .profile-box {
	margin-right: 33%;
}

.profile-box p {
	margin-top: 20px;
	line-height: 1.8;
}
}
 @media screen and (min-width: 992px) and (max-width: 1199px) {

.contents05 .contents-text01 span {
	display: block;
}
}
 @media (max-width: 767px) {

.contents-basic {
	padding-top: 20px;
	background-size: auto;
}

.contents-basic h2 {
	padding: 0 10%;
}

.profile-line {
	display: block;
	box-sizing: border-box;
	height: 2px;
	margin: 1em auto;
	border-style: none;
	background-color: #000;
	width: 50px;
}

.profile.p-left {
	background-position: center 0;
}

.profile.p-right {
	background-position: center 0;
}

.profile {
	background-image: url(../../images/instructor/contents02-image01-sp.png);
	background-repeat: no-repeat;
	background-position: center 0;
	width: 100%;
	margin: 0 auto;
	background-size: 100% auto;
}

.profile-image {
	display: none;
}

.profile-box {
	padding: 30px;
	margin: 0 auto;
	width: 98%;
	margin-left: 0;
	background: none;
}

.p-left .profile-box {
	float: none;
	margin: 0 auto;
}

.p-right .profile-box {
	float: none;
	margin: 0 auto;
}

.profile-name {
	text-align: center;
	margin-bottom: 5%;
}

.profile-box p {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 15px;
}

.contents03 .profile {
	background-image: url(../../images/instructor/contents03-image01-sp_220601.png);
}

.contents04 .profile {
	background-image: url(../../images/instructor/contents04-image01-sp.png);
  background-image: url(../../images/instructor/contents04-image01-sp_.png);
}

.contents05 .profile {
	background-image: url(../../images/instructor/contents05-image01-sp.png);
}

.contents06 .profile {
	background-image: url(../../images/instructor/contents06-image01-sp.png);
}

.contents03 .profile-line {
	background-color: #f15a24;
}

.contents04 .profile-line {
	background-color: #003c91;
}

.contents05 .profile-line {
	background-color: #31845d;
}

.contents06 .profile-line {
	background-color: #c1272d;
}
}
 @media (max-width: 480px) {

.profile-box {
	padding: 15px 15px 15px 15px;
}

.profile-name {
	padding: 0 24%;
}
}



/*manzoku--------------------------------------- */
.manzoku {
	background-image: url(../../images/instructor/manzoku-bg01.png);
	background-repeat: no-repeat;
	background-size:cover;
		color:#FFF;
	}

.manzoku-inner {
	padding:30px 8% 0;


	}
 @media (max-width: 991px) {


.manzoku-inner {
	padding:30px 0% 0;
}

}

@media (max-width:767px) {
.manzoku {
	background-size: auto;

}

.manzoku-inner {
	padding:30px 0% 30px;
}
}