

.main{
	width: 1200px;
margin: 0px auto;
position:relative;
  min-height: 100%;
}

.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/hd_icon.png") 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%;
}

.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: 68%;
}

.flex_block .feature .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;
}
.flex_block .feature .tag li{
margin: 0px 3px 0px 0px;
width: auto;
}
.flex_block .feature .tag li .cat_vet{
background: #2ca9e1;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.flex_block .feature .tag li .cat_vn{
background: #14B87F;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.flex_block .feature .tag li .cat_tr{
background: #e7609e;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.flex_block .feature .tag li .cat_online{
background: #5EA4A1;
color: #fff;
padding: 3px 16px;
border-radius: 3px;
}
.flex_block .feature .tag li .cat_vet a,
.flex_block .feature .tag li .cat_vn a,
.flex_block .feature .tag li .cat_tr a,
.flex_block .feature .tag li .cat_online a{
color: #fff;
display: block;
}

.flex_block .feature h2.event_title{
	text-align: left;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.flex_block .feature .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%; */
max-width: 100%;
max-height: 550px;
}

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

.flex_block .feature .manseki{
border: 1px solid #EBEBEB;
background: #FBFAFF;
padding:10px 20px;
margin: 0px auto 20px auto;
}
.flex_block .feature .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 .feature .more_other_link a{
font-weight: bold;
color: #000;
}

.flex_block .feature 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;
}

.main h2.salon_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.salon_hd span{
font-size: 13px;
margin:0px 0px 0px 20px;
position: relative;
bottom: 5px;
}

.flex_block .feature .teacher_profile{
width: 100%;
margin: 0px auto 50px auto;
padding: 0;
display: flex;
justify-content: space-between;
}
.flex_block .feature .teacher_profile .teacher_image{
width: 20%;
margin: 0px;
padding: 0;
}
.flex_block .feature .teacher_profile .teacher_image .teacher_img{
width: 100%;
margin: 0px auto 10px auto;
padding: 0;
}
.flex_block .feature .teacher_profile .teacher_image .teacher_img img{
width: 100%;
}
.flex_block .feature .teacher_profile .teacher_image .teacher_cap{
width: 100%;
margin: 0px auto 10px auto;
padding: 0;
}
.flex_block .feature .teacher_profile .teacher_image .teacher_cap dd{
font-size: 13px;
}
.flex_block .feature .teacher_profile .teacher_image .teacher_cap dt{
font-size: 15px;
font-weight: bold;
}

.flex_block .feature .teacher_profile .teacher_detail{
width: 72%;
margin: 0px;
padding: 10px 20px;
background: #fff;
border: 1px solid #EBEBEB;
border-radius: 10px;
}
.flex_block .feature .teacher_profile .teacher_detail p{
font-size: 14px;
line-height: 200%;
color: #4D4E50;
}

.flex_block .feature .teacher_profile_full{
width: 100%;
margin: 0px auto 50px auto;
padding: 0;
}
.flex_block .feature .teacher_profile_full .teacher_image{
width: 100%;
margin: 0px auto 20px auto;
padding: 0;
}
.flex_block .feature .teacher_profile_full .teacher_image img{
width: 100%;
}
.flex_block .feature .teacher_profile_full .teacher_cap{
width: 100%;
margin: 0px auto 10px auto;
padding: 0;
}
.flex_block .feature .teacher_profile_full h3.teacher_name{
text-align: left;
font-size: 24px;
font-weight: bold;
margin: 20px auto 0px auto;
padding: 0;
}
.flex_block .feature .teacher_profile_full .teacher_cap p{
font-size: 15px;
line-height: 200%;
color: #4D4E50;
}

.flex_block .feature .message{
width: 100%;
margin: 0px auto 50px auto;
padding: 0;
}
.flex_block .feature p.text{
font-size: 15px;
line-height: 200%;
color: #4D4E50;
}
.flex_block .feature .message p.name{
font-size: 14px;
line-height: 160%;
color: #4D4E50;
text-align: right;
}


