@charset "utf-8";

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

/**pagetop**/
#page-top {position: fixed;bottom: 20px;right: 20px;font-size: 77%;}
#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;}
/**pagetop_end**/

.wrapper{max-width: 100%;margin:0;padding: 0;}
.contents{display:block; margin:0 auto; width:100%; max-width:1024px; padding-left: 10px;padding-top：30px;}
.contents h2{text-align: center;margin: 50px 0px}
h1{font-size: 40px; line-height: 2em; padding:30px 10px;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;}

.pcopen{display: block;height: 100px;}
.pcopen img{width: auto;}
.pcopen_top{display: block;background-image: url(../img/pc_mainback.png);height: 550px;background-size: contain;background-repeat:no-repeat}
.pcopen img{width: auto;}

.sfopen{display: none;}

.resizeimage img{}

.normal{margin: 2em auto 1em auto;}
.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: 80%;margin: 0 auto;}
.centerdl dt{font-size: 13.5px;}
.centerdl dd{font-size: 13.5px;margin: 0 1em;text-indent: -1em;}

.newstitle{position: relative;font-size: 25px;font-weight: bold;margin:0 0 1em 0;padding:20px 0;width: 100%;text-indent: 3em; 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;}

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

/**header**/
#header{display: block;width: 100%; display: flex;
    padding: 0px 0px;
    position: fixed;
    justify-content: space-between;
    transition: .5s;
    width: 100%;background: #FFFFFF}
#header ul{display:table;list-style: none;width: 100%;margin: 0;background: #FFFFFF}
#header ul li{display: table-cell;width: 80px;text-align: center;vertical-align: middle;border:0px solid #eee;border-collapse: collapse;font-weight: bold;font-size: 14px;border-bottom:0px solid #68AD94;}
#header ul li a{text-decoration: none;color: #323232;display: block;padding: 5px 5px;}
#header ul li a:hover{background:#68AD94;color: #fff;transition: 0.4s;}
/**header_end**/

