﻿@charset "UTF-8";
@font-face {
  font-family: 'prev_next_icomoon';
  src:url('data:application/x-font-ttf; charset=utf-8; base64,AAEAAAALAIAAAwAwT1MvMg8SBYAAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZhkyGWwAAAF4AAAApGhlYWQrUWj5AAACHAAAADZoaGVhBxcDxwAAAlQAAAAkaG10eA4AAAAAAAJ4AAAAGGxvY2EAegBMAAACkAAAAA5tYXhwAAgADAAAAqAAAAAgbmFtZZlKCfsAAALAAAABhnBvc3QAAwAAAAAESAAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wANVA8AACQAAASE1ISc3CQEnNwKy/fkCB+89AVX+qz3vAZVW7zv+q/6rO+8AAAAAAQAA/8ADVQPAAAkAAAEXBwkBFwchFSEBTu89/qsBVT3vAgf9+QGV7zsBVQFVO+9WAAAAAAEAAAABAAAKkUz3Xw889QALBAAAAAAA5G6SPgAAAADkbpI+AAD/wANVA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA1UAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAAAAAAAAoAFAAeADgAUgAAAAEAAAAGAAoAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA') format('truetype'),
}
.breadcrumb{
  width: 1100px;
  margin: 34px auto 16px;
}
html:has(link[rel="next"][href$="?absolutepage=2"]) body .breadcrumb span:nth-of-type(n + 4):nth-of-type(-n + 5) {
  display:none;
}
h1.event_title_{
  width: 1100px;
  margin: 0 auto 40px;
  font-size: 25px;
  font-weight: bold;
  border-left: 5px solid #c71749;
  padding-left: 10px;
  line-height: 1.5;
}
html:not( :has(link[rel="next"][href$="?absolutepage=2"]) ) body .seminar-entry{
  display:none;
}
.seminar-entry{
  background: #f6f6f6;
}
.seminar-entry-head{
  font-size: 16px;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.seminar-entry-head .seminar-entry-head__ttl{
  position: relative;
  font-size: 2em;
}
.seminar-entry-head__ttl-text{
  position: relative;
  z-index: 1;
}
.seminar-entry-head .seminar-entry-head__ttl::before{
  content: '';
  display: block;
  width: 150%;
  aspect-ratio: 1;
  background: #fff;
  position: absolute;
  top: -200px;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.seminar-entry-list{
  background: #f6f6f6;
  position: relative;
  z-index: 1;
}
.seminar-entry-list .swiper-wrapper{
  margin: 0 auto;
}
.swiper-button-prev, .swiper-button-next{
  display: none;
}
html:not( :has(link[rel="next"][href$="?absolutepage=2"]) ) body .seminar-report{
  display:none;
}
.seminar.div-wrap{
  width: 1100px;
  margin:30px auto 20px;
}
.seminar-list-head{
  padding-bottom: 0.6em;
  font-size: 1.25em;
  border-bottom: solid 4px #c71749;
}
.seminar-list{
  margin-top: 25px;
  display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.seminar-list__item{
  width:32%;
  margin-bottom:40px;
  min-height:400px;
  height:400px;
  position: relative;
  box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  font-size: 8px;
  background: #fff;
}
.seminar-list__item-status{
  position: absolute;
  top:0;
  right:0;
  z-index:1;
  background: #707070;
  width: 16%;
  color: #fff;
  text-align: center;
  padding: 0.2em;
  font-size: 1.7em;
}
.seminar-list__item a{
   display: block;
   height:inherit;
   text-decoration:none;
}
.seminar-list__item-thumb{
   width: 100%;
   height:20em;
  object-fit:cover;
  -webkit-object-fit:cover;
}
.seminar-list__item-info{
  width: 90%;
  margin:15px auto;
}
.seminar-list__item-ttl{
  display: flex;
  display: -webkit-flex;
  align-items:center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-align-items:center;
  text-align: center;
  font-size: 1.9em;
  height: 4em;
  min-height:4em;
}
.seminar-list__item-data{
  margin:0px 0 1em;
  display: flex;
  display: -webkit-flex;
  align-items:center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-align-items:center;
  height:2em;
  line-height: 1.8;
  font-size: 1.5em;
  text-align:center;
}
.seminar-list__item-data span{
  margin:0 15px ;
}
.seminar-list__detail-btn span, .seminar-list__report-btn span{
  margin:0.7em auto 0;
  width:100%;
  display: block;
  position: relative;
  padding: 0.5em;
  border-radius: 60px;
  color: #fff;
  font-size: 2.4em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  /*box-shadow: 0 3px 0 rgb(0 0 0 / 25%);*/
  background:linear-gradient(90deg, #f54c00 0%, #cb0046 100%)
}
.seminar-list__detail-btn:hover, .seminar-list__report-btn:hover{
  opacity:.8;
}
.seminar-list__detail-btn span{
  padding: 0.8em 0px;
  font-size: 2.6em;
  width: 100%;
  margin-top: 1.3em;
}
.seminar-list__report-btn span{
  background:#323232;
  color:#fff;
}
.seminar-list__detail-btn span:after, .seminar-list__report-btn span:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6%;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}
.seminar-list__report-btn span:after{
  border-color:#fff;
}
.seminar-list__detail-txt{
  text-align:center;
  margin: 1.2em 0 0;
}
.seminar-list__detail-txt a{
  display:inline;
  font-size: 1.5em;
  text-decoration:underline;
}
.seminar-list__detail-txt a:hover{
  text-decoration:none;
}
.active-event.seminar-list__item-status{
  background:#c71749;
  width: 23%;
}
.seminar-list:after {
  content: "";
  width: 32%;
}
.report-list-link{
  font-size: 9px;
  max-width: 100%;
  width: 390px;
  display: block;
  margin: 0 auto calc(60 / 9 * 1em);
}
.report-list-link > span{
  padding:calc(9 / 9 * 1em);
}
.swiper-button-next, .swiper-button-prev {
  width: min(calc(60 / 1366 * 100vw), 60px);
  height: min(calc(60 / 1366 * 100vw), 60px);
  border-radius:100%;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.8);
  top:45%;
  transition: opacity .5s;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
  opacity:.8;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: 'prev_next_icomoon';
  font-size: min(calc(26 / 1366 * 100vw), 26px);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-next:after{ content:'\e900'}
.swiper-button-prev:after{ content:'\e901'}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
  right: -2%;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
  left: -2%;
}
.swiper-button-prev, .swiper-button-next{
  display: flex;
}
@media (min-width:1441px) {
  .seminar-entry-list-wrp{
    margin: 0 auto;
    width: 1400px;
    overflow:hidden;
  }
}
@media  (min-width: 1101px) {
  .seminar-entry-list{
    width: 1100px;
    margin: 0 auto;
  }
  .seminar-entry-list .seminar-list__item{
    background: #fff;
    height: auto !important;
    width:540px;
    aspect-ratio:27 / 14;
    min-height: auto !important;
  }
  .seminar-entry-list .seminar-list__item .seminar-list__item-thumb{
    height: 35em;
  }
  .seminar-entry-list .seminar-list__item .seminar-list__item-ttl{
    font-size: 2.375em;
  }
  .seminar-entry-list .seminar-list__item .seminar-list__item-data{
    font-size: 1.875em;
  }
  .seminar-entry-list .seminar-list__item .seminar-list__detail-btn span{
    padding: .8em 0;
    font-size: 3.25em;
    margin-top: 1em;
  }
}
@media (min-width:768px) and (max-width: 1100px) {
  .seminar.div-wrap{
    width: calc(100% - 20px);
  }
  .seminar-list__item{
    flex-basis:48%;
    height: 360px;
    min-height: 360px;
  }
  .seminar-entry-list .seminar-list__item{
    height: auto !important;
    min-height: auto !important;
  }
  .seminar-list__item:nth-of-type(1), .seminar-list__item:nth-of-type(2){
    flex-basis:48%;
    font-size: 8px;
    height: 360px;
    min-height: 360px;
  }
  .seminar-list__item:nth-of-type(1) .seminar-list__item-thumb, .seminar-list__item:nth-of-type(2) .seminar-list__item-thumb{
    height:20em;
  }
}
@media (max-width: 767px) {
  .event_title_ {
    width: calc(100% - 3% - 3%) !important;
  }
  .seminar-entry{
    overflow: hidden;
  }
  .seminar-entry-head .seminar-entry-head__ttl{
    font-size: 1.5em;
  }
  .seminar-entry-list{
    margin: 0 1em;
    overflow: hidden;
  }
  .seminar-entry-list .seminar-list__item{
    height: auto !important;
    min-height: auto !important;
  }
  .seminar.div-wrap{
    width: calc(100% - 16px - 16px);
      margin:30px auto 0;
  }
  .seminar-list{
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
  }
  .seminar-list__item{
    position: relative;
    width:100%;
    min-height:420px;
    height:420px;
    margin-bottom:40px;
  }
  .seminar-list__item:nth-of-type(1), .seminar-list__item:nth-of-type(2){
    flex-basis:100%;
    -webkit-flex-basis:100%;
    font-size: 8px;
    min-height:420px;
    height:420px;
  }
  .seminar-list__item-info{
    margin:20px auto 30px;
  }
  .seminar-list__item-thumb{
    height:180px;
  }
  .seminar-list__item:nth-of-type(1) .seminar-list__item-thumb, .seminar-list__item:nth-of-type(2) .seminar-list__item-thumb{
    height:180px;
  }
  .seminar-list__detail-btn span{
    width: 100%;
  }
  .seminar-list__detail-btn span:after{
    width: 8px;
    height: 8px;
  }
  .seminar-list__report-btn span{
    width:100%;
    font-size:2em;
  }
  .mb-dsp-none{
    display: none;
  }
  .swiper-button-next, .swiper-button-prev {
    width: min(calc(32 / 375 * 100vw), 32px);
    height: min(calc(32 / 375 * 100vw), 32px);
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    top:45%;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    font-family: 'prev_next_icomoon';
    font-size: 18px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }
  .swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: 0;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 0;
  }
  .swiper-button-prev, .swiper-button-next{
    display: flex;
  }
}
@media (max-width: 320px) {
  .seminar-list__item-ttl{
    font-size:2em;
  }
  .seminar-list__item-data{
    font-size:calc(100% - 2px);
  }
}