.flex_block .feature .gaiyou_block{
margin: 0px auto 50px auto;
padding:20px 30px;
background: #fff;
border: 1px solid #EBEBEB;
border-radius: 3px;
}
.flex_block .feature h3.gaiyou_hd{
	text-align: left;
	color: #000;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1px;
	margin: 0px auto 20px auto;
	background: url("/commonImage/hd_icon.png") left center no-repeat;
	background-size: 25px;
	padding: 0px 0px 0px 35px;
	position: relative;
}
.flex_block .feature .gaiyou_block .recommend_list{
margin: 0px auto 30px auto;
padding: 0;
text-align: left;
}
.flex_block .feature .gaiyou_block .recommend_list li{
margin: 0px auto 10px auto;
padding: 0;
text-align: left;
font-size: 14px;
}
.flex_block .feature .gaiyou_block .gaiyou_time{
margin: 0px auto 10px auto;
padding: 0;
text-align: left;
font-weight: bold;
font-size: 16px;
}
.flex_block .feature .gaiyou_block .gaiyou_schedule{
margin: 0px auto 10px auto;
padding: 0;
text-align: left;
font-size: 14px;
display: flex;
flex-wrap: wrap;
}
.flex_block .feature .gaiyou_block .gaiyou_schedule dt{
width: 22%;
margin: 0px;
padding: 15px 0;
text-align: left;
font-size: 14px;
border-bottom: 1px solid #1A1A1A;
}
.flex_block .feature .gaiyou_block .gaiyou_schedule dd{
width: 72%;
margin: 0;
padding: 15px 3%;
border-bottom: 1px solid #EBEBEB;
align-items: center;
}
.flex_block .feature .gaiyou_block .kome{
margin: 0px auto 30px auto;
padding: 0;
text-align: left;
font-size: 13px;
}
.flex_block .feature .mb30{
margin: 0px auto 30px auto;
}
.flex_block .feature .image_movie{
width: 100%;
margin: 0px auto 10px auto;
position: relative;
    padding-top: 56.25%;
}
.flex_block .feature .image_movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.flex_block .activity {
margin: 0px auto 30px auto;
}
.flex_block .activity_list{
margin: 0px auto;
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;
}
.activity .activity_list li{
width: 32%;
margin: 0px 2% 40px 0%;
padding: 0px;
position: relative;
border-bottom: 1px solid #ededed;
}
.activity .activity_list li:nth-child(3n) {
margin: 0px 0% 40px 0%;
}
.activity .activity_list li .active_img{
width: 100%;
min-height: 150px;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #FBFAFF;
border: 1px solid #EBEBEB;
margin: 0px auto 5px auto;
}
.activity .activity_list li .active_img img{
width: 100%;
}
.activity .activity_list li a:hover{
color: #5EA4A1;
}
.activity .activity_list li .active_title{
text-align: left;
font-size: 16px;
font-weight: bold;
padding: 10px 10px 20px 10px;
margin-bottom: 10px;
}
.activity .activity_list li .active_text p{
font-size: 13px;
color: #4D4E50;
}
.activity .activity_list li .status{
font-size: 13px;
color: #4D4E50;
background: #FBFAFF;
border: 1px solid #EBEBEB;
padding: 5px;
border-radius: 3px;
position: absolute;
float: left;
bottom: -16px;
}

.flex_block .side_block .keyword_bg{
display: none;
}
.flex_block .keyword_bg{
width: 100%;
  background: #FBFAFF;
  margin: 0px auto 50px auto;
border: 1px solid #EBEBEB;
}
.flex_block .keyword_bg h2{
	text-align: center;
	color: #000;
	font-size: 24px;
	margin: 50px auto 20px auto;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px;
	font-weight: bold;
}
.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;
}



/*-------------side------------*/

