#eventseminar .category {
  padding-left: min(60 / 1320 * 100vw, 60px);
  position: relative;
  color: #be9d6d;
  font-size: min(14 / 1320 * 100vw, 14px);
  font-weight: 700;
  line-height: min(50 / 1320 * 100vw, 50px);
}
#eventseminar .category::before {
  content: "";
  display: block;
  width: min(50 / 1320 * 100vw, 50px);
  height: min(50 / 1320 * 100vw, 50px);
  background: url(../img/eventseminar/icon_information.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#eventseminar .category.event::before {
  background: url(../img/eventseminar/icon_event.png) no-repeat center top;
  background-size: 100%;
}
#eventseminar .category.seminar::before {
  background: url(../img/eventseminar/icon_seminar.png) no-repeat center top;
  background-size: 100%;
}
#eventseminar .title,
#eventseminar .subtitle {
  font-weight: 700;
  line-height: 1.6;
}
#eventseminar .title {
  margin-top: min(10 / 1320 * 100vw, 10px);
  font-size: min(30 / 1320 * 100vw, 30px);
}
#eventseminar .subtitle {
  margin-top: min(5 / 1320 * 100vw, 5px);
  font-size: min(18 / 1320 * 100vw, 18px);
}
#eventseminar .excerpt {
  margin-top: min(40 / 1320 * 100vw, 40px);
  font-size: min(16 / 1320 * 100vw, 16px);
  line-height: 2;
}
#eventseminar .box_date {
  margin-top: min(45 / 1320 * 100vw, 45px);
  padding: min(28 / 1320 * 100vw, 28px) 0;
  position: relative;
}
#eventseminar .box_date:before, #eventseminar .box_date:after {
  content: "";
  display: block;
  width: min(200 / 1320 * 100vw, 200px);
  height: 3px;
  background: #222;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#eventseminar .box_date:before {
  top: 0;
}
#eventseminar .box_date:after {
  bottom: 0;
}
#eventseminar .box_date p {
  line-height: 1.4;
}
#eventseminar .box_date p.date {
  font-size: min(29 / 1320 * 100vw, 29px);
  font-weight: 900;
}
#eventseminar .box_date p.endcheck, #eventseminar .box_date p.time {
  font-size: min(18 / 1320 * 100vw, 18px);
  font-weight: 700;
}
#eventseminar .box_date p.time {
  margin-top: min(10 / 1320 * 100vw, 10px);
}
@media screen and (max-width: 768px) {
  #eventseminar .category {
    padding-left: min(120 / 750 * 100vw, 120px);
    font-size: min(28 / 750 * 100vw, 28px);
    line-height: min(100 / 750 * 100vw, 100px);
  }
  #eventseminar .category::before {
    width: min(100 / 750 * 100vw, 100px);
    height: min(100 / 750 * 100vw, 100px);
  }
  #eventseminar .title {
    margin-top: 1rem;
    font-size: min(56 / 750 * 100vw, 56px);
    line-height: 1.35;
  }
  #eventseminar .subtitle {
    margin-top: 0.8rem;
    font-size: min(32 / 750 * 100vw, 32px);
    line-height: 1.8;
  }
  #eventseminar .excerpt {
    margin-top: 1.2rem;
    font-size: min(30 / 750 * 100vw, 30px);
    line-height: 2;
  }
  #eventseminar .box_date {
    margin-top: 1.6rem;
    padding: 1.6rem 0 1.8rem;
  }
  #eventseminar .box_date:before, #eventseminar .box_date:after {
    width: min(375 / 750 * 100vw, 375px);
  }
  #eventseminar .box_date p {
    line-height: 1.4;
  }
  #eventseminar .box_date p.date {
    font-size: min(54 / 750 * 100vw, 54px);
  }
  #eventseminar .box_date p.endcheck, #eventseminar .box_date p.time {
    font-size: min(32 / 750 * 100vw, 32px);
  }
  #eventseminar .box_date p.time {
    margin-top: 0.5rem;
  }
}
#eventseminar .box_btn {
  width: min(240 / 1320 * 100vw, 240px);
  margin-top: min(50 / 1320 * 100vw, 50px);
}
#eventseminar .box_btn a.arrow,
#eventseminar .box_btn span.arrow {
  padding-left: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-size: min(16 / 1320 * 100vw, 16px);
}
#eventseminar .box_btn a.arrow span,
#eventseminar .box_btn span.arrow span {
  width: min(40 / 1320 * 100vw, 40px);
  height: min(40 / 1320 * 100vw, 40px);
  top: 0;
  bottom: 0;
  right: 1.3rem;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #eventseminar .box_btn {
    width: 70%;
    height: min(118 / 750 * 100vw, 118px);
    margin: 2.4rem auto 0;
  }
  #eventseminar .box_btn a.arrow,
  #eventseminar .box_btn span.arrow {
    padding-left: 1.2rem;
    font-size: min(32 / 750 * 100vw, 32px);
  }
  #eventseminar .box_btn a.arrow span,
  #eventseminar .box_btn span.arrow span {
    width: min(80 / 750 * 100vw, 80px);
    height: min(80 / 750 * 100vw, 80px);
    right: 1.3rem;
  }
}
#eventseminar .ul_eventseminar {
  margin-top: min(74 / 1320 * 100vw, 74px);
}
@media screen and (max-width: 768px) {
  #eventseminar .ul_eventseminar {
    margin-top: 2.7rem;
  }
}
#eventseminar .ul_eventseminar li + li {
  margin-top: min(70 / 1320 * 100vw, 70px);
}
#eventseminar .ul_eventseminar li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#eventseminar .ul_eventseminar li a .box_visual {
  width: 34%;
}
#eventseminar .ul_eventseminar li a .box_visual .image {
  overflow: hidden;
}
#eventseminar .ul_eventseminar li a .box_visual .image img {
  height: auto;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#eventseminar .ul_eventseminar li a .box_visual .image.noimage {
  background: #eee;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 34/46;
}
#eventseminar .ul_eventseminar li a .box_visual .image.noimage img {
  width: min(85 / 1320 * 100vw, 85px);
}
#eventseminar .ul_eventseminar li a .box_text {
  width: 58%;
}
@media (hover: hover) {
  #eventseminar .ul_eventseminar li a:hover .image img {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  #eventseminar .ul_eventseminar li a:hover .box_btn span.arrow {
    background: #be9d6d;
    color: #fff;
    border-color: #be9d6d;
  }
  #eventseminar .ul_eventseminar li a:hover .box_btn span.arrow span {
    background: #fff;
    border-color: #be9d6d;
  }
  #eventseminar .ul_eventseminar li a:hover .box_btn span.arrow span::before {
    background-color: #be9d6d;
  }
}
@media screen and (max-width: 768px) {
  #eventseminar .ul_eventseminar li + li {
    margin-top: 4.7rem;
  }
  #eventseminar .ul_eventseminar li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #eventseminar .ul_eventseminar li a .box_visual {
    width: 100%;
    margin-top: 1.2rem;
  }
  #eventseminar .ul_eventseminar li a .box_visual .image {
    height: min(500 / 750 * 100vw, 500px);
    text-align: center;
    background: #f5f5f5;
  }
  #eventseminar .ul_eventseminar li a .box_visual .image img {
    width: auto;
    height: 100%;
  }
  #eventseminar .ul_eventseminar li a .box_visual .image.noimage {
    display: none;
  }
  #eventseminar .ul_eventseminar li a .box_visual .box_btn .arrow {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #eventseminar .ul_eventseminar li a .box_text {
    width: 100%;
  }
  #eventseminar .ul_eventseminar li a .box_text .category {
    padding-left: min(120 / 750 * 100vw, 120px);
    font-size: min(28 / 750 * 100vw, 28px);
    line-height: min(100 / 750 * 100vw, 100px);
  }
  #eventseminar .ul_eventseminar li a .box_text .category::before {
    width: min(100 / 750 * 100vw, 100px);
    height: min(100 / 750 * 100vw, 100px);
  }
  #eventseminar .ul_eventseminar li a .box_text .title {
    margin-top: 1rem;
    font-size: min(56 / 750 * 100vw, 56px);
    line-height: 1.35;
  }
  #eventseminar .ul_eventseminar li a .box_text .subtitle {
    margin-top: 0.8rem;
    font-size: min(32 / 750 * 100vw, 32px);
    line-height: 1.8;
  }
  #eventseminar .ul_eventseminar li a .box_text .excerpt {
    margin-top: 1.2rem;
    font-size: min(30 / 750 * 100vw, 30px);
    line-height: 2;
  }
  #eventseminar .ul_eventseminar li a .box_text .box_date {
    margin-top: 1.6rem;
    padding: 1.6rem 0 1.8rem;
  }
  #eventseminar .ul_eventseminar li a .box_text .box_date:before, #eventseminar .ul_eventseminar li a .box_text .box_date:after {
    width: min(375 / 750 * 100vw, 375px);
  }
  #eventseminar .ul_eventseminar li a .box_text .box_date p {
    line-height: 1.4;
  }
  #eventseminar .ul_eventseminar li a .box_text .box_date p.date {
    font-size: min(54 / 750 * 100vw, 54px);
  }
  #eventseminar .ul_eventseminar li a .box_text .box_date p.endcheck, #eventseminar .ul_eventseminar li a .box_text .box_date p.time {
    font-size: min(32 / 750 * 100vw, 32px);
  }
  #eventseminar .ul_eventseminar li a .box_text .box_date p.time {
    margin-top: 0.5rem;
  }
}
#eventseminar #pagenavi {
  margin-top: min(90 / 1320 * 100vw, 90px);
}
@media screen and (max-width: 768px) {
  #eventseminar #pagenavi {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 769px) {
  #eventseminar.single .main {
    margin-top: min(70 / 1320 * 100vw, 70px);
  }
  #eventseminar.single .category {
    font-size: min(16 / 1320 * 100vw, 16px);
  }
  #eventseminar.single .title {
    font-size: min(32 / 1320 * 100vw, 32px);
  }
  #eventseminar.single .subtitle {
    margin-top: min(15 / 1320 * 100vw, 15px);
    font-size: min(20 / 1320 * 100vw, 20px);
  }
  #eventseminar.single .box_date {
    margin-top: min(22 / 1320 * 100vw, 22px);
    padding: min(26 / 1320 * 100vw, 26px) 0;
  }
  #eventseminar.single .box_date p.date {
    font-size: min(24 / 1320 * 100vw, 24px);
  }
  #eventseminar.single .box_date p.time {
    margin-top: min(10 / 1320 * 100vw, 10px);
  }
  #eventseminar.single .box_btn {
    margin: min(60 / 1320 * 100vw, 60px) auto 0;
  }
  #eventseminar.single .box_btn a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  #eventseminar.single .main {
    margin-top: 2rem;
  }
  #eventseminar.single .box_btn {
    margin: 3.1rem auto 0;
  }
}
#eventseminar .area_image {
  margin-top: min(40 / 1320 * 100vw, 40px);
  text-align: center;
}
#eventseminar .area_image .box_image {
  background: #f5f5f5;
  position: relative;
}
#eventseminar .area_image .box_image img {
  width: auto;
  height: min(480 / 1320 * 100vw, 480px);
}
#eventseminar #event button.modal_open {
  margin-top: min(22 / 1320 * 100vw, 22px);
  padding-left: 2.6em;
  position: relative;
  font-size: min(16 / 1320 * 100vw, 16px);
  letter-spacing: 0.06em;
}
#eventseminar #event button.modal_open::before {
  content: "";
  width: min(21 / 1320 * 100vw, 21px);
  height: min(21 / 1320 * 100vw, 21px);
  background: url(../img/common/icon_zoom.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0.3em;
  bottom: 0;
  margin: auto;
}
@media (hover: hover) {
  #eventseminar #event button.modal_open:hover {
    text-decoration: underline;
  }
}
#eventseminar #event .entry {
  margin-top: min(14 / 1320 * 100vw, 14px);
  font-size: min(16 / 1320 * 100vw, 16px);
  line-height: 2;
}
#eventseminar #event .area_tabel {
  margin-top: min(54 / 1320 * 100vw, 54px);
}
#eventseminar #event .area_tabel table {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
#eventseminar #event .area_tabel table th, #eventseminar #event .area_tabel table td {
  padding: 1rem 0;
  font-size: min(16 / 1320 * 100vw, 16px);
  border-top: 1px solid #ccc;
  line-height: 2;
}
#eventseminar #event .area_tabel table th {
  width: min(140 / 1320 * 100vw, 140px);
  font-weight: 700;
}
#eventseminar #event .area_tabel table td {
  width: calc(100% - min(140 / 1320 * 100vw, 140px));
}
#eventseminar #event .area_tabel table td img {
  max-width: 100%;
  width: auto;
  margin: 1em 0;
}
#eventseminar #event .area_tabel table td a {
  color: #be9d6d;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #eventseminar #event .area_image {
    margin-top: 1.8rem;
  }
  #eventseminar #event .area_image .box_image img {
    height: min(500 / 750 * 100vw, 500px);
  }
  #eventseminar #event button.modal_open {
    margin-top: 1.5rem;
    padding-left: 2.6em;
    font-size: min(30 / 750 * 100vw, 30px);
    letter-spacing: 0.06em;
  }
  #eventseminar #event button.modal_open::before {
    width: min(39 / 750 * 100vw, 39px);
    height: min(39 / 750 * 100vw, 39px);
    left: 0.3em;
  }
  #eventseminar #event .entry {
    margin-top: 0.9rem;
    font-size: min(30 / 750 * 100vw, 30px);
  }
  #eventseminar #event .area_tabel {
    margin-top: 2rem;
  }
  #eventseminar #event .area_tabel table th, #eventseminar #event .area_tabel table td {
    width: 100%;
    padding: 0;
    font-size: min(30 / 750 * 100vw, 30px);
    display: block;
    border: none;
  }
  #eventseminar #event .area_tabel table th {
    padding-top: 1em;
    border-top: 1px solid #ccc;
    font-weight: 700;
  }
  #eventseminar #event .area_tabel table td {
    padding-bottom: 1em;
  }
  #eventseminar #event .area_tabel table td a {
    color: #be9d6d;
    text-decoration: underline;
  }
}