@charset "UTF-8";

/****************************************

            Seminer Page

*****************************************/

.seminar_wrap .swiper-sp .tabs,
.seminar_article_wrap .swiper-sp .tabs {
   display: flex;
   text-align: center;
   justify-content: center;
   flex-wrap: wrap;
}

.seminar_wrap .page-header_wrap,
.seminar_article_wrap .page-header_wrap  {
   padding: 0 !important;
}
.seminar_wrap .section {
   padding: 0 3.333vw 0;
}

.seminar_wrap .blog_main li {
   padding: 10.666vw 0;
}
.seminar_wrap .blog_main:first-child li:first-child {
   padding: 0 0 10.666vw;
}
.seminar_wrap .page-img_box .page-img {
   padding: 0 3.333vw 0 0;
   box-sizing: border-box;
}
.seminar_wrap .page-img_box .page-img, 
.seminar_wrap .page-img_box .page-img img {
   width: 46vw;
   margin: 0;
}
.seminar_wrap .page-img_box .page-img img {
   width: 46vw;
   border: 1px solid #ccc;
   box-sizing: border-box;

}
.seminar_wrap .page-img_box {
   display: flex;
    justify-content: space-between;
    margin-top: 4vw;
}
.seminar_wrap .text_box {
   width: 46vw;
   text-align: left;
   color: #000;
   font-size: 4.0625vw;
   line-height: 1.5;
}



 /* aside */
.seminar_list .yearBlock + .yearBlock{ margin-top: 1.2em; }

.seminar_list .yearBlock h3{
 margin-bottom: 0.6em;
}

.seminar_list .yearBlock .block .box + .box{ margin-top: 0.6em; }

.seminar_list .yearBlock .block .box a{
 display: flex;
 justify-content: space-between;
}

.seminar_list .yearBlock .block .box a:hover{
 opacity: 0.7;
}

.seminar_list .yearBlock .block .box a div.imgArea {
 width: 30%;
}

.seminar_list .yearBlock .block .box a div.imgArea img {
   border: 1px solid #ccc;
} 

.seminar_list .yearBlock .block  a div.txtArea{
 width: 65%;
}


.seminar_list .yearBlock .block .txtArea .date{
   margin-bottom: 5px;
   font-size: 3.75vw;
   line-height: 1.3;
   vertical-align: -webkit-baseline-middle;
  }
  
.seminar_list .yearBlock .block .txtArea span.date{
   font-size: 3.75vw;
  }
  
  .seminar_list .yearBlock .block .txtArea .title{
   font-size: 4.0625vw;
   font-family: TBGothic M;
   font-weight: 600;
   line-height: 1.6em;
  }

.blog_wrap.seminar_wrap aside h2 {
   font-size: 6vw;
}
@media screen and (min-width: 768px) {
   .blog_wrap.seminar_wrap aside h2 {
      font-size: 32px;
   }
}

/* アコーディオンの記述 */
.acc .btn{
 cursor: pointer;
}
.acc .btn span{
 padding-right: 1.3em;
 position: relative;
 display: block;
}
 .acc .btn span:after{
   content: "";
   width: 6vw;
   height: 5.5vw;
   border-radius: 100%;
   position: absolute;
   top: 40%;
   transform: translateY(-50%);
   left: 20vw;
   background-image: url('../img/common/side_down_icon.png');
   background-repeat: no-repeat; 
   background-position: center;
 }
 .acc.on .btn span:after{
   content: "";
   background-image: url('../img/common/side_top_icon.png');
 }
 .acc .cont{
   display: none;
 }

 .seminar_list:first-child>.yearBlock:first-child {
   display: block !important;
 }


