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

.section_group{ margin: 2.0rem 0 0 0;}
.section_group h2{ font-size: 134%; color: #00973D; text-align: center; padding: 0.2rem 0.5rem; border: 2px #00973D; border-style: solid none;}

h2.parent{ font-size: 134%; color: #fff; background: #00973D; text-align: center; padding: 0.2rem 0.5rem;}
h2.child{ font-size: 134%; color: #00973D; text-align: center; padding: 0.2rem 0.5rem; border: 2px #00973D; border-style: solid none;}

ul.items{ display: flex; flex-wrap: wrap; gap: 2%;}
.items .movie{ flex: 0 0 49%;}
.items .movie figure{ display: block; margin: 0; padding: 56.25% 0 0 0; border: solid 1px #CCCCCC; position: relative;}
.items .movie figure iframe{ display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.items .file{ flex: 0 0 23.5%;}
.items .file figure{ display: block; margin: 0; padding: 100% 0 0 0; background: #F2F2F2 no-repeat center center / contain;}
h3{ margin: 0.5rem 0 0 0; font-weight: bold;}
p{ margin: 0; font-size: 86%; line-height: 1.5;}

@media screen and ( max-width: 480px ) {
  .items .file{ flex: 0 0 49%;}
}



/*
.section_pdfs{}
.section_pdfs ul{ display: flex; flex-wrap: wrap; gap: 0 1%;}
.section_pdfs li{ flex: 0 0 24.25%; width: 24.25%;}
.section_pdfs a{ color: #232323; text-decoration: none;}
.section_pdfs figure{ display: block; margin: 0; padding: 100% 0 0 0; background: #F2F2F2 no-repeat center center / contain;}
.section_pdfs h3{ margin: 0.5rem 0 0 0; line-height: 1.5; font-weight: bold;}
.section_pdfs a:hover h3{ text-decoration: underline;}
@media screen and ( max-width: 480px ) {
  .section_pdfs li{ flex: 0 0 49.5%; width: 49.5%;}
}
.section_others{}
.section_others .articles{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.section_others .articles article{ flex: 0 0 48%; width: 48%;}
.section_others article h3{ border: solid 1px #000000; padding: 0.2em 1.0em; font-weight: bold;}
.section_pdfs a:hover h3{ text-decoration: underline;}
.section_others article p{ font-size: 86%; line-height: 1.5; margin: 1.0em 0 0 0;}
.section_others article ul{ margin: 1.0em 0 0 0; padding: 0;}
.section_others article li{ margin: 0; padding: 0.3em 1.0em;}
.section_others article li:nth-child(2n+1){ background: #F2F2F2;}
@media screen and ( max-width: 480px ) {
  .section_others .articles{ display: block;}
  .section_others .articles article{ width: 100%; }
}
*/