@charset "UTF-8";

article a{
	text-decoration:underline;
}
article a:hover{
	text-decoration:none;
}
/*-------------------------kijititle*/
.kijititle{
	font-size:30px;
	height:100px;
	font-weight:bold;
	color:#FFF;
	background:url(images/pagetitle.png) no-repeat;
	display:flex;
	align-items:center;	
	line-height:1.33;
	padding:0 30px;
	letter-spacing:1px;
}
.kijititle a{
	text-decoration:none;
	float:right;
	background:#FFF url(images/ya.png) right 10px center no-repeat;
	color:#000;
	font-size:20px;
	letter-spacing:0;
	padding:0 40px 0 20px;
	border-radius:5px;
	box-shadow: 0 3px rgba(0,0,0,0.2);
	position:relative;
}
.kijititle a:hover{
	background-color:#E6E6E6;
	box-shadow:none;
	top:3px;
}
@media screen and (max-width: 739px) {
	.kijititle{display:block;height:auto;font-size:21px;line-height:30px;padding:10px;background:#009E2E;text-align:center;letter-spacing:0;}
	.kijititle a{float:none;display:block;width:240px;font-size:18px;padding:3px 15px 3px 3px;margin:5px auto;}
}
/*-----------------------------------------------------------------------------------------------------article*/
article h2{
	font-size:22px;
	line-height:36px;
	font-weight:bold;
	color:#009E2E;
	margin-bottom:10px;
}
article h3{
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	background:#555555;
	padding:5px 15px;
	color:#FFF;
	margin-bottom:-1px;
	position:relative;
}
article h4{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:3px;
}
article p{
	font-size:16px;
	line-height:1.875;
}
article em{
	font-weight:bold;
}
/*▼▼▼739px以下▼▼▼*/
@media screen and (max-width: 739px) {
	article h2{font-size:20px;line-height:30px;}
	article h3{font-size:18px;line-height:25px;}
	article h4{font-size:16px;}
}
/*▲▲▲739px以下▲▲▲*/
/*-------------------------table*/
article table{
	width:100%;
	margin:5px 0;
}
article th,
article td{
	padding:10px 20px;
	border:1px solid #CCCCCC;
	line-height:25px;
	font-size:16px;
}
article th{
	background:#F1F1F1;
	white-space:nowrap;
	font-weight:bold;
	color:#000;
	text-align:center;
}
article table.center td,
article td.center{
	text-align:center;
}
@media screen and (max-width: 739px) {
	article th,article td{padding:10px 5px;}
}
/*-------------------------size(スマホのときに横スクロール) */
@media screen and (max-width: 767px) {
	table.size{display:block; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch;}
}
/*-------------------------wauto*/
table.wauto{
	width:auto;
}
table.size-s th,table.size-s td{
	font-size:14px;
	padding:5px 8px;
}
/*-------------------------table_list*/
.table_list th{
	width:30%;
}
@media screen and (max-width: 639px) {
	.table_list tr{display: block;border:1px solid #CCC;margin-bottom:-1px;}
	.table_list th,.table_list td{display: list-item;padding:5px 10px;}
	.table_list th{white-space:normal;border:none;}
	.table_list td{border:none;}
	.table_list th{width:auto;}
}
/*-----------------------------------------------------------------------------------------------------parts*/
.area{
	padding:40px 0;
}
.sya{
	background:url(images/sya.png) top repeat-x;
	padding-top:10px;
}
.box{
	border:3px solid #DCDCDC;
	padding:30px;
	margin-top:10px;
}
.waku{
	border:1px solid #CCC;
	padding:20px 25px;
}
.title21{
	font-weight:bold;
	font-size:21px;
	line-height:1.5;
	margin-bottom:5px;
}
@media screen and (max-width: 739px) {
	.area{padding:30px 15px 30px 15px;background:none;border-top:3px solid #CCC;}
	.sya{background-size:6px 5px;padding-top:5px;}
	.box{margin:0;border:none;padding:20px 15px;}
	.waku{padding:15px;}
	.title21{font-size:18px;margin-bottom:3px;}
}
/*-------------------------img_r*/
@media print, screen and (min-width: 768px) {
.img_r{float:right;margin:0 0 20px 20px;}
}
@media screen and (max-width: 767px) {
.img_r{margin:15px 0;}
}
/*-------------------------kome*/
.kome{
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5;
}
.kome + .kome{
	margin-top:0.5em;
}
/*-------------------------maru*/
.maru{
	padding-left:1em;
	text-indent:-1em;
}
.maru::before{
	content:"●";
	color:#FF8C00;
	font-family:serif;
}
/*-------------------------btn*/
#contents .btn{
	display:inline-block;
	padding:10px 15px;
	background:#FF8C00;
	border-bottom:3px solid #C77E00;
	border-radius:5px;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#contents .btn:hover{
	filter:brightness(90%);
	margin-top:3px;
	border:none;
}
@media screen and (max-width: 739px) {
	#contents .btn.sp_fs16{font-size:16px;}
}
/*-------------------------btn*/
#contents a.btn_s{
	display:inline-block;
	background:#007AC4 url(images/ya_w.svg) left 0.5em center no-repeat;
	border-radius:5px;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	line-height:1.5;
	padding:5px;
	text-align:center;
	min-width:160px;
}
.btn_s:hover{
	filter:brightness(120%);
}
/*-----------------------------------------------------------------------------------------------------utility*/
.bold{
	font-weight:bold;
}
@media print, screen and (min-width: 740px) {
	.sp{display:none;}
}
@media screen and (max-width: 739px) {
	.pc{display:none;}
}
.bt0{border-top:none;}
.tx_k{color:#000;}
.tx_ind-1{margin-left:1em;text-indent: -1em;}
.tx_ind-2{margin-left:2em;text-indent: -2em;}
.bg_blue{background:#0DA1B0;}
.ml20{margin-left:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.pt20{padding-top:20px;}
.ls0{letter-spacing:0;}
.center{text-align:center;}
.fs14{font-size:14px;}
.flex{display:flex;}
.shr0{flex-shrink:0;}
.gap30{gap:30px;}
@media print, screen and (min-width: 740px) {
	.pc_fs26{font-size:26px;}
	.pc_ml-a{margin-left:auto;}
	.pc_ord1{order:1;}
}
@media screen and (max-width: 739px) {
	.sp_column{flex-direction:column;}
}


/*-----------------------------------------------------------------------------------------------------リカレント講座*/
/*-------------------------kouza*/
.kouza{
	border:1px solid #CCC;
	padding:15px 20px;
	margin-bottom:-1px;
}
.kouza p{
	line-height:1.5;
}
.kouza a{
	display:block;
	text-decoration:none;
	color:inherit;
	font-weight:inherit;
	margin:-15px -20px;
	padding:15px 20px;
	background:url(images/ya.svg) right 8px center no-repeat;
}
.kouza a:hover{
	background-color:#FFFFCC;
}
.kouza a.disable{background:none;cursor:default;pointer-events:none;}
.kouza .name{
	font-size: 21px;
	font-weight:bold;
	text-decoration:none;
	color:#009E2E;
}
.kouza .text{
	font-size: 16px;
	margin:3px 0;
}
.kouza .data{
	font-size:0;
}
.kouza .data span{
	font-size:14px;
	display:inline-block;
	text-indent:-55px;
	padding-left:55px;
	margin:5px 12px 0 0;
}
.kouza .data span::before{
	font-size:13px;
	content:"";
	background:#666;
	color:#FFF;
	display:inline-block;
	width:50px;
	text-align:center;
	text-indent:0;
	margin-right:5px;
	border-radius:5px;
}
.kouza .data span.taisyo::before{content:"対象者";background:#FF8C0A;}
.kouza .data span.ryokin::before{content:"受講料";}
.kouza .data span.date::before{content:"日 時";}
.kouza .data span.basyo::before{content:"実施校";}
@media screen and (max-width: 739px) {
	.kouza{padding:10px 15px;}
	.kouza a{margin:-10px -15px;padding:10px 15px;}
	.kouza .name{font-size: 18px;}
	.kouza .data span{display:block;}
}