/* seminar_article */
 .seminar_article_wrap .section { 
    padding: 0 3.33vw; 
}
.seminar_article_wrap .content-blocks iframe {
   width: 100%;
   height: 50vw; 
}
.seminar_article_wrap .content-blocks {
   font-size: .75em;
   line-height: 1.5;
}
.seminar_article_wrap div.section_box .top_title {
   font-size: 5vw;
   font-family: TBGothic M;
   font-weight: 600;
   padding: 0;
   margin-top: 0;
   display: inline-block;
}
.seminar_article_wrap .page-box p {
   padding: 0;
   font-size: 4.0625vw;
   line-height: 1.5;
   margin-bottom: 5.333vw;
}
.seminar_article_wrap .page_date_box {
   border: 1px solid #ccc;
   box-sizing: border-box;
   padding: 4vw 2vw;
   text-align: center;
   margin-top: 4vw;
   margin-bottom: 4vw;
}
.seminar_article_wrap .page_date_box span,
.seminar_article_wrap .content_recom .top_title {
   position: relative;
}
.seminar_article_wrap .content_recom .top_title {
   margin-bottom: 0;
   display: inline-block;
}

.seminar_article_wrap .content_recom {
   border: 1px solid #ccc;
   box-sizing: border-box;
   padding: 2vw 4vw 3vw;
   margin-top: 4vw;
}
.blog-article_wrap .page-box .content_recom p {
   margin-top: 2vw;
}

.seminar_article_wrap .content_seminar_link {
   text-align: center;
   margin: 6.33vw 0;
}
.seminar_article_wrap .content_seminar_link a  {
   display: inline-block;
   font-size: 4vw;
   font-family: TBGothic M;
   font-weight: 600;
   padding: 4vw;
   background: #fff100;
}
.seminar_article_wrap .content-blocks li {
   display: flex;
   padding: 5.625vw 0;
   border-top: 1px solid #ccc;
   box-sizing: border-box;
   line-height: 1.5;
}

.seminar_article_wrap .content-blocks li .contant_title {
   width: 30vw;
   font-family: TBGothic M;
   font-weight: 600;
   font-size: 4.0625vw;
}
.seminar_article_wrap .content-blocks li .contant_txt {
   width: 65vw;
   font-size: 3.75vw;
}



