@charset "UTF-8";


/*----------------------------------------
	wrapper
-----------------------------------------*/



/*----------------------------------------
	labo_btn
-----------------------------------------*/

.labo_btn{
	 display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 7% auto;
}
.labo_btn a{
	display: block;
	width: 32%;
	border-radius: 50px;
	padding: 10px 0;
	text-align: center;
	font-weight: 700;
	margin:0 20px;
	background: url(../img/labo_arrow.png)no-repeat right 20px center #fff;
}


/*----------------------------------------
	lecture_wrap
-----------------------------------------*/

.lecture_wrap{
	margin: 0 auto;
	background: url("../img/lec_bg.png") no-repeat top left #55cb8a;
	padding: 0 0 10% 0;
}
.main_ttlset{
	position: relative;
	display: flex;
	justify-content: center;
}
 .main_ttlset:after{
	 content: "";
	width: 165px;
	display: block;
}
 .main_ttlset .ill{
	 margin-right: 20px;
}



/*----------------------------------------
	lecture_set
-----------------------------------------*/

.lecture_set{
	margin: 0 auto;
	padding:16% 0 10% 0;
	position: relative;
}
.lecture_set .ttl_set{
	position: relative;
}
.lecture_set .ttl_set h3{
	text-align: center;
	font-size: 4.0rem;
	font-weight: 700;
	margin-bottom: 5%;
	color: #fff;
	line-height: 0;
}
.lecture_set .ttl_set .ico{
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
	padding: 20px;
	line-height:1;
	background: #fff;
	border-radius: 50px;
	color: #55cb8a;
	width: 200px;
	margin: 0 auto;
}
.lecture_set .ttl_set .ill{
	position: absolute;
	right: 0;
	top:-15%;
}
.lecture_set .ttl_set .ill02{
	position: absolute;
	right: 10%;
	bottom:-50%;
}
.lecture_set .ex{
	background: #fff;
	border-radius: 30px;
	padding:30px 40px;
	margin: 5% 0;
}

.lecture_set .pic_set{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lecture_set .pic_set dl{
	width: 47.5%;
	margin-bottom: 50px;
}
.lecture_set .pic_set dt img{
	border-radius: 30px 30px 0 0;
}

.lecture_set .pic_set dd{
	border-radius:0 0  30px 30px;
	font-weight: 700;
	background: #fff;
	padding:10px 20px;
}
.line{
	background: url("../img/lec_line.png")repeat-x top left;
	padding: 10% 0;
	max-width: 1100px;
}

.videoWrap{
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}

.videoWrap video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
	
.lecture_set .ttl_set h3{
	text-align: left;
	font-size: 4.0rem;
	font-weight: 700;
	margin-bottom: 5%;
	color: #fff;
	line-height: 0;
}
.lecture_set .ttl_set .ico{
	margin: 0;
}
}

/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

	

/*----------------------------------------
	labo_btn
-----------------------------------------*/

.labo_btn{
	 display: block;
	margin: 15% auto 0 auto;
}

.labo_btn a{
	width: auto;
	border-radius: 0;
	padding: 13px 0;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0;
	border-bottom: 1px #ddd solid;
}
.labo_btn a.last{
	border-bottom: none;
}	

/*----------------------------------------
	lecture_wrap
-----------------------------------------*/

.lecture_wrap{
	margin: 0 auto;
	background-size: 100%;
	
}
.main_ttlset{
	position: relative;
	display: block!important;
}
.main_ttlset .ttl{
	width: 70%!important;
}
 .main_ttlset:after{
	 content: "";
	width: 0;
	 display: none;
}
 .main_ttlset .ill{
	 display: none;
}

/*----------------------------------------
	lecture_set
-----------------------------------------*/

.lecture_set{
	margin: 0 auto;
	padding:22% 0 20% 0;
	position: relative;
}
.lecture_set .ttl_set{
	position: relative;
}
.lecture_set .ttl_set h3{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 5%;
	color: #fff;
	line-height: 1;
}
.lecture_set .ttl_set .ico{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	padding:12px 20px;
	line-height:1;
	width: 150px;
	margin: 0 auto;
}
.lecture_set .ttl_set .ill{
	position: relative;
	right: auto;
	top:auto;
	margin:7% auto;
	width: 150px;
}
.lecture_set .ttl_set .ill02{
	position: relative;
	right: auto;
	bottom:auto;
	margin:7% auto;
	width: 100px;
}
.lecture_set .ex{
	background: #fff;
	border-radius: 20px;
	padding:7%;
	margin: 5% 0 15% 0;
}

.lecture_set .pic_set{
	display:block;
}
.lecture_set .pic_set dl{
	width: auto;
	margin-bottom: 20px;
}
.lecture_set .pic_set dt img{
	border-radius: 20px 20px 0 0;
}

.lecture_set .pic_set dd{
	border-radius:0 0  20px 20px;
}
	
}/*解像度768px以下*/