.flex_block .side_block{
width: 30%;
margin: 0;
padding: 0;
}
.flex_block .seminar_plan_block{
padding: 20px;
background: #FBFAFF url("/commonImage/side_bg.png") top left no-repeat;
background-size: 100%;
margin: 0px auto 20px auto;
}
.flex_block .seminar_plan_block .seminar_box{
width: 94%;
margin: 0px auto 20px auto;
}
.flex_block .seminar_plan_block .seminar_box .seminar_title{
font-size: 18px;
text-align: left;
line-height: 160%;
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
font-weight: bold;
}
.seminar_plan_block .seminar_plan{
background: #fff;
padding:15px 20px;
line-height: 160%;
font-size: 15px;
font-weight: bold;
color: #4D4E50;
}
.flex_block .seminar_plan_block .seminar_box p{
color: #000;
font-size: 14px;
text-align: left;
margin: 0px 0px 3px 0px;
line-height: 140%;
}
.flex_block .seminar_plan_block .seminar_box a{
text-decoration: underline;
}
.flex_block .seminar_plan_block .seminar_detail{
color: #000;
text-align: left;
margin: 5px 0px 5px 0px;
line-height: 140%;
padding: 10px 0px 0px 0px;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
	  border-bottom: 1px solid #ededed;
}
.flex_block .seminar_plan_block .seminar_detail dt{
text-align: center;
margin: 0px 0px 3px 0px;
padding: 0 0 10px 0;
width: 5%;
display: flex;
align-items: center;
justify-content: center;
}
.flex_block .seminar_plan_block .seminar_detail dt img{
max-height: 15px;
}
.flex_block .seminar_plan_block .seminar_detail dd{
font-size: 14px;
margin: 0px 0px 3px 0px;
padding: 0 0 10px 0;
line-height: 140%;
width: 90%;
display: flex;
text-align: center;
position: relative;
justify-content: center;
}
.flex_block .seminar_plan_block .seminar_detail dd .inner_left{
position: relative;
width: 50%;
color: #1A1A1A;
text-align: right;
font-size: 18px;
font-weight: bold;
line-height: 160%;
padding: 0;
margin: 0;
}
.flex_block .seminar_plan_block .seminar_detail dd .inner_right{
position: relative;
bottom: 0px;
width: 45%;
color: #4D4E50;
font-size: 13px;
line-height: 160%;
padding: 0;
margin: 6px 0 0 10px;
}
.flex_block .seminar_plan_block .app_btn{
width: 90%;
margin: 0px auto 10px auto;
text-align: center;
box-shadow: 0px 0px 3px #ccc;
}
.flex_block .seminar_plan_block .app_btn a{
display: block;
color: #fff;
font-size: 15px;
padding: 10px 0px;
text-decoration: none;
background: #5EA4A1 url("/commonImage/arrows02.png") 97% center no-repeat;
background-size: 5px;
border-radius: 3px;
}
.flex_block .seminar_plan_block .app_btn a:hover{
background: #FF6668 url("/commonImage/arrows02.png") 97% center no-repeat;
background-size: 5px;
color: #fff;
}

.flex_block .seminar_plan_block p.center{
text-align: center;
margin: 5px auto;
padding: 0;
font-size: 13px;
}
.flex_block .seminar_plan_block p.center a{
text-decoration: underline;
}

.side_block .side_bnr{
padding: 0px;
margin: 0px auto 30px auto;
}
.side_block .side_bnr img{
width: 100%;
}


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



.slider1, 
.slider2, 
.slider3,
.slider4{
   width: 100%;
   min-height: 420px;
   position: relative;
   overflow: hidden;
}
.slider1 .l-inner, 
.slider2 .l-inner, 
.slider3 .l-inner,
.slider4 .l-inner {
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin: 0 auto;
    padding: 0 10rem;
    max-width: 1200px;
  }
.slider1 .swiper,
.slider2 .swiper,
.slider3 .swiper,
.slider4 .swiper{
    overflow: visible;
  }
.slider1 .swiper-wrapper, 
.slider2 .swiper-wrapper, 
.slider3 .swiper-wrapper,
.slider4 .swiper-wrapper{
   width: 100%;
   margin: 0;
   padding: 0;
   }
.slider1 .swiper-wrapper .swiper-slide, 
.slider2 .swiper-wrapper .swiper-slide, 
.slider3 .swiper-wrapper .swiper-slide,
.slider4 .swiper-wrapper .swiper-slide{
overflow: hidden;
 margin: 0px 0 0px 0;
 box-shadow: 0 0 7px #ececec;
 }
.seminar_list li{
position: relative;
}
.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{
height: 70px;
margin: 0px 0px 3px 0px;
padding: 10px;
text-align: left;
font-size: 16px;
line-height: 140%;
color: #000;
border-bottom: 1px solid #ececec;
}
.seminar_list li .teacher{
height: 15px;
margin: 0px 0px 5px 0px;
padding: 10px;
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 0px 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_vn{
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_vn a,
.seminar_list li .tag li .cat_tr a{
color: #fff;
display: block;
}
.seminar_list li .tag li .cat_job{
background: #fff;
color: #000;
padding: 1px 14px;
border-radius: 3px;
border: 2px solid #000;
}
.seminar_list li .tag li .cat_free{
background: #fff;
color: #ff0000;
padding: 1px 14px;
border-radius: 3px;
border: 2px solid #ff0000;
}
.seminar_list li .tag li .cat_job a{
color: #000;
display: block;
}
.seminar_list li .tag li .cat_free a{
color: #ff0000;
display: block;
}
/*
.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;
}
