@charset "utf-8";
/*
Theme Name: 神奈川県小学校理科研究会
Description: 神奈川県小学校理科研究会_CSS
Theme URI: https://k-shokyoken.com
Author URI: https://k-shokyoken.com
Version: 1.0
License: (C)神奈川県小学校理科研究会 All Rights Reserved.
License URI: https://k-shokyoken.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-red);}
/* *********************************
/* 002:COMMON
*********************************** */
.inner{margin: 0 auto;width: 100%;max-width: 1170px;padding-left: 15px;padding-right: 15px;}
.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.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%);}
.block.detail .btnBox01{display: none;}
.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{font-size: 26px;font-weight: 500;color: var(--color-primary);margin-bottom: 16px;}

.header.inner{position: relative;padding: 48px 15px 20px;}
.header .logo a{display: block;text-align: center;width: 100%;max-width: 288px;margin: 0 auto;}
.header .logo a img{width: 100%;height: auto;}
.header .logo a:hover img{filter: alpha(opacity=70);opacity: 0.7;}

.header .submission{display: none;}
.header .drawer #drawercb{display: none;}
.header .drawer label{position: fixed;top: 0;left: 0;cursor: pointer;}
.header .drawer label.open{z-index: 5;width: 60px;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;left: 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);}
.drawer .drawerMenu .menu01{border-top: 1px solid rgba(255,255,255,.1);border-bottom: 1px solid rgba(255,255,255,.1);}
.drawer .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: none;}
@media screen and (min-width: 768px) {
.header.inner{padding-top: 32px;}
.header .logo a{margin: 0;max-width: 362px;}
.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: block;color: var(--color-green);font-size: 14px;text-align: center;border: 1px solid rgba(var(--color-green-border-rgb, 1));padding: 12px 24px;line-height: 1;background: rgba(var(--color-green-border-rgb),.1);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: var(--box-shadow);}
.header .submission li a::before{content: "";display: inline-block;vertical-align: middle;width: 18px;height: 18px;padding-right: 5px;mask: url(/img/ic_submission.svg) left center / 16px 16px no-repeat;-webkit-mask-image: url(/img/ic_submission.svg);-webkit-mask-size: 16px 16px;-webkit-mask-repeat: no-repeat;-webkit-mask-position: left center;background: var(--color-green);}
.header .submission li a:hover{border: 1px solid var(--color-green);}
.header .submission li span{vertical-align: middle;}
.header .submission li.conference a{color: var(--color-red);border: 1px solid rgba(var(--color-red-border-rgb),1);background: rgba(var(--color-red-border-rgb),.1);}
.header .submission li.conference a::before{background: var(--color-red);}
.header .submission li.conference a:hover{border: 1px solid var(--color-red);}
.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);}
/*#top .nav{margin-bottom: 48px;}*/
.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.committee li.committee 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: #FFF;}
.nav .navUl li a:hover{opacity: 0.7;}
.drawer{display: none;}
}
@media screen and (min-width: 820px) {
.nav .navUl li a{font-size: 16px;}
}
@media screen and (min-width: 992px) {
.header .submission li+li{margin-left: 16px;}
.header .submission li a{font-size: 16px;width: 220px;padding: 12px;}
.header .submission li a::before{padding-right: 10px;mask: url(/img/ic_submission.svg) left center / 20px 20px no-repeat;-webkit-mask-size: 20px 20px;}
}
.kv{position: relative;height: 133px;background: rgba(var(--color-primary-border-rgb),.1);border: 1px solid rgba(var(--color-primary-border-rgb,1));box-shadow: var(--box-shadow);margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
.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-red-border-rgb),.1);border: 1px solid rgba(var(--color-red-border-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%);width: 95%;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.committee .kvTtl{color: var(--color-green);}
.kv.director .kvTtl{color: var(--color-orange);}
.kv.conference .kvTtl,
.kv.conference .kvTtl .sub{color: var(--color-red);}
.kv.research .kvTtl{color: var(--color-blue);}
.kv.district .kvTtl{color: var(--color-purple);}
.kv.report .kvTtl{color: var(--color-brown);}
@media screen and (min-width: 414px) {
.kv .kvTtl{font-size: 24px;}
}
@media screen and (min-width: 768px) {
.kv .kvTtl{font-size: 26px;}
}
@media screen and (min-width: 840px) {
.kv .kvTtl{white-space: nowrap;}
}

.breadcrumbBox{background: #F8F8F8;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);padding-right: calc(50vw - 50%);padding-left: calc(50vw - 50%);}
.breadcrumbBox{position: relative;z-index: 2;}
.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{display: inline-block;padding:8px 12px;margin:0 5px 15px;background:#FFF; border: 1px solid var(--color-primary);}
.pagenavi span.current{color:#FFF;margin:0 5px 15px;padding:8px 12px;background: var(--color-primary);border: 1px solid var(--color-primary);}
.pagenavi a:hover{color:#FFF;text-decoration:none;background:var(--color-primary);border: 1px solid var(--color-primary);}
.pagenavi .prev::before,
.pagenavi .next::after{content: '';display: inline-block;width: 14px;height: 14px;}
.pagenavi .prev::before{padding-right: 10px;mask: url(/img/ic_arr-left.svg) left center / 20px 20px no-repeat;-webkit-mask-image: url(/img/ic_arr-left.svg);-webkit-mask-size: 20px 20px;-webkit-mask-repeat: no-repeat;-webkit-mask-position: left center;background: var(--color-primary);}
.pagenavi .next::after{padding-left: 10px;mask: url(/img/ic_arr-right.svg) right center / 20px 20px no-repeat;-webkit-mask-image: url(/img/ic_arr-right.svg);-webkit-mask-size: 20px 20px;-webkit-mask-repeat: no-repeat;-webkit-mask-position: right center;background: var(--color-primary);}
.pagenavi .prev:hover::before,
.pagenavi .next:hover::after{background: #FFF;}
.pagenavi .next::after{content: '';display: inline-block;padding-left: 10px;background: url(/img/ic_arr-right.svg) no-repeat right center;background-size: 20px 20px;width: 14px;height: 14px;}

.footer{padding: 24px 0 62px;border-top: 3px solid var(--color-primary);}
.footer .footNav li+li{margin-top: 16px;}
.footer .footNav li a{color: var(--color-primary);}
.footer .footNav li a:hover{text-decoration: underline;}
.footer .copy{font-size: 14px;text-align: right;margin-top: 32px;}
#pageTop{position: fixed;bottom: 90px;right: 20px;opacity: 0;}
#pageTop a{position: relative;display: block;width: 40px;height: 40px;background: var(--color-primary);background-size: 40px 40px;}
#pageTop a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#pageTop a:hover{background: #FFF;border: 1px solid var(--color-primary);}
#pageTop a:hover img{filter: invert(43%) sepia(41%) saturate(227%) hue-rotate(151deg) brightness(86%) contrast(94%);}
@media screen and (min-width: 768px) {
.footer{padding: 24px 0 16px;}
#pageTop{position: fixed;bottom: 45px;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: 0;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: 10px;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{content: "";display: block;background: url(/img/ic_top_w.svg) no-repeat center center;background-size: 20px 20px;padding-bottom: 32px;}
.spFixedBox .spNav li.submission a{background: var(--color-primary);}
.spFixedBox .spNav li.submission a::before{content: "";background: url(/img/ic_submission_w.svg) no-repeat center center;background-size: 18px 18px;padding-right: 32px;}
.spFixedBox .spNav li.submission.committee a{background: var(--color-green);}
.spFixedBox .spNav li.submission.conference a{background: var(--color-red);}
.spFixedBox.conference li.committee,
.spFixedBox.conferencepreparation li.committee,
.spFixedBox.conferenceinfo li.committee,
.spFixedBox.conferencenews li.committee{display: none;}
@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.gre 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.gre a:hover{border: 1px solid var(--color-green);}
.linkUl li.org 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.org a:hover{border: 1px solid var(--color-orange);}
.linkUl li.pnk a{color: var(--color-red);background: rgba(var(--color-red-border-rgb),.1);border: 1px solid rgba(var(--color-red-border-rgb),1);}
.linkUl li.pnk a:hover{border: 1px solid var(--color-red);}
.linkUl li.ble 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.ble a:hover{border: 1px solid var(--color-blue);}
.linkUl li.ppl 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.ppl a:hover{border: 1px solid var(--color-purple);}
.linkUl li.brw 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.brw 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: calc(100% / 3);}*/
.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;flex-direction: column;row-gap: 24px;}
.itemList01 li a,
.itemList01 li button{position: relative;display:block;color: #242422;line-height: 1.4;background: #fff;padding: 27px 48px 27px 24px;border: 1px solid transparent;}
.itemList01 li button{width: 100%;text-align: left;}
.itemList01 li a::after,
.itemList01 li button::after{content: '';display: block;position: absolute;top: 50%;right: 10px;transform: translate(-50%,-50%);width: 20px;height: 20px;background: url(/img/ic_link.svg) no-repeat left center;background-size: 20px 20px;}
.itemList01 li a.icArr::after,
.itemList01 li button.icArr::after{content: '';display: block;background: url(/img/ic_arr-right.svg) no-repeat left center;background-size: 20px 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.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;**/}
}
.btnBox01{margin-top: 32px;text-align: center;}
.btnBox01 a,.btnBox01 button{display: inline-block;color: #FFF;background: var(--color-primary);border: 1px solid transparent;padding: 12px 22px;border-radius: 2px;line-height: 1;min-width: 140px;}
.btnBox01 a:hover,.btnBox01 button:hover{color: var(--color-primary);background: #FFF;border: 1px solid rgba(var(--color-primary-rgb),1);}
.btnBox01.back button{color: #242422;background: #FFF;border: 1px solid #242422;min-width: 80px;}
.btnBox01.back button:hover{color: #FFF;background: #242422;}

.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-red);}
.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-red);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{border: 2px solid #e1e1e1; padding: 7px;font-size: 16px;margin: 2px 0;}
.formTbl01 li dl dd select{background: #fff;}
.formTbl01 li dl dd input.iptS{width: 3em;}
.formTbl01 li dl dd input.iptM{width: 35%;}
.formTbl01 li dl dd input.iptL{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-red-rgb),.2);display: block; width: 100%; max-width: 1140px; margin: 0 auto;border: 2px solid var(--color-red); padding: 24px 8px; text-align: center;color: var(--color-red);font-weight: 500;}

/* *********************************
/* 003:TOPPAGE
*********************************** */
.msg{line-height: 1.5;margin-bottom: 32px;text-justify: inter-ideograph;}
/* *********************************
/* 004:PAGES
*********************************** */



/* *********************************
/* 200:DRAWER
*********************************** */