/**menubox**/
.menubox{background-color:#0192E9;border-bottom:1px solid #eee;display: block;height: 150px;}
.menubox ul{width:77%;margin:0 auto;padding: 0;}

.menubox ul li{float:left;border-right:0px solid #eee;background-color:#0192E9;width: 16.5%;text-align: center;padding: 25px 0;margin: 0;z-index: 1;cursor: pointer;padding:0;list-style: none;height: 150px;}
.menubox ul li a{text-decoration: none;color: #fff;display: block;padding: 45px 0;}

.menubox ul li h2{font-size: 16px;}
.menubox ul li:first-child{border-right:0px solid #eee;border-left:0px solid #eee;}
.menubox img{width: 40px;margin-bottom:10px;}

.half{width:100%;margin:50px auto;height:300px;overflow:hidden;display: table;}
.menuhalfbox{display: table-cell;width:50%;height:235px;padding-top:65px;overflow:hidden;float:left;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-left:1px solid #eee;margin-right:-1px;background-color: #025577;}
.menuhalfbox h2{font-size:28px;font-weight: bold;color:#fff;}

.button{margin-top:15px;display: inline-block;width: 80%;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: 50%;background:rgba(0,50,100,0.7);margin: 0 auto;padding:10px 0;}
/**menubox_end**/

/**tablecell**/
.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: table;width: 100%;margin:50px 0px}
.con_tablecell01{display: table-cell;width: 50%;}
.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;}
.con_tablecell01 h2{font-size: 26px;font-weight: 400;margin:0 10px 10px 10px;}

.con_tablecell02{display: table-cell;width: 50%;padding: 1em;}
.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: 25%;padding:10px 20px;border-bottom: 1px solid #ccc;font-weight:normal;}
.table01 td{display: table-cell;width: 75%;padding:10px 20px;border-bottom: : 1px solid #ccc;}
/**tablecell_end**/

/***topics***/
.topics{width: 99%; max-width:960px;font-size: 13px; line-height:2em;padding: 20px 10px;margin-right:auto;margin-left:auto;border-collapse: collapse;}
.topics tr{}
.topics th{text-align:center;border-bottom: 1px dotted #CCCCCC; width:20%;font-weight:normal;padding: 10px 10px;}
.topics td{border-bottom: 1px dotted #CCCCCC;padding: 10px 10px;}
.topics td a{color:#0366D6;}

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

.howto_login_box{width: 25%;margin:20px 0px 0px 57vw;
	display: flex;flex-direction: column;align-items: center;
	background-color:#C1C1C1;color: #232323;border: 2px solid #6F6F6F; font-size: 16px;font-weight: bold;}
/***topics_end***/


/**aisatsu**/
.aisatsu{margin: 2em 0;width:100%;background:url("../img/aisatsu_back.png");background-position: right top; background-repeat: no-repeat;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.aisatsu dt {line-height: 2.6em;font-size: 19px;text-indent: 1.5em;width: 65%;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: table;}
.proi_Lcategory{text-align: center;color:#1B1E32;background: #eee; padding:15px;border:1px solid #CCCCCC;display: table-cell; width: 190px!important;  -webkit-box-sizing: border-box;}
.proi_Mcategory{ text-align: left; color: #000000;padding:0 15px 15px;border:1px solid #CCCCCC;display: table-cell; width: 820px;}

/*.proi_Mcategory dl:nth-child(1n){margin-top: -30px!important;}*/
.proi_no{font-size:14px;margin-left: 5px; color:#535353}
.proi_nosub{font-size:14px;margin-left: 5px; color:#535353;margin-bottom: 15px}

.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: 30px 0 0 5px;color: #143088;line-height: 50px!important;font-weight: bold;}
.proi_title2{font-size:16.5px!important;margin: 28px 0 0 5px;line-height: 40px!important;font-weight: bold;}
.proi_title3{font-size:14px!important;margin:-5px 0 0 50px;color:#4c65b4;line-height: 20px;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 7px 0;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**/

/**info**/
.info{}
.info dt{margin: 10px 0;}
.info dd{margin-left: 20px; text-indent: 1.5em;text-indent: 0em;}
/**info_end**/

/**nintei**/
.ninteibutton1 , .ninteibutton2{display: block;width: 40%;margin: 1.5em 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);}
.ninteibutton1 a , .ninteibutton2 a{display: block; padding: 1em;text-decoration: none;border-radius: 15px;color: #fff;}
.ninteibutton1 a:hover , .ninteibutton2 a:hover{background: #D94244;}
.ninteibutton1{background: #D39D9E;}
.ninteibutton2{background: #275687;}
/**nintei_end**/

/**link**/
.link{display: block;width: 80%; padding: 1em 0;margin-left: 2em;}
.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**/

/**par**/
.partable01{display: table;width: 80%;border-collapse: collapse;margin: 1em auto;}
.partable01 th{display: table-cell;width: 40%;padding: 1em;border: 1px solid #ccc;font-weight: normal;}
.partable01 td{display: table-cell;width: 60%;padding: 1em;border: 1px solid #ccc;}

.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;}

.partable02{}
.partable02 th{}
.partable02 td{}
.furikomi1{display: block;background: #C5272A;width: 150px;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{display: table;font-size: 16px; line-height: 23px; border-collapse:collapse;width:98%; margin:10px auto; }
.gaiyou th{display: table-cell; font-size: 16px;  font-weight: normal;text-align: center; padding: 7px 0;color:#3F3F3F;vertical-align: middle;border: 1px solid #CCCCCC;background: #F9F9F9;width:20%;}
.gaiyou td{display: table-cell;font-size: 16px; padding: 7px 20px; vertical-align: top;border: 1px solid #CCCCCC;text-align: left;background: #ffffff;width:70%;}
.gaiyou dt{padding:0px;}
.gaiyou dd{padding:0px; margin:0px;font-size: 16px;}

/**par_end**/

/**reg**/
.gakkai_list {display: table;width: 100%;max-width: 1200px;border-collapse: collapse;line-height:2em;margin:1.5em 0 3em 0;}
.gakkai_list th {display: table-cell;padding: 10px;border: 1px solid #ddd;background: #eee;width: 25%;text-align: left;font-weight: normal;font-size: 17px;color: #464646}
.gakkai_list td {display: table-cell;padding: 10px;border: 1px solid #ddd;background: #FFFFFF;font-size: 17px;}

.gakkai_list2 {display: table;width: 100%;max-width: 1200px;border-collapse: collapse;line-height:2em;margin:1.5em 0 3em 0;}
.gakkai_list2 th {display: table-cell;padding: 10px;border: 1px solid #ddd;background: #eee;width: 25%;text-align: left;font-weight: normal;font-size: 17px;color: #464646;text-align: center;}
.gakkai_list2 td {display: table-cell;padding: 10px;border: 1px solid #ddd;background: #FFFFFF;font-size: 17px;width: 30%;}

.gakkai_list3 {display: table;width: 100%;max-width: 1200px;border-collapse: collapse;line-height:2em;margin:1.5em 0 3em 0;}
.gakkai_list3 th {display: table-cell;padding: 10px;border: 1px solid #ddd;width: 21%;text-align: left;font-weight: normal;font-size: 17px;color: #464646;text-align: center;}
.gakkai_list3 td {display: table-cell;padding: 10px;border: 1px solid #ddd;background: #FFFFFF;font-size: 17px;width: 40%;}

.ball{background-image: linear-gradient(to top, #4BB355 0%, #17489D 100%);color: #fff;padding:31px 15px;border-radius: 50%;font-size: 13.5px;font-weight: bold;text-align: center;}
.scheduletitle{font-size: 25px;font-weight: bold;color:#0B6A7F;}
.schedule{display: block;width: 99%;margin: 0 auto;}
.scheduletr{display: table;width: 100%;border-collapse: collapse;}
.scheduleth{display: table-cell;width: 40%;border-bottom:3px solid #ccc;padding:10px 10px 30px 10px;vertical-align: middle;font-size: 16px;}
.scheduletd{display: table-cell;width: 50%;border-bottom:3px solid #ccc;padding:10px 10px 30px 10px;vertical-align: middle;font-size: 15px;}
.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:1em;line-height: 1.5em;}

.regdw , .posterdw{display: block;width: 50%;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;}

.regjitai{display: table;width: 98%;margin: 10px 0;}
.regjitai th{display: table-cell;width: 25%;text-align: center;padding-top:0;}
.regjitai td{display: table-cell;width: 70%;text-indent: 0;}
/**reg_end**/

/***footer***/
#footer{background: #F1F1F1;color:#000000;padding: 2em 0;margin-top:0em;text-align: center}
.footerlogo{margin:20px 50px;text-align: center}
.add{margin: 0 50px;font-size: 14px;}
/***footer_end***/

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