.seminar_article_wrap .content-profile {
   display: flex;
   padding: 50px 0;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
.seminar_article_wrap .content-profile .contant_title {
   width: 30vw;
   font-family: TBGothic M;
   font-weight: 600;
   font-size: 4.0625vw;
   line-height: 1.3
}
.seminar_article_wrap .content-profile .content-blocks {
   width: 65vw;
}
.seminar_article_wrap .content-profile .semi_photo_wrap {
   display: flex;
}
.semi_img_box {
   width: 25vw;
   margin-right: 3.75vw;
   margin-bottom: 5vw;
}
.semi_txt_box {
   width: 32vw;
}
.semi_name {
   font-size: 3.75vw;
   font-family: TBGothic M;
   font-weight: 600;
   margin-bottom: 3vw;
}
.semi_team {
   font-size: 3.125vw;
   line-height: 1.5;
}
.semi_profile {
   font-size: 3.75vw;
   line-height: 1.5;
}
.semi_team {
   line-height: 1.5;
}

.sidebar_date02 {
   font-size: 2vw;
   line-height: 1.5;
}
.seminar_article_wrap .sta_cont {
   text-align: right;
   font-size: 3.75vw;
   margin: 2vw 3vw 0;
   line-height: 1.5;
}

.seminar_wrap .sub_title_lead p {
   padding: 0 3.333vw;
   margin: 13.333vw 0 13.333vw;
   font-size: 4.0625vw;
   line-height: 1.5;
}

.page-info .txt_btn {
   font-size: 2.8125vw;
   font-weight: bold;
   border: 1px solid #000;
   padding: 4px 2px 2px;
   margin: 0 1vw 0 0;
   vertical-align: middle;
}
.page-info .txt_btn01 {
   font-size: 2.8125vw;
   font-weight: bold;
   border: 1px solid #000;
   background: #000;
   color: #fff;
   padding: 4px 5px 2px;
   margin: 0 1vw 0 0;
   vertical-align: middle;
}
.seminar_wrap .sub_container div.page-date,
.seminar_article_wrap .sub_container div.page-date {
   display: inline;
   line-height: 1.5;
   font-size: 3.4375vw;
}
.seminar_article_wrap div.section_box .top_title_b {
   font-size: 5vw;
   font-family: TBGothic M;
   font-weight: 600;
   margin: 5.625vw 0 2vw;
}


.seminar_article_wrap .sns-item {
   width: 15vw; 
   position: absolute;
   right: 3.33vw;
   top: -5vw;
}


@media screen and (min-width: 768px) {
   .seminar_wrap .section {
      padding: 0;
   }
   .seminar_article_wrap .section { 
      padding: 50px 0 0;
  }

  .seminar_wrap .sub_title p  {
     font-size: 14px;
  }
  .seminar_wrap .sub_title_lead p {
   max-width: 640px;
   margin: 30px 0 0;
   padding: 0;
   font-size: 14px;
   line-height: 2;
}

.page-info .txt_btn {
   font-size: 11px;
   font-weight: bold;
   border: 1px solid #000;
   padding: 2px 5px;
   margin: 0 5px 0 0;
}
.page-info .txt_btn01 {
   font-size: 11px;
   font-weight: bold;
   border: 1px solid #000;
   background: #000;
   color: #fff;
   padding: 2px 5px;
   margin: 0 5px 0 0;
}



  .seminar_list .yearBlock .block .txtArea .date{
   margin-bottom: 5px;
   font-size: 12px;
   line-height: 1.3;
  }
    
.seminar_list .yearBlock .block .txtArea span.date{
   font-size: 14px;
  }
  
  .seminar_list .yearBlock .block .txtArea .title{
   font-size: 14px;
   line-height: 1.6em;
  }


   .seminar_wrap .blog_main li {
      padding: 80px 0;
   }
   
   .seminar_wrap .blog_main:first-child li:first-child {
      padding: 0 0 80px;
   }
   .seminar_wrap .page-img_box .page-img, 
   .seminar_wrap .page-img_box .page-img img {
      width: 270px;
      margin: 0 30px 0 0;
      padding: 0;
   }
   .seminar_wrap .blog_main .page-img_box {
      display: -ms-flex-box;
      display: flex;
      align-items: flex-start;
      margin-top: 0;
   }
   .seminar_wrap .text_box {
      width: 340px;
      font-size: 14px;
      color: #333;
      line-height: 1.5;
   }

   
   .seminar_wrap  aside {
      margin-top: 80px;
      padding: 0;
   }
   .seminar_article_wrap aside {
      margin-top: 80px;
      padding: 0;
   }

   .seminar_list .yearBlock .block .box a div.imgArea {
      width: 44vw;
    }
    .seminar_list .yearBlock .block  a div.txtArea{
      width: 58vw;
      margin-left: 1vw;
     }

   .acc .btn span:after{
      width: 35px;
      height: 29px;
      left: 70px;
    }
   .seminar_wrap  aside .widget-title02,
   .seminar_article_wrap  aside .widget-title02 {
      font-size: 32px;
      line-height: 1.2;
   }


/* seminar_article */
   .seminar_article_wrap div.section_box .top_title {
      font-size: 18px;
      font-weight: bold;
      margin-top: 0
   }

   .seminar_article_wrap div.section_box .top_title_b {
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 20px;
   }
   .seminar_article_wrap .page-box p {
      font-size: 18px;
      margin-bottom: 0;
   }
   .seminar_article_wrap .page_date_box {
      padding: 30px 0;
      margin-top: 50px;
      margin-bottom: 30px;
   }
   .blog-article_wrap .page-box .content_recom p {
      margin-top: 0;
   }
   
   .seminar_article_wrap .page-box .content_info .top_title {
      font-size: 18px;
      font-family: TBGothic M;
      font-weight: 600;
   }

   .seminar_article_wrap .event_top_lead {
      margin: 30px 0;
   }

   .seminar_article_wrap .page-box .content_info p {
      line-height: 1.8;
      font-size: 14px;
      margin-top: 15px; 
   }

   .evernt_article .page-box .content_info p {
      font-size: 16px;
      margin-top: 15px; 
   }
   .seminar_article_wrap .page-box .content_info p:first-child {
      margin: 20px 0 0;
   }
   
   .seminar_article_wrap .content_recom {
      padding: 25px;
      margin: 50px 0;

   }
   .seminar_article_wrap .content_recom p {
      margin: 0;
   }
   
   .seminar_article_wrap .content_seminar_link {
      text-align: center;
      margin: 50px 0;
   }
   .seminar_article_wrap .content_seminar_link a  {
      display: inline-block;
      font-size: 16px;
      font-family: TBGothic M;
      font-weight: 600;
      padding: 20px 30px;
      background: #fff100;
   }
   
   .seminar_article_wrap .content-blocks li {
      display: flex;
      padding: 25px 0;
      border-top: 1px solid #ccc;
      box-sizing: border-box;
      line-height: 1.8;
   }


   .seminar_article_wrap .content-blocks li .contant_title {
      width: 140px;
      font-weight: bold;
      font-size: 14px;
   }
   .evernt_article .content-blocks li .contant_title {
      font-size: 16px;
   }
   .seminar_article_wrap .content-blocks li .contant_txt {
      width: 500px;
      font-size: 14px;
   }
   .evernt_article .content-blocks li .contant_txt {
      font-size: 16px;
   }
   .seminar_article_wrap .content-blocks li iframe {
      width: 100% !important; 
      height: 300px !important;
      margin-top: 10px;
   }
   
   .seminar_article_wrap .content-profile {
      display: flex;
      padding: 50px 0;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
   }
   .seminar_article_wrap .content-profile .contant_title {
      width: 140px;
      font-family: TBGothic M;
      font-weight: 600;
      font-size: 14px;
   }
   .evernt_article .content-profile .contant_title {
      font-size: 16px;
   }

   .seminar_article_wrap .content-profile .content-blocks {
      width: 500px;
   }
   .seminar_article_wrap .content-profile .semi_photo_wrap {
      display: flex;
   }
   .semi_img_box {
      width: 200px;
      margin-right: 30px;
      margin-bottom: 30px;
   }
   .semi_txt_box {
      width: 270px;
   }
   .semi_name {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 15px;
   }
   .semi_team, .semi_profile {
      font-size: 14px;
      line-height: 1.8;
   }
   .semi_team {
      line-height: 1.8;
   }
   .semi_profile {
      line-height: 1.8;
   }
   

   
   .sidebar_date02 {
      font-size: 10px;
      line-height: 1.8;
   }
   .seminar_article_wrap .sta_cont {
      text-align: right;
      font-size: 14px;
      margin: 30px 0 30px;
      line-height: 1.8;
   }

   .seminar_wrap .sub_container div.page-date,
   .seminar_article_wrap .sub_container div.page-date {
      font-size: 18px;
      font-family: TBGothic M;
font-weight: 600;
      padding-bottom: 0;
      margin: 0;
      line-height: 1;
   }

   .seminar_wrap div.sub_title p {
      width: 640px;
    }

    .seminar_article_wrap .sns-item {
      width: 82px;
      position: relative;
      top: -5px;
      right: 0;
   }

}

@media (min-width:768px) and ( max-width:1024px) { 

   .seminar_wrap div.sub_title p {
      width: 60vw;
   }
   .seminar_wrap .section {
      width: 60vw;
      margin: 0 3vw 0 0;
   }
   .seminar_article_wrap .section {
      width: 60vw;
      margin: 150px 3vw 0 0;
   }
   .seminar_wrap .sub_title h1,
   .seminar_article_wrap .sub_title div {
      font-size: 12vw;
   }
   .seminar_wrap .sub_title p {
      font-size: 1.3vw;
   }
   .seminar_wrap .section_box {
      margin-top: 105px;
   }
   .seminar_wrap  aside  {
      margin-top: -195px;
      padding: 0;
   }
   .seminar_article_wrap  aside {
      margin-top: -25px;
      padding: 0;
   }

   .seminar_wrap aside .widget-title02,
   .seminar_article_wrap aside .widget-title02 {
      font-size: 3vw;
      line-height: 1;
   }
   .seminar_list .yearBlock .block .box a div.imgArea {
      height: 26.66%;
   }


}


/* 20200109 add */
.seminar_wrap .semi_repo {
   line-height: .7;
}
.seminar_wrap .no_post {
   text-align: center;
}
.seminar_wrap .no_post p {
   font-size: 14px;
   font-weight: normal;
}