#wrapper {position: relative;}
/* 既存テンプレートの共通外枠を保持し、本文だけに適用する。 */
.seminar-content {color: #1a1a1a;}
.seminar-content img {display: block; width: 100%; height: auto;}
.seminar-content .hero {margin: 0;}
#mainBlock h1.hero {margin: 0;}
.seminar-content picture {display: block;}
.seminar-content .cta {width: 64.3%; margin: 2.9% auto 7.1%;}
.seminar-content .cta a {display: block;}
.seminar-content .about {margin: 0;}
.seminar-content .recommend {margin: -2.8% 0 0; position: relative;}
.seminar-content .doctors {margin: 0;}
.seminar-content .place {margin: 2.3% 0 0;}
.seminar-content .place + .cta {margin-top: 2%; margin-bottom: 7.8%;}
.seminar-content .m_sec3 {border: 1px solid #ccc; margin: 0 7% 6%; padding: 0; width: 86%; box-sizing: border-box;}
.seminar-content .event_info h3 {font-size: 18px; font-weight: bold; line-height: 1.7; padding: 30px; margin: 0;}
.seminar-content .event_info h3 span {color: #b28e58;}
.seminar-content .venue-info {background: #e8f1f6; padding: 24px 30px; margin: 0 0 40px;}
.seminar-content .venue-name {background: #222733; color: #fff; text-align: center; width: fit-content; padding: 4px 28px; margin: 0 auto 24px; font-size: 18px; line-height: 1.5;}
.seminar-content .m_list3 {display: block; font-size: 0.9rem; line-height: 1.8;}
.seminar-content .m_list3 > dt {display: inline-block; width: 80px; border: 2px solid #30383e; font-weight: normal; margin: 0 0 18px; padding: 0 4px; text-align: center; vertical-align: top; box-sizing: border-box; line-height: 1.5;}
.seminar-content .m_list3 > dd {display: inline-block; width: calc(100% - 100px); padding: 0 0 0 15px; margin: 0 0 18px; box-sizing: border-box; vertical-align: top;}
.seminar-content .map {aspect-ratio: 2.3 / 1; margin-top: 5px;}
.seminar-content iframe {border: 0; display: block; width: 100%; height: 100%;}
.seminar-content .event-common {padding: 0 30px 24px;}
.pagetop img {width: auto; height: auto;}
@media (max-width: 767px) {
 .seminar-content .cta {width: 92.13%; margin-top: 1.76%; margin-bottom: 10.46%;}
 .seminar-content .recommend {margin-top: 7.78%;}
 .seminar-content .place {margin-top: 0;}
 .seminar-content .place + .cta {margin-top: 0.65%; margin-bottom: 9.91%;}
 .seminar-content .m_sec3 {width: 94.44%; margin: 0 2.78% 6.94%;}
 .seminar-content .event_info h3 {font-size: 14px; padding: 18px 14px;}
 .seminar-content .venue-info {padding: 16px 10px; margin-bottom: 22px;}
 .seminar-content .venue-name {font-size: 14px; padding: 3px 18px; margin-bottom: 16px;}
 .seminar-content .m_list3 {font-size: 12px; line-height: 1.7;}
 .seminar-content .m_list3 > dt {width: 60px; margin-bottom: 12px;}
 .seminar-content .m_list3 > dd {width: calc(100% - 70px); padding-left: 8px; margin-bottom: 12px;}
 .seminar-content .event-common {padding: 0 10px 16px;}
}

@media (max-width: 767px) {
 .seminar-content .m_list3 > .pc-time {display: none;}
 .seminar-content .m_list3 > dt {border-width: 1px;}
}

/* 支給PSDに合わせ、日程の左へ応募状況を表示する。 */
.seminar-content .venue-details {display: flex; align-items: flex-start; gap: 12px;}
.seminar-content img.venue-status {width: 17%; flex: 0 0 17%; height: auto;}
.seminar-content .venue-details > .m_list3 {flex: 1; min-width: 0;}
@media (max-width: 767px) {
    .seminar-content .venue-details {gap: 7px;}
}
