@charset "utf-8";

/* CSS Document */
body {text-align: left;margin: 0px;font-family: "游ゴシック", YuGothic, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
img{-webkit-backface-visibility:hidden;}
*{margin:0;padding:0;}


/**pagetop**/
#page-top {position: fixed;bottom: 20px;right: 20px;font-size: 77%;z-index: 99;}
#page-top a {background: #546ac7; text-decoration: none;color: #fff;width: 100px;padding: 30px 0px;text-align: center;display: block;border-radius: 5px;}
#page-top a:hover {text-decoration: none; background: #7181d2;}

.kaisai_tyu{width: 100%;}
/**pagetop_end**/

.wrapper{width: 100%;margin:0;padding: 0;}
.contents{display:block;width:99%;padding:10px 0;margin:0 auto;}
h1{font-size: 23px; line-height: 2em; padding:15px;margin:0;text-align: center;background: #0192E9;color: aliceblue;font-weight: bold}
.subtitle{font-size: 22px;border-left: 7px solid #68AD94;padding: 0 20px;margin:10px 0 10px 10px;font-weight: 500;}
.fontblue{color: #27a4e2;font-size: 20px;font-weight: 500;padding-top: 20px;}
.fontbig{font-size: 20px;font-weight: bold;padding: 1em;}

.sp-display {display: block;}/**スマホでは改行**/
.pc-display{display: none;}


.pcopen_top{display: none;}
.pcopen{display: none;}
.sfopen{display: block;}
.sfopen img{width: 100%;vertical-align: top;}
.resizeimage img{width: 100%;max-width: 400px;}

.normal{margin: 1em auto 0.5em auto;width: 94%;}
.normal dt {line-height: 2em;font-size: 17px;}
.normal dd {font-size: 17px;line-height: 2em;text-indent: 15px;padding-bottom: 10px;}

.centerdl{display: block;width: 96%;margin: 0 auto;}
.centerdl dt{font-size: 13.5px;}
.centerdl dd{font-size: 13.5px;margin: 0;text-indent: -1em;}

.newstitle{position: relative;font-size: 22px;font-weight: bold;margin:0;padding:10px 15px;max-width: 100%;text-indent: 0; background:#68AD94;color: #fff;}
.newstitle:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 25px solid transparent; border-top: 15px solid #68AD94;}

.listnone{margin-left: 4em;font-size: 15px;}
.listnone li{list-style: none;text-indent: -1em;}

.normalul {margin:0 0 0 2.5em;padding:0; list-style: none;}
.normalul li{text-indent: -1em;font-size: 15.5px;}
.normalul li:before{content: "• ";color: #5F5F5F;font-size:20px;}

.olabc {list-style-type: upper-latin;margin: 0 0 0 1.5em;}
.olabc li{text-indent: 1em;font-size: 15.5px;}

.importantbox{display: block;width:85%;margin: 10px auto;position: relative;border: 1px solid #ccc;padding: 2em;font-size: 15px;z-index: -10;}
.importantdesign{display: block;width: 50px; background: #BD0A0D;color: #fff;padding:5px 10px;border-radius:20px;margin-right: 10px;text-align: center;position: absolute;top:-15px;left:-15px;z-index:-10;}

/**header**/
#menu01{display: none;}
.mainmenu_sf{display: flex;justify-content:space-between;align-items: center;padding:0;margin-top: 0;width: 100%;
    position: fixed;background: #FFFFFF;z-index: 999;}
.mainmenu_sf img{width: 100%}

/* チェックボックスは非表示に */
.drawer-hidden {display: none;}
/* ハンバーガーアイコンの設置スペース */
.drawer-open {display: flex;height: 50px;width: 60px;justify-content:flex-end;align-items: center;
	position: relative; z-index: 100;/* 重なり順を一番上に */cursor: pointer;right: 10px;}
/* ハンバーガーメニューのアイコン */
.drawer-open span,.drawer-open span:before,.drawer-open span:after {content: '';display: block; height: 3px;width: 25px;border-radius: 3px;background: #333;transition: 0.5s;position: absolute;}
/* 三本線のうち一番上の棒の位置調整 */.drawer-open span:before {bottom: 8px;}
/* 三本線のうち一番下の棒の位置調整 */.drawer-open span:after {top: 8px;}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {background: rgba(255, 255, 255, 0);}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {bottom: 0;transform: rotate(45deg);}
#drawer-check:checked ~ .drawer-open span::after {top: 0;transform: rotate(-45deg);}
/* メニューのデザイン*/
.drawer-content {width: 100%;height: 100%;position: fixed;top: 0;left: 100%;/* メニューを画面の外に飛ばす */z-index: 99; background-color:rgba(255,255,255,0.0);transition: .5s;}
.drawer-list{margin: 0;padding: 0;width: 100%;background:#fff;}
.drawer-item{display: block;border-bottom:1px solid #68AD94;list-style: none; background: #fff;margin: 0;font-weight: bold;color: #434343;background-image: url(../img/sfmenu.png);background-repeat: no-repeat;background-position:89% 50%;background-size: 15px;}
.drawer-list a{text-decoration: none;color:#333;display: block;padding:1em;}
/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {left:0;/* メニューを画面に入れる */}

/**header_end**/

/**menubox**/
.menubox{display: none;}

.half{width:100%;margin:0 auto;z-index: -10;}
.menuhalfbox{width:100%;padding-top:20px;overflow:hidden;display: block;text-align:center;position:relative;color:#fff;font-size:14px;}
.menuhalfbox a{color:#fff;font-size:14px;}
.menuhalfbox p{margin-top:15px;}
.mov{background:url(../img/microphone-2775447_1920.jpg) no-repeat center center;background-size:cover;background-color: #a53789;}
.rec{background:url(../img/1673302_m.jpg) no-repeat center center;background-size:cover;border: none; margin-right:-1px;background-color: #025577;}
.menuhalfbox h2{font-size:28px;font-weight: bold;color:#fff;}

.button{margin-top:15px;display: inline-block;width: 284px;height: 50px;text-align: center;text-decoration: none;line-height: 50px;outline: none;font-size:14px;letter-spacing:2px;font-weight:bold;position: relative;z-index: 2;border: 1px solid #fff;color: #fff;overflow: hidden;}
.button:hover {color: #555;background-color: rgba(255, 255, 255, .8);cursor:pointer;}
.button:hover a{color: #555;}
.button::before,
.button::after {position: absolute;z-index: -1;display: block;content: '';}
.linkarea a{display:block;position:absolute;height:100%;width:100%;text-indent:-999px;background-color:#fff;left:0;top:0;
filter: alpha(opacity=0);-moz-opacity:0;opacity:0;}
.backopacity{width: 80%;background:rgba(0,0,0,0.5);margin: 0 auto;padding:0;}
/**menubox_end**/

/**tablecell**/
.area_gary{background: #F5F5F5}
.contents2 {position: relative;display:block;margin:0 0 1.5em 0;padding: 2em 10px;max-width: 100%; color: #555;font-size: 16px;background: #68AD94;}
.contents2:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -15px;border: 30px solid transparent; border-top: 25px solid #68AD94;}
.contents2 p {margin: 0; padding: 0;}

.con_tablecell{display: block;width: 100%;}
.con_tablecell01{display: block;width: 96%;margin:20px auto;}
.con_tablecell01 dl{width: 98%;display: block;}
.con_tablecell01 dd{margin: 0;}
.con_tablecell01 dd a{display: block;padding: 10px;color:#333333;text-decoration: none;}
.con_tablecell01 dd a:hover{color: #D72D30;}
.contents h2{text-align: center;margin: 50px 0px}
.con_tablecell02{display: block;width: 94%;padding: 20px 10px;}
.con_tablecell02 h2{font-size: 26px;font-weight: 400;margin:0 10px 10px 10px;}

.table01{display: table;width: 100%;border-collapse: collapse;font-size: 14px;}
.table01 th{display: table-cell;width: 30%;padding:10px 20px;border-bottom:  1px solid #ccc;font-weight:normal;}
.table01 td{display: table-cell;width: 60%;padding:10px 20px;border-bottom:  1px solid #ccc;}
/**tablecell_end**/

/***topics***/
.topics{width:98%;font-size:14px; line-height:2em;padding:5px;border-collapse: collapse;}
.topics tr{}
.topics th{text-align:center;border-bottom: 1px dotted #CCCCCC; width:15%;font-weight:normal;padding:5px;}
.topics td{border-bottom: 1px dotted #CCCCCC;padding: 12px;}
.topics td a{color:#0366D6;}

.final_dl{border: 4px #56b2e9 solid;
	padding: 8px 20px;text-align: center;}
.final_dl h4{font-size: 19px; color:#c6161e;}
.final_dl span{font-size: 20px; font-weight: bold;color:#0494e9;border: 1px solid #0494e9;padding: 2px 5px;margin: 0 2px;}

.ending{border: 18px #56b2e9 solid;
	font-size: 16px;padding: 35px;
	display: flex;justify-content: center;}
.ending div{width: 98%;}
.ending h2{margin-bottom: 18px;text-align: center;}


.howto_login_box{width: 80%;margin:20px auto;
	display: flex;flex-direction: column;align-items: center;
	background-color:#C1C1C1;color: #232323;border: 2px solid #6F6F6F; font-size: 14px;font-weight: bold;}
.howto_login_box a{display: inline-block;}
.howto_login_box p{margin: 20px 2vw;}
/***topics_end***/

/**aisatsu**/
.aisatsu{margin: 2em auto;width:90%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.aisatsu dt {line-height: 2.6em;font-size: 19px;text-indent: 1.5em;color:#147BC1}
.aisatsu dd {font-size: 19px;line-height: 2.6em;text-indent: 15px;padding-bottom: 10px;}

.aisatsu_top{float:left;margin: 0 2em 0 0;text-align:left;width: auto;} 
.aisatsu_top img{width:250px!important;}
/**aisatsu_end**/

/**program**/
.pro{display: block;width: 98%;margin: 0 auto;}
.proi_Lcategory{text-align: left; background: #D8D8D8 ;padding:5px;margin:20px 0 5px 0;border:1px solid #949494;display: block;width: 96%;}
.proi_Mcategory{text-align: left; color: #000000;padding:5px 5px 20px 5px;margin:10px 0 5px 0;border:1px solid #949494;display: block;width: 96%;}
.proi_no{font-size:14px;margin-left: 5px; color:#535353}
.proi_nosub{font-size:14px;margin-left:5px; color:#535353;margin-bottom: 15px}

.shikaku{font-size:13px;margin:0 10px 0 0;color: #143088;line-height: 30px;padding:3px 3px 2px 3px;font-weight: normal;border: 1px solid #143088;}

.proi_title0{font-size:18px;margin: 15px 0 0 5px;color: #143088;line-height: 50px!important;font-weight: bold;}
.proi_title{font-size:18px;margin:20px 0px 0px 5px ;color: #143088;line-height: 28px;font-weight: bold;}
.proi_title2{font-size:15px!important;margin:15px 0px 0px 5px;color:#4c65b4;line-height: 23px;font-weight: bold;}
.proi_title3{font-size:14px!important;margin:-8px 0 5px 0; margin-left: 30px;color:#4c65b4;line-height: 18px;font-weight: bold;}

.proi_titlesub{font-size:18px;margin-left: 0px!important;color: #143088!important;line-height: 28px;padding:0px 0px;font-weight: bold;}
.proi_user{font-size:13px!important;margin:3px 0px;margin-left: 20px;}
.proi_kigyo{font-size:13px!important;margin:0px 0px;text-align: right; color:#535353}
.proi_subtitle{font-size:15px;margin:0px 0px 0px 35px;color:#042466;padding-top: 10px;text-indent: -2em;}

/**program_end**/

/**par**/
.partable01{ width: 97%; border-collapse:collapse;line-height:22px; }
.partable01 th{ padding: 9px; border: 1px solid #ddd; background: #f4f4f4; width: 97%;display: block;text-align:left; font-weight:normal;font-size:13px;color:#464646}
.partable01 td{ padding: 10px 9px; border: 1px solid #ddd; width: 97%;display: block;font-size:15px;text-align:left; }
.jizen{background-color: #1B32B7;padding:2px 8px;text-align: center;margin: 0px 20px;color: #FFFFFF;font-size: 12px;border-radius: 8px;}
.toujitu{background-color: #BF1F22;padding:2px 8px;text-align: center;margin: 0px 20px;color: #FFFFFF;font-size: 12px;border-radius: 8px;}

.furikomi1{display: block;background: #C5272A;width: 50%;color: #fff;text-align: center;margin: 0!important;padding:10px 15px 0 0;}
.furikomi2{fdisplay: block;ont-size: 25px!important;padding: 20px 15px!important;background:#ffffff;border: dotted 1px #ccc;}

.gaiyou{ font-size: 16px; line-height: 23px; border-collapse:collapse; width:97%; margin-bottom:10px; }
.gaiyou th{display: block;font-size: 16px;  font-weight: normal; text-align: left;  padding: 7px 15px;  width:97%;  color:#3F3F3F;vertical-align: top;border: 1px solid #CCCCCC;background: #F9F9F9;}
.gaiyou td{ display: block;font-size: 16px; padding: 7px 15px; vertical-align: top;border: 1px solid #CCCCCC;text-align: left;background: #ffffff;width:97%;}
.gaiyou dt{padding:0px;}
.gaiyou dd{padding:0px; margin:0px;font-size: 16px;}

.red_character{color: red; font-weight: bold;}
/**par_end**/

/**link**/
.link{display: block;width:90%; padding: 1em 0;margin:0 auto;}
.link li{list-style: none;border-bottom: 1px dotted #ccc;}
.link li a{text-decoration: none;color: #212121;padding: 1em;display: block;}
.link li a:hover{color: #C42A2C;}
/**link_end**/

/**reg**/
.gakkai_list{ width: 97%; border-collapse:collapse;line-height:22px; }
.gakkai_list th{ padding: 9px; border: 1px solid #ddd; background: #eee; width: 97%;display: block;text-align:left; font-weight:normal;font-size:13px;color:#464646}
.gakkai_list td{ padding: 10px 9px; border: 1px solid #ddd; width: 97%;display: block;font-size:15px;text-align:left; }

.gakkai_list2{ width: 97%; border-collapse:collapse;line-height:22px; }
.gakkai_list2 th{ padding: 9px; border: 1px solid #ddd; background: #eee; width: 97%;display: block;text-align:left; font-weight:normal;font-size:13px;color:#464646}
.gakkai_list2 td{ padding: 10px 9px; border: 1px solid #ddd; width: 97%;display: block;font-size:15px;text-align:left; }

.gakkai_list3{ width: 97%; border-collapse:collapse;line-height:22px; }
.gakkai_list3 th{ padding: 9px; border: 1px solid #ddd; background: #eee; width: 97%;display: block;text-align:left; font-weight:normal;font-size:13px;color:#464646}
.gakkai_list3 td{ padding: 10px 9px; border: 1px solid #ddd; width: 97%;display: block;font-size:15px;text-align:left; }

.reg_ul {margin-left: 2em;font-size: 14px;}
.reg_ul li {	}
.reg_ol {margin-left: 2em;font-size: 14px;}

.ball{background-image: linear-gradient(to top, #4BB355 0%, #17489D 100%);color: #fff;padding:25px 10px;border-radius: 50%;font-size: 11.5px;font-weight: bold;text-align: center;}
.scheduletitle{font-size: 25px;font-weight: bold;color:#0B6A7F;}
.schedule{display: block;width: 100%;margin: 0 auto;}
.scheduletr{display: block;width:99%;border-collapse: collapse;}
.scheduleth{display: block;width:98%;border:none;padding:10px;vertical-align: middle;font-size: 16px;}
.scheduletd{display: block;width: 88%;border-bottom:3px solid #ccc;padding:10px 0px 20px 15px;vertical-align: middle;font-size: 15px;margin: 0 auto;}
.schedule02{display: inline-block;border-top: 20px solid #F0897F;border-right: 30px solid transparent;border-bottom: 15px solid transparent;border-left: 30px solid transparent;margin:20px 0 0 0;text-align:center;}

.regtable{width: 100%;}
.regtable th{width: 25%;text-align: center;}
.regtable td{padding-left:0.5em;line-height: 1.5em;}

.regdw , .posterdw{display: block;width: 80%;margin: 1em auto;font-size: 16px;font-weight: bold;border-radius: 15px;text-align: center;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.6);}
.regdw a , .posterdw a{display: block; padding: 1em;text-decoration: none;border-radius: 15px;color: #fff;}
.regdw a:hover , .posterdw a:hover{background: #D94244;}
.colorgreen01{background: #3E8457!important}
.colorgreen02{background: #189389!important}
.word{background:#185ABD!important;}
.pdf{background:#B9242D!important;}

.regjitai{display: block;width: 98%;margin: 10px 0;}
.regjitai th{display: block;width: 98%;text-align: center;padding-top:15px;}
.regjitai td{display: block;width: 98%;text-indent: 0;}

.text-line {
	display: flex;
	align-items: center;
}

.text-line:before,
.text-line:after {
  content: "";
  flex-grow: 1;
  height: 1px; /* 線の太さ */
  background: red; /* 線の色 */
  margin:0 .8em; /* 文字と線の余白 */
}


/**reg_end**/

/***footer***/
#footer{background:#b5b5b5;color:#2E2E2E;padding: 3em 0;margin-top:3em;}
.footerlogo{width: 90%;float: none;margin:0 auto;}
.add{width:90%;float:none;margin: 0 auto;font-size: 14px;}
/***footer_end***/

@media print {
	
 #header{display: none;}
	
}