.main_seminar_bg{
margin: 0px auto 30px auto;
padding: 0;
width: 100%;
background: #FBFAFF url("/commonImage/mask_bg.png") no-repeat;
background-size: cover;
overflow: hidden;
}

.main{
	width: 92%;
margin: 70px auto;
}

.main_image{
   width: 100%;
   height: auto;
   margin: 0px auto 20px auto;
}
.main_image img{
width: 100%;
}

.main .title{
border-bottom: 1px solid #ccc;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	 -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.main .title h2{
	text-align: left;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.main .title .hashtag{
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	 -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0px 20px 0px 20px;
}
.main .title .hashtag dt{
font-size: 11px;
margin: 0px 10px 0px 0px;
padding-left: 18px;
background: url("/commonImage/icon_search.svg") no-repeat left;
background-size: 15px 15px;
}
.main .title .hashtag dd{
font-size: 10px;
margin: 0px 10px 0px 0px;
}
.main .title .hashtag dd a{
color: #14B87F;
}

.main p{
text-align: left;
font-size: 15px;
line-height: 160%;
font-weight: normal;
}

.flex_block{
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   margin: 50px auto 40px auto;
}

.flex_block .feature{
width: 100%;
}

.flex_block .feature_full{
width: 100%;
max-width: 960px;
margin: 0px auto;
}

.flex_block .tag{
margin: 0px 0px 8px 0px;
text-align: left;
font-size: 12px;
line-height: 150%;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	 -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
.flex_block .tag li{
margin: 0px 3px 0px 0px;
width: auto;
}
/*
.flex_block .tag li .cat_vet{
background: #14B87F;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.flex_block .tag li .cat_vn{
background: #7BC15B;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
*/
.flex_block .tag li .cat_tr{
background: #FFB826;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.flex_block .tag li .cat_online{
background: #5EA4A1;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}

.flex_block .tag li .cat_vet,
.flex_block .tag li .cat_vn,
.flex_block .tag li .cat_tr
{
background: #ffffff;
color: #000;
padding: 3px 16px;
border-radius: 3px;
}

.flex_block .tag li .cat_end{
background: #fff;
color: #4D4E50;
padding: 3px 16px;
border-radius: 3px;
border:1px solid #EBEBEB;
}
.flex_block .tag li .cat_vet a,
.flex_block .tag li .cat_vn a,
.flex_block .tag li .cat_tr a,
.flex_block .tag li .cat_online a{
color: #fff;
display: block;
}

.flex_block h2.course_title{
	text-align: center;
	color: #000;
	font-size: 25px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.flex_block h2.course_title span.ep{
font-size: 13px;
margin:0px auto 0px auto;
text-align: center;
display: block;
position: relative;
bottom: 5px;
color: #5EA4A1;
}

.flex_block .event_time{
	text-align: left;
	color: #4D4E50;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	background: url("/commonImage/icon_time.png") left center no-repeat;
	background-size: 13px;
}

.main .image_img{
width: 100%;
max-width: 960px;
max-height: 650px;
margin: 0px auto 30px auto;
overflow: hidden;
}
.main .image_img img{
width: 100%;
}
.main .image_img video,
.main .image_img iframe{
width: 100%;
}

.flex_block  .box{
margin: 0px 0px 40px 0px;
}

.flex_block .manseki{
border: 1px solid #EBEBEB;
background: #FBFAFF;
padding:10px 20px;
margin: 0px auto 20px auto;
}
.flex_block .more_other_link{
background: url("/commonImage/arrows01.png") no-repeat left center;
background-size: 8px;
text-align: left;
margin: 0px auto 20px auto;
padding-left: 16px;
font-size: 16px;
}
.flex_block .more_other_link a{
font-weight: bold;
color: #000;
}

.flex_block hr{
border: 1px solid #EBEBEB;
margin: 50px auto;
}

.main h2.course_hd{
	text-align: left;
	color: #000;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 2px;
	margin: 10px auto 30px auto;
	background: url("/commonImage/hd_icon.png") left center no-repeat;
	background-size: 25px;
	padding: 0px 0px 0px 35px;
	position: relative;
}
.main h2.course_hd span{
font-size: 13px;
margin:0px 0px 0px 20px;
position: relative;
bottom: 5px;
}


.keyword_bg{
	width: 100%;
  background: #FBFAFF;
  overflow: hidden;
  margin: 0px auto 0px auto;
border-bottom: 1px solid #EBEBEB;
border-top: 1px solid #EBEBEB;
}
.keyword_bg .main h2{
	text-align: center;
	color: #000;
	font-size: 24px;
	margin: 30px auto 20px auto;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px;
	font-weight: bold;
}
.main .news_keyword{
	width: 100%;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  margin: 0px auto 30px auto;
}
.main .news_keyword li{
  margin: 10px 10px 15px 0px;
  padding: 0px;
}
.main .news_keyword li a{
  margin: 0px 0px 0px 0px;
  border: 1px solid #EBEBEB;
  background: #fff;
  color: #5EA4A1;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 5px;
}
.flex_block .kanren_keyword{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
  margin: 0px auto 50px auto;
}
.flex_block .kanren_keyword li{
  margin: 10px 10px 15px 0px;
  padding: 0px;
}
.flex_block .kanren_keyword li a{
  margin: 0px 0px 0px 0px;
  border: 1px solid #EBEBEB;
  background: #fff;
  color: #5EA4A1;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 5px;
}


/*---------------------------------*/


.main .seminar_list{
position: relative;
width: 100%;
margin: 50px auto 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.seminar_list li{
margin: 0;
padding: 0;
}
.seminar_list li.swiper-slide{
overflow: hidden;
    width: 100%;
 margin: 0px auto 30px auto;
 padding: 0;
 box-shadow: 0 0 7px #ececec;
 }

 
@media screen and (min-width:480px) { 
.seminar_list li.swiper-slide{
    width: 48%;
     margin: 0px 1% 30px 1%;
}
}

.seminar_list li .seminar_img{
width: 100%;
margin: 0px auto 3px auto;
/* max-height: 140px; */
aspect-ratio: 16 / 9;
padding: 0;
overflow: hidden;
}
.seminar_list li .seminar_img img{
width: 100%;
}
.seminar_list li .seminar_title{
min-height: 40px;
margin: 0px 0px 3px 0px;
padding: 5px;
text-align: left;
font-size: 14px;
font-weight: bold;
line-height: 140%;
color: #000;
border-bottom: 1px solid #ececec;
}
.seminar_list li .teacher{
max-height: 15px;
margin: 0px 0px 10px 8px;
padding: 5px;
text-align: left;
font-size: 12px;
font-weight: normal;
line-height: 140%;
color: #4D4E50;
}
.seminar_list li .status{
margin: 0px 0px 8px 0px;
text-align: left;
font-size: 12px;
line-height: 150%;
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
align-items: center;
justify-content: center;
}
.seminar_list li .status.entry_on{
background: #BF0B0B;
color: #fff;
padding: 5px 15px;
}
.seminar_list li .status.entry_off{
background: #1A1A1A;
color: #fff;
padding: 5px 15px;
}
.seminar_list li .status.entry_on a,
.seminar_list li .status.entry_off a{
color: #fff;
display: block;
}
.seminar_list li .tag{
margin: 0px 10px 8px 10px;
text-align: left;
font-size: 12px;
line-height: 150%;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	 -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
.seminar_list li .tag li{
margin: 0px 3px 3px 0px;
width: auto;
}
.seminar_list li .tag li .cat_vet{
background: #2ca9e1;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.seminar_list li .tag li .cat_vet_live{
background: #ee827c;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.seminar_list li .tag li .cat_vet_ondemand{
background: #FFB826;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.seminar_list li .tag li .cat_vet_hall{
background: #007bbb;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.seminar_list li .tag li .cat_job{
background: #fff;
color: #000;
padding: 2px 16px;
border-radius: 3px;
border: 1px solid #000;
}
.seminar_list li .tag li .cat_free{
background: #fff;
color: #ff0000;
padding: 2px 14px;
border-radius: 3px;
border: 1px solid #ff0000;
}
.seminar_list li .tag li .cat_vn{
/* background: #7BC15B; */
background: #14B87F;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.seminar_list li .tag li .cat_tr{
background: #e7609e;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.seminar_list li .tag li .cat_vet a,
.seminar_list li .tag li .cat_vet_live a,
.seminar_list li .tag li .cat_vet_ondemand a,
.seminar_list li .tag li .cat_vet_hall a,
.seminar_list li .tag li .cat_vn a,
.seminar_list li .tag li .cat_tr a{
color: #fff;
display: block;
font-weight: bold;
}
.seminar_list li .tag li .cat_job a{
color: #000;
display: block;
font-weight: bold;
}
.seminar_list li .tag li .cat_free a{
color: #ff0000;
display: block;
font-weight: bold;
}
/*
.seminar_list li .status{
font-size: 10px;
font-weight: bold;
color: #666;
background: #FFF2B3;
padding: 3px 10px;
border-radius: 2px;
display: inline-block;
margin: 0px auto 0px 0px;
float: left;
}*/

.seminar_list li .seminar_detail{
margin: 0px 15px 8px 15px;
}
.seminar_list li .seminar_detail p{
text-align: left;
font-size: 12px;
line-height: 150%;
color: #000;
}
.seminar_list li .app_btn{
border: 2px solid #F64744;
background: #fff;
width: 80%;
margin: 0px auto 15px auto;
}
.seminar_list li .app_btn a{
display: block;
color: #419A79;
font-size: 13px;
padding: 10px 0px;
}
.seminar_list li .app_btn a:hover{
background: #F64744;
color: #fff;
}
.seminar_list li a{
text-decoration: none;
}

/*公式マーク*/
.seminar_list li .official01{
position: absolute;
right: 1%;
top: 90px;
margin: 0px;
padding:2px 3px;
display: inline-block;
font-size: 11px;
color: #000;
background: #FFB527;
}
.seminar_list li .official02{
position: absolute;
right: 1%;
top: 90px;
margin: 0px;
padding:2px 3px;
display: inline-block;
font-size: 11px;
color: #000;
background: #C2EBFF;
}

.main .more_link{
text-align: center;
margin: 10px auto 50px auto;
width: 40%;
}
.main .more_link a{
display: block;
padding: 15px 20px;
color: #5EA4A1;
border: 1px solid #eaeaea;
border-radius: 3px;
background: url("/commonImage/arrows01.png") 97% center no-repeat;
}
.main .more_link a:hover{
background: #eaeaea url("/commonImage/arrows01.png") 97% center no-repeat;
}
.main .half{
width: 48%;
margin: 0px auto 50px 0px;
}

.main .more_link_in{
text-align: center;
margin: 30px auto 50px auto;
width: 40%;
}
.main .more_link_in a{
display: block;
padding: 15px 20px;
color: #fff;
border: 1px solid #5EA4A1;
border-radius: 3px;
background:#5EA4A1 url("/commonImage/arrows02.png") 97% center no-repeat;
background-size: 10px;
}
.main .more_link_in a:hover{
color: #5EA4A1;
background:#ececec url("/commonImage/arrows01.png") 97% center no-repeat;
background-size: 10px;
}