@charset "utf-8";

/*==========================================
 common
===========================================*/
/* pagetitle
-------------------------------------------*/
.pagetitle_wrapp {
	background-image: url(../toteacher/images/bg_pagetitle.jpg);
}


/*==========================================
 toteacher / lecture.html
===========================================*/
.lecture-btn_List {
	display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.lecture-btn_List li a {
	border-radius: 10px;
	text-decoration: none!important;
	padding: 16px 20px;
	color: #fff!important;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.lecture-btn_List li a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f105";
	float: right;
}
@media (max-width: 992px) {
	.lecture-btn_List li {
	  width: 100%;
		margin-bottom: 1.6rem;
	}
}
@media (min-width: 993px) {
	.lecture-btn_List {
		width: calc(100% + 2%);
		margin-left: -1%;
		margin-right: -1%;
		margin-bottom: 6rem;
	}
	.lecture-btn_List li {
	  width: calc(100% / 3);
		padding-left: 1%;
		padding-right: 1%;
	}
}

/* btn
-------------------------------------------*/
.lecture-btn_List li.lecture_ss a {
	background-color: #00b2af;
}

.lecture-btn_List li.lecture_social a {
	background-color: #6aa1d7;
}
.lecture-btn_List li.lecture_medical a {
	background-color: #8476b5;
}
.lecture-btn_List li.lecture_nursing a {
	background-color: #f0939f;
}


/*==========================================
toteacher / lecture01 - 03.html
===========================================*/
/* lecture_list [accordion]
-------------------------------------------*/
.lecture_list{
  list-style: none;
  width: 100%;
}

.lecture_list li{
	border-top: 1px solid #ccc;
}
.lecture_list li:last-child{
	border-bottom: 1px solid #ccc;
}

/* title */
.lecture_list li h3.lecture_title {
	position: relative;
	cursor: pointer;
	font-weight: normal;
	padding:10px 30px 10px 15px;
	font-size: 1.4rem;
	color: #333;
	margin: 0;
	font-weight: 500;
}

/* icon */
.lecture_list li .lecture_title::before,
.lecture_list li .lecture_title::after{
  position: absolute;
  content:'';
  width: 10px;
  height: 2px;
}
.lecture_title::before{
  top:50%;
  right: 15px;
  transform: rotate(0deg);
}
.lecture_title::after{
  top:50%;
	right: 15px;
  transform: rotate(90deg);
}

/*　close　*/
.lecture_title.close::before{
	transform: rotate(45deg);
}
.lecture_title.close::after{
	transform: rotate(-45deg);
}
.lecture_list li h3.lecture_title.close {
}

/* lecture_box */
.lecture_box {
	display: none;/*はじめは非表示*/
	padding: 15px;
	margin:0 0px 1.6rem;
}
.lecture_box p{
	font-size: 1.3rem;
	font-weight: 400;
}
.lecture_box p a{
	text-align: right;
}


/*==========================================
toteacher / lecture01.html
===========================================*/
/* color
-------------------------------------------*/
.lecture_Social li .lecture_title::before,
.lecture_Social li .lecture_title::after{
	background-color: #6aa1d7;
}
.lecture_Social li .lecture_box {
	background-color:  rgb(106, 161, 215, 0.05);
}


/*==========================================
toteacher / lecture02.html
===========================================*/
/* color
-------------------------------------------*/
.lecture_Medical li .lecture_title::before,
.lecture_Medical li .lecture_title::after{
	background-color: #8476b5;
}
.lecture_Medical li .lecture_box {
	background-color:  rgb(132, 118, 181, 0.05);
}


/*==========================================
toteacher / lecture03.html
===========================================*/
/* color
-------------------------------------------*/
.lecture_Nursing li .lecture_title::before,
.lecture_Nursing li .lecture_title::after{
	background-color: #f0939f;
}
.lecture_Nursing li .lecture_box {
	background-color:  rgb(234, 84, 73, 0.05);
}

/*==========================================
toteacher / lecture04.html
===========================================*/
/* color
-------------------------------------------*/
.lecture_Ss li .lecture_title::before,
.lecture_Ss li .lecture_title::after{
	background-color: #00b2af;
}
.lecture_Ss li .lecture_box {
	background-color:  rgb(0, 178, 175, 0.05);
}