@charset "utf-8";
/*
Theme Name: 関東甲信越地方放送教育研究協議会 関東甲信越学校視聴覚教育連盟
Description: 関東甲信越地方放送教育研究協議会 関東甲信越学校視聴覚教育連盟_CSS
Theme URI: https://www.kanhoushikyo.com/
Author URI: https://www.kanhoushikyo.com/
Version: 1.0
License: (C)関東甲信越地方放送教育研究協議会 関東甲信越学校視聴覚教育連盟 All Rights Reserved.
License URI: https://www.kanhoushikyo.com/
*/

/* *********************************
000:RESET
001:BASIC
002:COMMON
003:TOPPAGE
004:PAGES
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}
.fixed{position: fixed;width: 100%;height: 100%;}
/* *********************************
/* 001:BASIC
*********************************** */
/* FONT-FAMILY */
html{font-family:"Noto Sans JP","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
/*.f01{font-family: 'Montserrat', sans-serif;}*/

/* BASIC */
body{margin:0 auto;padding:0;font-size:16px;font-weight: 400;color:#242422;text-align:left;line-height: 1;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
input,textarea,select,button{font-family:"Noto Sans JP","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
button{font-size: 100%;background: none;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}
input[type="radio"],input[type="checkbox"]{position: relative;top: 2px;margin-right: 2px;}
::placeholder{color: #d4d4d4;}
strong{font-weight:bold;}
em{color:var(--color-primary);font-style:normal; font-weight: bold;}
a{color: var(--color-primary);text-decoration: none;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
.error{color: var(--color-sub);}
/* *********************************
/* 002:COMMON
*********************************** */
/*コンテンツが少ないとき、フッターが画面中央に表示されてしまうため画面下部に表示する*/
body{display: flex;flex-flow: column;min-height: 100vh;}
body main{flex: 1;}

.inner{margin: 0 auto;width: 100%;max-width: 1170px;padding-left: 15px;padding-right: 15px;}
.contents{margin: 64px 0}
section+section{margin-top: 72px;}
.block{padding: 64px 0;}
/*.block{padding: 48px 0;}*/
.block.bggry{background: var(--bg-color01);margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.block.bgble{background: var(--bg-color02);margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.block.bgyel{background: var(--bg-color03);margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.block.bgble1{background: var(--bg-color02_1);margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.block.bgble2{background: var(--bg-color02_2);margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.block.bgble3{background: var(--bg-color02_3);margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.box01{background: #FFF;box-shadow: var(--box-shadow);padding: 32px 24px;}
@media screen and (min-width: 768px) {
.block.submission{padding-left: 15%;padding-right: 15%;}
}

/*.ttl{position: relative;font-size: 26px;font-weight: 500;color: var(--text-primary);margin-bottom: 32px;padding: 16px;border-left: 4px solid var(--text-primary);}*/
/*.ttl{font-size: 26px;font-weight: 500;color: var(--text-primary);margin-bottom: 32px;padding: 16px;background: #ffffff;border-top: 4px double var(--text-primary);border-bottom: 4px double var(--text-primary);}*/
.ttl{font-size: 26px;font-weight: 500;color: var(--text-primary);margin-bottom: 24px;padding: 20px 24px;border-left: 4px double var(--color-primary);line-height: 1.2;}
.ttl.mt{margin-top: 56px;}
.ttl.mb{margin-bottom: 64px;}
/*.ttl{font-size: 26px;font-weight: 500;color: var(--text-primary);margin-bottom: 16px;padding-bottom: 8px;border-bottom: 4px double var(--text-primary);}*/
.subttl{font-size: 22px;font-weight: 500;margin-bottom: 16px;padding: 8px 0 8px 16px;border-left: 1px solid var(--color-primary);line-height: 1.2;}
.subttl.mt{margin-top: 40px;}
/*.subttl{font-size: 22px;font-weight: 500;margin: 32px 0;padding-bottom: 16px;padding-left: 16px;border-bottom: 3px double var(--color-primary);}*/
.txt{margin-bottom: 1em;}

.header{background: #ffffff;}
.header.inner{position: relative;padding: 16px 15px 16px;}
.header .logo a{display: block;text-align: left;margin: 0 auto;font-family: "Klee One", cursive;font-weight: 600;font-style: normal;font-size: 16px;line-height: 1.2;}
/*.header .logo a span{display: block;font-family: "Klee One", cursive;font-weight: 600;font-style: normal;font-size: 20px;}*/
.header .logo a span{display: block;}
/*.header .logo a span.main{margin-top: 8px;}*/
.header .logo a:hover{color: var(--color-primary-hover);}

/*年度表示*/
/*.header .logo:has(span){display: flex;flex-direction: column;}*/
/*.header .logo span{font-size: 13px;text-align: center;margin-top: 4px;}*/
/*@media screen and (min-width: 768px){*/
/*.header .logo span{text-align: left;font-size: 15px;}*/
/*}*/

.header .submission{display: none;}
.header .drawer #drawercb{display: none;}
.header .drawer label{position: fixed;top: 4px;right: -8px;cursor: pointer;}
.header .drawer label.open{z-index: 5;width: 56px;height: 48px;transition: background .5s, transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);}
.header .drawer label.open::before,.header .drawer label.open::after{content: "";}
.header .drawer label.open span,
.header .drawer label.open::before,
.header .drawer label.open::after{content: "";position: absolute;top: calc(50% - 1px);left: 30%;width: 40%;border-bottom: 2px solid var(--color-primary);transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);}
.header .drawer label.open::before{transform: translateY(-8px);}
.header .drawer label.open::after{transform: translateY(8px);}
.header .drawer label.close{z-index: 3;width: 80%;min-height: 100vh;pointer-events: none;transition: background .5s;}
.drawer .drawerMenu{z-index: 4;position: fixed;overflow: auto;top: 0;right: 0;width: 80%;min-height: 100vh;margin: 48px 0 0 0;padding: 6%;box-sizing: border-box;transform: translateX(-100%);transition: transform .5s cubic-bezier(0.33, 1.01, 0.33, 0.97);}
#drawercb:checked ~ .drawerMenu .menu01{border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);}
#drawercb:checked ~ .drawerMenu .menu01 li+li{border-top: 1px solid rgba(255,255,255,.1);}
.drawer .drawerMenu .menu01 li a{display: block;font-size: 14px;padding: 16px 0;color: #FFF;}
#drawercb:checked + .open span{border-color: #FFF;transform: scaleX(0);}
#drawercb:checked + .open::before{border-color: #FFF;transform: rotate(45deg);}
#drawercb:checked + .open::after{border-color: #FFF;transform: rotate(-45deg);}
#drawercb:checked ~ .close{background: rgba(0,0,0,.9);}
#drawercb:checked ~ .drawerMenu{transform: none;}
.nav{display: block;background: var(--global-nav-bg);}
.nav .navUl{display: flex;padding-left: 0;padding-right: 0;}
.nav .navUl li{display: flex;flex-grow: 1;flex-shrink: 1;flex-basis: 0;align-items: center;}
.nav .navUl li a{display: block;font-size: 12px;color: #FFF;text-align: center;padding: 16px 8px;width: 100%;}
#top .nav li.top a,
.nav .navUl.news li.news a,
.nav .navUl.director li.director a,
.nav .navUl.conference li.conference a,
.nav .navUl.research li.research a,
.nav .navUl.district li.district a,
.nav .navUl.report li.report a{color: #ffffff;text-decoration: underline;}
.nav .navUl li a:hover{color: #ffffff;text-decoration: underline;}
@media screen and (min-width: 375px) {
.header .logo a{font-size: 20px;}
.nav .navUl li a{font-size: 13px;}
}
@media screen and (min-width: 768px) {
.header .logo a{font-size: 24px;}
.header .submission{position: absolute;top: 0;right: 15px;}
.header .submission{display: flex;flex-direction: row;}
.header .submission li+li{margin-left: 10px;}

.header .submission li a{display: inline-flex;align-items: center;justify-content: center;color: var(--color-primary);background: #fff;border: 1px solid var(--color-primary);border-top: none;font-size: 14px;text-align: center;padding: 12px 24px;line-height: 1;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.header .submission li a::before{font-family: 'Material Symbols Outlined';content: '\e158';display: block;font-size: 20px;margin-right: 4px;margin-top: 1px;}
.header .submission li a:hover{color: #fff;background: var(--color-primary);box-shadow: var(--color-primary-box-shadow-hover);}

.header .submission li.conference a{color: var(--color-sub);border: 1px solid var(--color-sub);border-top: none;}
.header .submission li.conference a:hover{color: #fff;background: var(--color-sub-hover);box-shadow: var(--color-sub-box-shadow-hover);}
/*.header .submission.conference li.committee,*/
/*.header .submission.conferencepreparation li.committee,*/
/*.header .submission.conferenceinfo li.committee,*/
/*.header .submission.conferencenews li.committee{display: none;}*/
.header .drawerMenu{display: none;}
/*.nav{display: block;background: var(--color-primary);}*/
/*.nav .navUl{display: flex;flex-direction: row;justify-content: space-evenly;}*/
/*.nav .navUl li a{display: block;font-size: 14px;color: #FFF;padding: 16px;}*/
/*#top .nav li.top a,*/
/*.nav .navUl.news li.news a,*/
/*.nav .navUl.director li.director a,*/
/*.nav .navUl.conference li.conference a,*/
/*.nav .navUl.research li.research a,*/
/*.nav .navUl.district li.district a,*/
/*.nav .navUl.report li.report a{color: #ffffff;opacity: .7;}*/
/*.nav .navUl li a:hover{color: #ffffff;opacity: .7;}*/
.drawer{display: none;}
}
@media screen and (min-width: 820px) {
.nav .navUl li a{font-size: 16px;}
}
@media screen and (min-width: 992px) {
.header .logo a{font-size: 28px;}
.header .submission li+li{margin-left: 16px;}
.header .submission li a{font-size: 16px;width: 220px;padding: 12px;}
}
.kv{position: relative;height: 133px;background: url('/img/kv_overlay_bl.png') repeat, #ffffff;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
.kv {
background-image: linear-gradient(rgba(210, 210, 210, 0.4) 1px, transparent 1px), linear-gradient(to right, rgba(210, 210, 210, 0.4) 1px, transparent 1px);
background-size: 16px 16px;
background-color: #fff;
background-position: -14px 14px;
}
/*.kv.committee{background: rgba(var(--color-green-border-rgb),.1);border: 1px solid rgba(var(--color-green-border-rgb),1);}*/
/*.kv.director{background: rgba(var(--color-orange-border-rgb),.1);border: 1px solid rgba(var(--color-orange-border-rgb),1);}*/
/*.kv.conference{background: rgba(var(--color-sub-rgb),.1);border: 1px solid rgba(var(--color-sub-rgb),1);}*/
/*.kv.research{background: rgba(var(--color-blue-border-rgb),.1);border: 1px solid rgba(var(--color-blue-border-rgb),1);}*/
/*.kv.district{background: rgba(var(--color-purple-border-rgb),.1);border: 1px solid rgba(var(--color-purple-border-rgb),1);}*/
/*.kv.report{background: rgba(var(--color-brown-border-rgb),.1);border: 1px solid rgba(var(--color-brown-border-rgb),1);}*/
.kv .kvTtl{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 19px;color: var(--color-primary);text-align: center;font-weight: 500;line-height: 1.2;width: 98%;/**white-space: nowrap;**/}
/*.kv .kvTtl{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 19px;color: var(--color-primary);text-align: center;font-weight: 500;line-height: 1.2;!**white-space: nowrap;**!}*/
.kv .kvTtl .sub{display: block;margin-bottom: 5px;font-size: 14px;color: var(--color-primary);}
.kv.conference .kvTtl{font-size: 13px;}
.kv.conference .kvTtl,
.kv.conference-submission .kvTtl,
.kv.conference .kvTtl .sub{color: var(--color-sub);}
.kv.conference .kvTtl .confTtl{color: var(--color-sub);font-weight: 500;line-height: 1.3;}
@media screen and (min-width: 414px) {
.kv .kvTtl{font-size: 24px;}
.kv.conference .kvTtl{font-size: 15px;}
}
@media screen and (min-width: 600px) {
.kv.conference .kvTtl{font-size: 20px;}
}
@media screen and (min-width: 768px) {
.kv .kvTtl{font-size: 26px;}
.kv.conference .kvTtl{font-size: 26px;}
}

.breadcrumbBox{background: #F8F8F8;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.breadcrumbBox .breadcrumb{display: flex;flex-wrap: nowrap;white-space: nowrap;overflow-x: scroll;padding: 10px 0;scrollbar-width: none;-ms-overflow-style: none;}
.breadcrumbBox .breadcrumb::-webkit-scrollbar{display: none;}
.breadcrumbBox .breadcrumb li{display: flex;align-items: center;font-size: 12px;color: var(--color-primary);}
.breadcrumbBox .breadcrumb li:not(:last-child)::after{content: '';display: inline-block;width: .3em;height: .3em;margin: 0 8px 0 5px;border-top: 1px solid #A5A5A0;border-right: 1px solid #A5A5A0;transform: rotate(45deg);}
.breadcrumbBox .breadcrumb li a{color: #A5A5A0;font-size: 12px;}
.breadcrumbBox .breadcrumb li a:hover{text-decoration: underline;}

.pagenavi{margin-top: 32px;text-align:center;}
.pagenavi span,
.pagenavi a,
.pagenavi span{display: inline-flex;align-items: center;font-size: 14px;margin:0 2px 15px;padding:8px 12px;background:#FFF; border: 1px solid var(--color-primary);border-radius: 4px;box-shadow: var(--color-primary-box-shadow);}
.pagenavi span.current{color:#FFF;background: var(--color-primary);}
.pagenavi a:hover{color: #fff;background: var(--color-primary);transform: translateY(1px);box-shadow: var(--color-primary-box-shadow-hover);}
.pagenavi .prev::before,
.pagenavi .prev::before{font-family: 'Material Symbols Outlined';content: '\eac3';padding-right: 4px;}
.pagenavi .next::after{font-family: 'Material Symbols Outlined';content: '\ea50';padding-left: 4px;}

.footer{padding: 24px 0 62px;border-top: 1px solid var(--color-primary);border-bottom: 8px solid var(--color-primary);}
.footer .footNav li+li{margin-top: 16px;}
.footer .footNav li a{position: relative;display: inline-flex;align-items: center;color: var(--text-primary);font-weight: 500;padding-left: 24px;}
/*.footer .footNav li a{position: relative;display: block;color: var(--text-primary);font-weight: 500;padding-left: 24px;}*/
.footer .footNav li a::before{font-family: 'Material Symbols Outlined';content: '\ea50';color: var(--color-sub);position: absolute;left: 0;}
.footer .footNav li a:hover{text-decoration: underline;}
.footer .copy{font-size: 13px;text-align: right;margin-top: 32px;line-height: 1.2;}
.footer .copy span{display: inline-block;}
#pageTop{position: fixed;bottom: 112px;right: 20px;opacity: 0;}
#pageTop a{position: relative;display: block;width: 40px;height: 40px;background: var(--color-primary);box-shadow: var(--color-primary-box-shadow);border-radius: 4px;}
#pageTop a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#pageTop a:hover{transform: translateY(1px);box-shadow: var(--color-primary-box-shadow-hover);}
@media screen and (min-width: 768px) {
.footer{padding: 24px 0 16px;}
#pageTop{position: fixed;bottom: 72px;right: 20px;}
}
@media screen and (min-width: 820px) {
.footer .footNav{display: flex;flex-direction: row;justify-content: space-evenly;}
.footer .footNav li+li{margin-top: 0;}
.footer .footNav li a{font-size: 14px;}
#pageTop{position: fixed;bottom: 128px;right: 20px;opacity: 0;}
}
@media screen and (min-width: 992px) {
.footer .footNav li a{font-size: 16px;}
}

.spFixedBox{position: fixed;width: 100%;bottom: 0px;opacity: 0.9;z-index: 2;}
.spFixedBox .spNav{display: flex;margin:0;padding:0;width: 100%;}
.spFixedBox .spNav li{justify-content: center;align-items: center;width: 50%;margin:0;padding:0;}
.spFixedBox .spNav li a{display:block;width: 100%;height: 100%;font-size: 12px;text-align: center;color: #FFF;font-weight:500;line-height: 1.2;padding: 5px;background: var(--color-primary);}
.spFixedBox .spNav li a span{display: block;text-align: center;}
.spFixedBox .spNav li a::before{font-family: 'Material Symbols Outlined';content: '\e88a';display: block;font-size: 24px;}
.spFixedBox .spNav li.submission a{background: var(--color-primary);}
.spFixedBox .spNav li.submission a::before{content: "\e158";}
.spFixedBox .spNav li.submission.committee a{background: var(--color-primary);}
.spFixedBox .spNav li.submission.conference a{background: var(--color-sub);}
@media screen and (min-width: 768px) {
.spFixedBox{display: none;}
}

.linkUl{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;row-gap: 10px;padding-bottom: 48px;}
.linkUl li{overflow: hidden;position: relative;width: 32%;box-shadow: var(--box-shadow);}
.linkUl li a{display: block;width: 100%;font-size: 16px;text-align: center;line-height: 1.3;}
.linkUl li.committee a{color: var(--color-green);background: rgba(var(--color-green-border-rgb),.1);border: 1px solid rgba(var(--color-green-border-rgb),1);}
.linkUl li.committee a:hover{border: 1px solid var(--color-green);}
.linkUl li.director a{color: var(--color-orange);background: rgba(var(--color-orange-border-rgb),.1);border: 1px solid rgba(var(--color-orange-border-rgb),1);}
.linkUl li.director a:hover{border: 1px solid var(--color-orange);}
.linkUl li.conference a{color: var(--color-sub);background: rgba(var(--color-sub-rgb),.1);border: 1px solid rgba(var(--color-sub-rgb),1);}
.linkUl li.conference a:hover{border: 1px solid var(--color-sub);}
.linkUl li.research a{color: var(--color-blue);background: rgba(var(--color-blue-border-rgb),.1);border: 1px solid rgba(var(--color-blue-border-rgb),1);}
.linkUl li.research a:hover{border: 1px solid var(--color-blue);}
.linkUl li.district a{color: var(--color-purple);background: rgba(var(--color-purple-border-rgb),.1);border: 1px solid rgba(var(--color-purple-border-rgb),1);}
.linkUl li.district a:hover{border: 1px solid var(--color-purple);}
.linkUl li.report a{color: var(--color-brown);background: rgba(var(--color-brown-border-rgb),.1);border: 1px solid rgba(var(--color-brown-border-rgb),1);}
.linkUl li.report a:hover{border: 1px solid var(--color-brown);}
.linkUl li a::before{content: '';display: block;padding-top: 100%;}
.linkUl li a span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
@media screen and (min-width: 375px) {
.linkUl li a{font-size: 20px;}
}
@media screen and (min-width: 768px) {
.linkUl{flex-wrap: nowrap;}
.linkUl li{width: 14.91%;}
}
@media screen and (min-width: 992px) {
.linkUl li a{font-size: 22px;}
.linkUl li.conference a br,
.linkUl li.report a br{display: none;}
}


.itemList01{display: flex;align-items: stretch;flex-direction: column;row-gap: 24px;}
.itemList01 li a,
.itemList01 li button{position: relative;display:block;color: #242422;line-height: 1.4;background: #F3F4F5;padding: 27px 48px 27px 24px;border: 1px solid transparent;}
.itemList01.bgw li a{background: #fff;}
.itemList01 li button{width: 100%;text-align: left;}
.itemList01 li a::after,
.itemList01 li button::after{content: '';}
.itemList01 li a.icArr::after,
.itemList01 li button.icArr::after{display: block;position: absolute;top: 50%;right: 10px;transform: translate(-50%,-50%);font-family: 'Material Symbols Outlined';content: '\ea50';font-size: 20px;}
.itemList01 li a.icExArr::after,
.itemList01 li button.icExArr::after{display: block;position: absolute;top: 50%;right: 10px;transform: translate(-50%,-50%);font-family: 'Material Symbols Outlined';content: '\f8ce';font-size: 20px;}
.itemList01 li a:hover,
.itemList01 li button:hover{border: 1px solid var(--color-primary);}
.itemList01 li.reportNone{pointer-events: none;}
.itemList01 li.reportNone a::after,
.itemList01 li.reportNone a.icArr::after{content: '';display: none;}
.itemList01 li .fzS{display: block;font-size: 13px;padding-top: 2px;}
.itemList01.committee li a.fwb{color: var(--color-green);}
.itemList01.report li a dl dt,
.itemList01.report li button dl dt{font-size: 14px;}
.itemList01.report li a dl dd,
.itemList01.report li button dl dd{line-height: 1.4;}

@media screen and (min-width: 768px) {
.itemList01{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.itemList01::after{content: "";display: block;width: 31.93%;}
.itemList01.sizeL::after{content: none;}
.itemList01 li{width: 31.93%;}
.itemList01.sizeL li{width: 100%;}
.itemList01.report li a dl dt,
.itemList01.report li button dl dt{font-size: 19px;}
.itemList01.report li a dl,
.itemList01.report li button dl{display: table;width: 100%;}
.itemList01.report li a dl dt,
.itemList01.report li button dl dt{display: table-cell;width: 9.5%;/**vertical-align: middle;**/}
.itemList01.report li a dl dd,
.itemList01.report li button dl dd{display: table-cell;padding-left: 16px;/**vertical-align: middle;**/}


}
.itemList02 li+li{margin-top: 32px;}
.itemList02 li dl dt{color: var(--color-primary);font-size: 18px;font-weight: 500;line-height: 1.4;margin-bottom: 8px;}
.itemList02 li dl dd{line-height: 1.6;}

.itemList03{display: flex;flex-direction: column;row-gap: 24px;}
.itemList03 > li {background: #fff;padding: 27px 24px 27px;border: 1px solid transparent;}
.itemList03 > li dl dt{color: #242422;line-height: 1.4;}
.itemList03.committee > li dl dt.fwb{color: var(--color-green);}
.itemList03 > li dl dd ul{row-gap: 16px;margin-top: 16px;text-align: justify;text-justify: inter-ideograph;}
/*.itemList03 > li dl dd ul{display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 16px;margin-top: 16px;}*/
/*.itemList03 > li dl dd ul li{width: 47%;}*/
.itemList03 > li dl dd ul li{width: 100%;line-height: 1.4;}
.itemList03 > li dl dd ul li+li{margin-top: 16px;}
.itemList03 > li dl dd ul li a{position: relative;display: block;font-size: 14px;border-bottom: 1px solid #CEDFE6;padding: 10px 37px 10px 10px;}
.itemList03 > li dl dd ul li a:hover{border-bottom: 1px solid var(--color-primary)}
.itemList03 > li dl dd ul li a::after{content: '';display: block;position: absolute;top: 50%;right: 0;transform: translate(-50%,-50%);width: 18px;height: 18px;background: var(--color-primary);-webkit-mask-image: url(/img/ic_link.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: left center;-webkit-mask-size: cover;mask-image: url(/img/ic_link.svg);mask-repeat: no-repeat;mask-position: left center;mask-size: cover;}
@media screen and (min-width: 768px) {
.itemList03{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.itemList03::after{content: "";display: block;width: 31.93%;}
.itemList03 li{width: 31.93%;}
}

.itemList04{display: flex;flex-direction: column;row-gap: 24px;}
.itemList04 li{position: relative;display:block;color: #242422;line-height: 1.4;background: #fff;padding: 27px 48px 27px 24px;border: 1px solid transparent;}
@media screen and (min-width: 768px) {
.itemList04{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.itemList04::after{content: "";display: block;width: 31.93%;}
.itemList04.sizeL::after{content: none;}
.itemList04 li{width: 31.93%;}
.itemList04.sizeL li{width: 100%;}
.itemList04.dt li dl dt{font-size: 19px;}
.itemList04.dt li dl{display: table;width: 100%;}
.itemList04.dt li dl dt{display: table-cell;width: 9.5%;/**vertical-align: middle;**/}
.itemList04.dt li dl dd{display: table-cell;padding-left: 16px;/**vertical-align: middle;**/}
}

.comDl01 dd{line-height: 1.6;}
.comDl01 dd+dd{margin-top: 1em;}
.comDl01 dd.fzS{font-size: 13px;}

.comDl02{margin: 16px 0;font-size: 16px;}
.comDl02 dt{}
.comDl02 dd{margin-top: 8px;}
@media screen and (min-width: 414px) {
.comDl02{display: table;}
.comDl02 dt{display: table-cell;}
.comDl02 dd{display: table-cell;padding-left: 1em;}
}

.comTbl01Wrap.xScroll{overflow-x: auto;}
.comTbl01{width: 100%;border-collapse: collapse;border-top: 1px solid var(--bd-color-grey);}
.comTbl01 th,
.comTbl01 td{border: 1px solid #DDD;vertical-align: middle;line-height: 1.6;}
.comTbl01 th{padding: 8px 15px;font-size: 13px;background: #F8F8F8;white-space: nowrap;}
.comTbl01 td{padding: 15px 15px;font-size: 14px;white-space: nowrap;}
.comTbl01 .fzS{font-size: 13px;}
.comTbl01 .taC{text-align: center;}
.comTbl01 .widthS{width: 171px;}
.comTbl01 td.btn{width: 156px;text-align: center;}
.comTbl01 td.btn a{position: relative;display: inline-block;color: #FFF;background: var(--color-primary);padding: 8px 16px;border-radius: 4px;box-shadow: var(--color-primary-box-shadow);line-height: 1;width: 140px;}
.comTbl01 td.btn a::after{font-family: 'Material Symbols Outlined';content: '\ea50';position: absolute;right: 16px;}
.comTbl01 td.btn a:hover{transform: translateY(1px);box-shadow: var(--color-primary-box-shadow-hover);}




.btnBox01{margin-top: 32px;text-align: center;}
.btnBox01 a,.btnBox01 button{position: relative;display: inline-block;color: #FFF;background: var(--color-primary);padding: 16px 24px;border-radius: 4px;box-shadow: var(--color-primary-box-shadow);line-height: 1;min-width: 260px;}
.btnBox01 a::after,.btnBox01 button::after{font-family: 'Material Symbols Outlined';content: '\ea50';position: absolute;right: 16px;}
.btnBox01 a.icExArr::after,.btnBox01 button.icExArr::after{font-family: 'Material Symbols Outlined';content: '\f8ce';position: absolute;right: 16px;}
.btnBox01 a:hover,.btnBox01 button:hover{transform: translateY(1px);box-shadow: var(--color-primary-box-shadow-hover);}

.btnBox01 a.red,.btnBox01 button.red{background: var(--color-sub-hover);box-shadow: var(--color-sub-box-shadow);}

.btnBox01.back button{color: #242422;background: #FFF;border: 1px solid #242422;min-width: 80px;}
.btnBox01.back button:hover{color: #FFF;background: #242422;}

.newsList li{border: 1px solid #DDD;}
.newsList li+li{border-top: none;}
.newsList li dl{display: table;width: 100%;line-height: 1.4;}
.newsList li dt{display: table-cell;padding: 8px 15px;vertical-align: middle;background: #F8F8F8;width: 82px;}
.newsList li dt .dateY{display: block;font-size: 13px;}
.newsList li dt .dateMD{display: block;font-size: 20px;}
.newsList li dd{display: table-cell;padding: 15px;width: auto;vertical-align: middle;border-left: 1px solid #DDD;text-align: justify;}
.newsList li dd .cat{display: block;margin-bottom: 2px;color: var(--color-primary);font-size: 13px;font-weight: 300;}
.newsList li dd .cat.committee{color: var(--color-green);}
.newsList li dd .cat.director{color: var(--color-orange);}
.newsList li dd .cat.conference{color: var(--color-sub);}
.newsList li dd .cat.research{color: var(--color-blue);}
.newsList li dd .cat.district{color: var(--color-purple);}
.newsList li dd .cat.report{color: var(--color-brown);}


/*.newsList li+li{margin-top: 24px;}*/
/*.newsList li dl{display: table;width: 100%;line-height: 1.4;}*/
/*.newsList li dt{display: table-cell;width: 66px;vertical-align: middle;}*/
/*.newsList li dt .dateY{display: block;font-size: 13px;margin-top: 6px;}*/
/*.newsList li dt .dateMD{display: block;font-size: 20px;}*/
/*.newsList li dd{display: table-cell;width: auto;vertical-align: middle;padding-left: 16px;border-left: 1px solid #EFEEF1;text-align: justify;}*/
/*.newsList li dd .cat{display: block;margin-bottom: 2px;color: var(--color-primary);font-size: 13px;font-weight: 300;}*/
/*.newsList li dd .cat.committee{color: var(--color-green);}*/
/*.newsList li dd .cat.director{color: var(--color-orange);}*/
/*.newsList li dd .cat.conference{color: var(--color-sub);}*/
/*.newsList li dd .cat.research{color: var(--color-blue);}*/
/*.newsList li dd .cat.district{color: var(--color-purple);}*/
/*.newsList li dd .cat.report{color: var(--color-brown);}*/

.videoList li dl dt{width: 100%;padding-top: 56.25%;position: relative;margin-bottom: 10px;}
.videoList li dl dt iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.videoList li+li{margin-top: 48px;}

.formTbl01 li{padding: 32px 0;border-top: 1px solid #EFEEF1;}
.formTbl01 li:last-child{border-bottom: 1px solid #EFEEF1;}
.formTbl01 li dl dt{display: flex;justify-content: start;align-items: center;margin-bottom: 16px;}
.formTbl01 li dl dt p{color: var(--color-primary);font-weight: 500;}
.formTbl01 li dl dt span.required{font-size: 12px;color: var(--color-sub);padding-left: 10px;}
.formTbl01 li dl dd input.iptS,
.formTbl01 li dl dd input.iptM,
.formTbl01 li dl dd input.iptL,
.formTbl01 li dl dd select,
.formTbl01 li dl dd textarea{border: 2px solid #e1e1e1; padding: 7px;font-size: 16px;margin: 2px 0;}
.formTbl01 li dl dd input.iptS{width: 3em;}
.formTbl01 li dl dd input.iptM{width: 35%;}
.formTbl01 li dl dd input.iptL{width: 100%;}
.formTbl01 li dl dd textarea{width: 100%;}

.attNote{padding-bottom: 32px; line-height: 1.4;}
.attNote p{background: #FFF;display: block; width: 98%; max-width: 1140px; margin: 0 auto;border: 3px solid #FFA8A8; padding: 24px 8px; text-align: center; font-weight: bold;}
.attNote a{color: #333; display: block;}
.attNote a:hover{color: #8DC556;}
.attNote.caution p{background: rgba(var(--color-sub-rgb),.2);display: block; width: 100%; max-width: 1140px; margin: 0 auto;border: 2px solid var(--color-sub); padding: 24px 8px; text-align: center;color: var(--color-sub);font-weight: 500;}

/* *********************************
/* 003:TOPPAGE
*********************************** */
.msg{line-height: 1.5;margin-bottom: 32px;text-justify: inter-ideograph;}
/* *********************************
/* 004:PAGES
*********************************** */



/* *********************************
/* 200:DRAWER
*********************************** */



