@charset "UTF-8";
/* CSS Document */

body{ font-size: 18px; padding: 40px 0 0 0;
  background: url("../img/bodtbg11.webp") repeat-x center top, url("../img/bodtbg00.webp") repeat center top;}

.green{ color: #179f3a;}

.hc{ width: 1100px; margin: 0 auto 0 auto; background: #fffeee;}
.hc .mb{}
.hc h1{ margin: 0;}
.hc img{ display: block;}
@media screen and ( max-width: 480px ) {
  .hc{ width: auto; margin: 0 1.0rem;}
}

.fc{ background: #FFF;}
.fc h3{ font-size: 100%; font-weight: bold;}
.fc p{ margin: 0.5rem 0 0 0; font-size: 86%;}
.fc .committee{ margin: 0.5rem; display: flex; font-size: 86%; flex-wrap:wrap; gap: 0 1.0em;}
.fc .committee li{ margin: 0; white-space: nowrap;}

main{ width: 1100px; margin: 0 auto; background: #fffeee;}
@media screen and ( max-width: 480px ) {
  main{ width: auto; margin: 0 1.0rem;}
}

.section_title{ background: #9ec22a; color: #FFF; font-weight: bold; font-size: 128%; padding: 0.1em 1.0rem; border-radius: 0.2em;}
.block_title_flex{ display: flex; gap: 0 1.0em; align-items: center;}
.block_title{ color: #179f3a; border: solid 3px #179f3a; padding: 0.2em 1.0em; width: fit-content; font-weight: bold; background: #FFF; white-space: nowrap;}
.text_copy{ font-weight: bold; font-size: 108%;}
.page_title{ font-size: 148%; font-weight: bold; text-align: center;}
.flex_line{ display: flex; gap: 1.0em; flex-wrap: wrap; align-items: center;}
@media screen and ( max-width: 480px ) {
  .block_title_flex{ display: block;}
  .block_title_flex .block_title{ font-size: 86%;}
  .block_title_flex p{ font-size: 108%;}
}

.section_keynote{}
.section_keynote .mb *{ margin-top: 0;}
.section_keynote .keynote_title{ font-size: 156%; font-weight: bold; line-height: 1.5; margin: 0.5rem 0 0 0;}
.section_keynote .flbox{ margin: 1.5rem 0 0 0; display: flex; gap: 0 5%;}
.section_keynote .flbox_figure{ flex: 0 0 40%;}
.section_keynote .flbox_figure h2{ width: 70%; margin: 0 auto;}
.section_keynote .person{ background: #FFF; padding: 1.0rem; margin: 1.0rem 0 0 0;}
.section_keynote .person .title{ font-size: 86%; line-height: 1.5;}
.section_keynote .person .name{ font-size: 148%; margin: 0.5rem 0 0 0; letter-spacing: 0.2em; font-weight: bold;}
.section_keynote .person .note{ margin: 0.5rem 0 0 0; font-size: 86%; line-height: 1.5;}
.section_keynote .ul_note{ font-size: 108%; font-weight: bold;}
.section_keynote .ul_note li::first-letter{ color: #179f3a; }
@media screen and ( max-width: 480px ) {
  .section_keynote .keynote_header{ display: block;}
  .section_keynote .keynote_header h2 img{ display: block; height: 3.0rem;}
  .section_keynote .keynote_header .block_title{ margin: 0.7em 0 0 0;}
  .section_keynote .keynote_header h3{ line-height: 1.3;}
  
  .section_keynote .flbox{ display: block;}
}


.section_event{}
.section_event .event_copy{ text-align: center; font-size: 128%; font-weight: bold; color: #179f3a; border: 2px #179f3a; border-style: solid none;}
.event{ margin: 2.0em 0 0 0; padding: 1.0rem; background: #FFF; box-shadow: 3px 3px 6px rgba(0,0,0,0.5); }
.event *{ margin-top: 0;}
.event .flbox{ display: flex; gap: 0 5%;}
.event .content{}
.event .figure{ flex: 0 0 35%; margin-left: auto;}
.event .title{ margin: 0; padding: 0 2.0em; background: #9ec22a; color: #FFF; border-radius: 1.5em; width: fit-content;}
.event h3{ font-size: 108%; font-weight: bold; margin: 0.5rem 0 0 0;}
.event .body{ font-size: 86%; line-height: 1.5; margin: 0.5rem 0 0 0;}
.event figcaption{ font-size: 86%; line-height: 1.5;}
@media screen and ( max-width: 480px ) {
  .event .flbox{ display: block;}
  .event .figure{ margin-top: 0.5em;}
}


.confirm_form_submit{ display: flex; flex-wrap: wrap; justify-content: space-around;}

@media screen and ( max-width: 480px ) {

}

/* tietable */
.section_timetable{ margin: 1.0rem 0 0 0;}
.table_program th{ padding: 0.7em 0;}
.table_program td{ padding: 0.7em 0 0.7em 1.5em;}
.table_program th span{ display: block; background: #FFF; border: 3px #179f3a; border-style: none none solid solid; padding: 0.1em 1.0em; color: #179f3a; font-weight: bold;}
.table_program td *{ margin-top: 0;}
.table_program h3{ margin: 0; font-size: 116%; font-weight: bold; color: #179f3a;}
@media screen and ( max-width: 480px ) {
  .table_program td{ padding: 0.7em 0;}
}


/* form section */
.section_form{ margin: 1.0rem 0 0 0; font-size: 92%; }
.table_form th,.table-form td{ vertical-align:middle;}
.table_form{ border-top:solid 1px #a8a8a8; margin-top: 4.0em;}
.table_form th,
.table_form td{ border-bottom:solid 1px #a8a8a8; padding: 1.0em 0;}
.table_form th{ text-align:right; padding-right: 2.0em;}
.table_form textarea{ height:6.0em;}
.table_form p{ margin-top: 0.5em;}
.table_form .subfield{ display: flex; align-items: center; justify-content: flex-start;}
.table_form .subfield span{ flex: 0 0 5.0em; white-space: nowrap; }
@media screen and ( max-width: 480px ) {
  .table_form th{ text-align: left;}
  .table_form input[type="text"]{ width: auto;}
}
input[type="submit"]{ margin: 0.5rem 0 0 0; font-size: 128%; font-weight: bold;}
.btn_confirm_return{ margin: 0.5rem 0 0 0; font-size: 128%; font-weight: bold;}
.message{ background: #FF0000; padding: 1.0em; color: #FFFFFF; text-align: center; font-weight: bold; display: none;}
.error{ display: none;}