@charset "UTF-8";
/*フォーム用css 緑#3cc1ad 赤#DC143C PC_innerは90%*/
.event-content, .event-contact {margin-bottom:80px;font-size:14px;text-align: left;letter-spacing:1.5px;}
.header h1{letter-spacing:1.5px;}
/*.event-content h2, .event-contact h2{font-size:18px;color:#38ad9c;letter-spacing:1.5px;} */
.event-content h3, .event-contact h3{font-size:18px;font-weight:bold;color:#38ad9c;letter-spacing:2.5px;} 
.event-content section, .event-contact section{margin-bottom:32px;}
.event-content p, .event-contact p{margin-bottom:20px;}
.event-content a:hover{text-decoration: underline;}
/*mv*/
.mv-wrap{position: relative;width:100%;height:auto;aspect-ratio: 16 / 9;margin-bottom:32px;}
/*presenters-list*/
.event-content .presenters-list{margin:0 auto;width:80%;display: flex;flex-wrap: wrap;gap:48px 96px;}
.event-content .presbox{width: calc(50% - 48px);}

/*timetable*/
.event-content .timetable{width:80%;margin:0 auto 32px auto;font-size:18px;box-sizing: border-box;}
.event-content .timetable div {display: flex;align-items: stretch; /* ← 高さを揃える */ margin-bottom: 1em;}
.event-content .timetable div dt {flex: 0 0 20%;/* 固定幅。*/font-weight: bold;background: #f0f0f0;padding: 0.5em 0.3em;}
.event-content .timetable div dd {flex: 1;margin: 0;background: #fafafa;padding: 0.5em 0.3em;}
/*notice*/
.event-content .notice{width:80%; margin:0 auto 32px auto;padding:20px;background: #f7f2f2;box-sizing: border-box;} 
.event-content .notice h3{text-align: center;margin-bottom:20px;}
.event-content .notice span{ background: yellow;}
/*contact form*/
.event-contact table {width: 100%;margin-bottom:48px;table-layout: fixed;border-collapse: separate;border-spacing: 0;}
.event-contact table tr {border-bottom: 1px solid #666;padding: 10px;}
.event-contact table th {font-weight: bold;}
.event-contact table tr:last-child th,
.event-contact table tr:last-child td {border-bottom: 1px solid #bbb;}
.event-contact table td,
.event-contact table th {border-top: 1px solid #bbb;padding: 20px 10px 20px 50px;}
.event-contact table th {background-color: #eee;width: 30%;padding-left: 10px;}
.event-contact table th.required::after {
  border-radius: 4px;content: "必須";display: inline-block;color: #fff;float:right;margin-right: 24px;background: #DC143C;padding:6px;}
.event-contact table .font-weight,
.event-contact table .font-weight .mwform-checkbox-field-text {font-weight: bold;}
.event-contact table p{margin-bottom:16px;}
.event-contact table .error {margin: 10px auto 0;}
.event-contact table input,
.event-contact table textarea {
box-sizing: border-box;max-width: 100%;padding: 10px;border: 1px solid #bbb;border-radius: 4px; }
.event-contact table input[type="text"],
.event-contact table input[type="email"] {-webkit-appearance: none;}
.event-contact table input[type="checkbox"]{ vertical-align: middle; transform: translateY(-1px);}
.event-contact input[type="submit"] {
cursor: pointer;display:block;border: none;border-radius: 4px;background: linear-gradient(30deg, #DC143C, #FC5974);
color:#ffffff;font-size:18px;letter-spacing:1px;padding:16px;margin: 48px 0;text-align: center;transition: 0.5s;}
.event-contact input[type="submit"]:hover{opacity:0.5;transition: 0.5s;}
.event-contact select {width: 200px;height: 40px;padding: 5px;font-size: 14px;border: 1px solid #ccc; border-radius: 4px;}
.contact.confirm .event-contact table tr.company-name .note,
.contact.confirm .event-contact table tr.section-name .note {display: none;}
.mwform-tel-field{display:inline-block;margin-bottom:16px;}
.subnitbutton-wrap{display: flex;justify-content: center;gap: 16px;}

/*for tab(Ipad Air Ipad mini etc)*/
@media screen and (max-width: 820px) {
}

/*for sp*/
@media screen and (max-width: 767px) {
.event-content, .event-contact {font-size:12px;letter-spacing:1px;}
.event-content h3, .event-contact h3{font-size:14px;letter-spacing:2px;} 
.mv-wrap{aspect-ratio: 1 / 1;}
/*presenters-list*/
.event-content .presenters-list{margin:0 auto;width:90%;display: block;}
.event-content .presbox{width: 100%;margin-bottom:32px;}

/*timetable*/
.event-content .timetable{width:100%;font-size:14px;}
.event-content .timetable div {margin-bottom: 10px;}
.event-content .timetable div dt {padding: 4px;}
.event-content .timetable div dd {padding: 4px;}
/*notice*/
.event-content .notice{width:calc(100% - 24px); padding:12px;} 
/*contact form*/
.event-contact table td,
.event-contact table th {display: block;width:calc(100% - 24px);}
.event-contact table th{padding: 10px;}
.event-contact table td{padding: 16px 0px;width:calc(100% - 4px);}
.event-contact table th.required::after {margin-top:-4px;padding:4px;}
}