@charset "UTF-8";
/*--------------------------------------------------------------- 
			各ページ固有の指定
--------------------------------------------------------------- */

/* page-aisatu
--------------------------------------------------------------- */
#page-aisatu img {
	max-width: 150px;
	margin-right: 2em;
}
#page-aisatu section{
	padding: 2em 0 3em;
	border-bottom: 1px dashed #ccc;
}
#page-aisatu section:first-child{
	padding-top: 0;
}
#page-aisatu section:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
#page-aisatu .flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 2em;
	padding: 0 0.5em;
}

@media screen and (max-width: 768px){
	#page-aisatu img {
		max-width: 135px;
		margin: 0;
	}
	#page-aisatu .flex {
		display: block;
		text-align: center;
	}
}

#page-aisatu p {
	padding-bottom: 1em;
}
#page-aisatu .area-aisatuName {
	font-size: 103%;
	line-height: 180%;
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin: 2em 0 0;
	text-align: left;
}
#page-aisatu .area-aisatuName p {
	text-indent: 0;
	margin-bottom: 0;
}
#page-aisatu .area-aisatuName img {
	border: #CACACA solid 1px;
}
#page-aisatu .area-aisatuName .aisatuName-gakkai {
	font-size: 102%;
	/*font-weight: bold;*/
	color: #333;
	margin-top: 6.8em;
	margin-bottom: 0.3em;
}
#page-aisatu .area-aisatuName .aisatuName-name {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 2px;/*padding-right: 0.5em;*/
}
#page-aisatu .area-aisatuName .aisatuName-shozoku {
	line-height: 120%;
	margin-top: 0.5em;
}
#page-aisatu .img-float {
	text-indent: 0;
	margin: 0 0.5em 0.5em 1em;
}
#page-aisatu strong {
	font-size: 110%;
}

/* page-gaiyo
--------------------------------------------------------------- */
#page-gaiyo {
	h4 + p{
		padding-left: 20px;
	}
}

/* #page-endai
--------------------------------------------------------------- */
#page-endai h5 {
	color: #211B96;
	text-indent: -1.5em;
	padding-left: 1.5em;
	border-bottom: dashed 1px #DFCED2;
	margin-top: 1.7em;
}
#page-endai h5:before {
	border: none;
}

#page-endai.pageInr .count p{ margin:  0 1em 0 2.5em;}
#page-endai.pageInr .count .areaChui p{margin: 0;}
#page-endai.pageInr .count .areaChui h5 {padding-left: 50px !important;}
#page-endai.pageInr .count ul {
	margin: 0.8em 0.8em 0.8em 2.8em;
}

#page #page-endai ul li {
	margin-bottom: 0.2em;
	margin-left: 0;
	list-style-type: none;
}
#page #page-endai ul.list li {
	margin-bottom: 0.5em;
}

#page-endai a.red2{
	color:#d80000;
}

#page-endai .endai_kouza {
	background-color: #F0F4F7;
	border: solid 2px #CBDDE4;
	width: 50%;
	margin:  1em 2em;
	padding: 0 1em;
}
#page-endai .endai_kouza dt {
	margin-bottom: 0.3em;
}
#page-endai .endai_kouza dd {
	line-height: 1.7;
	margin-left: 0.5em;
	margin-bottom: 0;
}

@media screen and (max-width: 768px){
	#page-endai .endai_kouza,
	#page-endai .areaChui{
		width: auto;
		margin: 1em;
	}
	#page-endai .encyo{
		display: block;
		padding-left: 9.6em;
	}
}

#page-endai .kikan {
	font-weight: bold;
	margin: 0.8em;
	font-size: 120%;
	color: #E43F3F;
}
#page-endai .kikan dt {
	font-size: 90%;
	color: #000000;
}
#page-endai .kikan dd {
	padding-left: 2em; 
}

/**/


/* #page-sanka
--------------------------------------------------------------- */
#page-sanka .kikan {
	font-weight: bold;
	margin: 0.8em;
	color: #E43F3F;
	font-size: 118%;
}
#page-sanka .tbl-ptn1 th {
	/*text-align: left;*/
	font-weight: bold;
}
/** 角丸テキストボタン：box **/
#page-sanka .areaBtn-rc-box {
	width: 60%;
	text-align: center;
	padding: 1em;
	margin: auto;
}
#page-sanka .areaBtn-rc-box a {
	display: block;
	font-size: 110%;
	line-height: 140%;
	color: #FFF !important;
	text-decoration: none;
	background-color: #ef763d;
	border-radius: 5px;
	border: 3px solid #ffcc62;
	/* box-shadow */
/*box-shadow:0px 1px 1px 1px #222222;
-moz-box-shadow:0px 1px 1px 1px #222222;
-webkit-box-shadow:0px 1px 1px 1px #222222;*/
	margin: 5px;
	padding: 0.8em 1.5em;
}

@media screen and (max-width: 768px){
	#page-sanka .areaBtn-rc-box  {
		width: 90%;
	}
}

#page-sanka .areaBtn-rc-box a:hover {/*---透明度の変更は、3行の数値をそれぞれ変更すること*/
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
	transition: 0.5s ease-in-out;
}


/* #page-program
--------------------------------------------------------------- */
#page #page-program .idx ul li{
	list-style-type: square;
	color: #597DBF;
}
#page-program .idx{
	border: solid 2px #cccccc;
	border-radius: 10px;
	padding: 0.5em 1em;
}
#page-program .idx ul{
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0;
}
#page-program .idx ul li{
	list-style-type: square;
	width: 45%;
	margin-bottom: 0.3em;
	margin-left: 2em;
}
#page-program .idx_ttl{
	margin-top: 1.5em;
	padding: 0.2em 1em;
	background-color: #eeeeee
}
#page-program .ttl{
	margin: 3em 0 1.5em;
	padding: 0.2em 1em;
	font-size: 150%;
	font-weight: bold;
	background-color: #222233;
	color: #ffffff;
}

#page-program h3 {
	margin-top: 2em;
	position: relative;
	letter-spacing: 0;
	margin-bottom: 0.1em;
}
#page-program h3 .date {
	font-size: 75%;
	letter-spacing: 0;
	position: absolute;
	right: 10px;
	bottom: 0.2em;
	display: block;
}
#page-program h3.two {height: 2.7em;}
#page-program .place{
	padding: 0.3em 0.9em;
	border-bottom: dotted 3px #D6EAF7;
	text-align: right;
}
#page-program h4 {
	margin-top: 1em;
}
#page-program h5 {
	border-bottom: none;
}

/* dl左右2段 */
#page-program dl {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin:  0.5em;
}
#page-program dl dt,
#page-program dl dd {
	display: block;
	margin: 0 0 0.5em;
	padding: 0.05em 0.3em;
}
#page-program dl dt {
	width: 3.2em;
	clear: left; /* 環境別での表示崩れを防ぐ */
	float: left;
/*	background: #D1DFE8;
	text-align: center;
	margin-right: 0.5em;*/
}
#page-program dl.wide dt{width: 4.2em;}

#page-program dl dd {
	width: 90%;
	float: left;
	text-align: left;
}
#page-program dl.wide dd {width: 85%;}

#page-program .flex_box{
	display: flex;
	flex-wrap: nowrap;
}
#page-program .box_left{
	width: 80%;
}
#page-program .box_left dl dd {
	width: 87%;
}
#page-program .box_right{
	width: 20%;
	padding: 1.3em 1.3em 0 1em;
	text-align: center;
}
#page-program .box_right img{
	width: 150px;
}

#page-program .areaBtn-rc a{
	width: 20%;
}

@media screen and (max-width: 768px){
	#page-program h3{
		height: 2.8em;
	}
	#page-program h3 .date {
		font-size: 70%;
	}
	#page-program h3.two {
		height: 4em;
	}
	#page-program .idx ul li{
		width: 40%;
		margin-bottom: 0.8em;
	}
	#page-program .areaBtn-rc a{
		width: 50%;
	}
	#page-program .flex_box{
		display: block;
	}
	#page-program .box_left{
		width: 100%;
	}
	#page-program .box_right{
		width: 100%;
		padding: 0
	}
	#page-program .box_left dl dd,
	#page-program dl dd {
		width: 82%;
	}
}

/*-- 65endai --*/



/*---*/
#page-program .session{
	display: flex;
	justify-content: center;
	align-items:stretch;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#page-program .session div{
	width: 42%;
	margin: 0.5em 1em 0.8em 0;
}
#page-program .session a{
	display: inline-block;
	font-family: Arial, Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "游ゴシック", YuGothic, Osaka, sans-serif;
	/*line-height: 120%;*/
	color: #FFF !important;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.1em;
	background: #419AA7;
	border: 3px solid #BEDBDE;
	border-radius: 5px;
	padding: 0.5em 0.8em;
}
#page-program .session a.pdf:after {
	content: "";
	background: url(../img/icon_pdf_w.svg) no-repeat bottom right;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 7px;
}
#page-program .session div a{ width: 85%;}
#page-program .session a:hover {/*---透明度の変更は、3行の数値をそれぞれ変更すること*/
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}

@media screen and (max-width: 768px){
	#page-program .session div.wide{
		width: 30%;
	}
}

/* #page-zacho_enja
--------------------------------------------------------------- */
#page-zacho_enja h5 {
	color: #211B96;
	text-indent: -1.5em;
	padding-left: 1.5em;
	border-bottom: dashed 1px #DFCED2;
	margin-top: 1.7em;
}
#page-zacho_enja h5:before {
	border: none;
}
#page-zacho_enja.pageInr .count p{ margin:  0 1em 0 2.5em;}
#page-zacho_enja.pageInr .count .areaChui p{margin: 0;}
#page-zacho_enja.pageInr .count .areaChui h5 {padding-left: 50px !important;}
#page-zacho_enja.pageInr .count ul li{
	list-style: disc;/*commonにあり（差新規時には削除する）*/
	text-indent: 0;/*commonにあり（差新規時には削除する）*/
	padding-left: 0;/*commonにあり（差新規時には削除する）*/
	margin-bottom: 0.5em;
}
#page-zacho_enja.pageInr .count ul{
	margin: 1em 0.8em 1em 1.8em;
}
#page-zacho_enja.pageInr .count ul li p{
	margin: 0;
}

#page-zacho_enja.pageInr .count ol li{
	list-style: none;
	text-indent: -1.2em;
	padding-left: 1em;
	margin-bottom: 0.8em;
}
#page-zacho_enja dl{
	display: flex;
	flex-wrap: wrap;
	margin: 1em 1.8em;
}
#page-zacho_enja dl dt{width: 25%; font-weight: normal;}
#page-zacho_enja dl dd{width: 75%;}

@media screen and (max-width: 768px){
	#page-zacho_enja dl dt,
	#page-zacho_enja dl dd{
		width: 50%;
	}
}



/* #page-sankasha 
--------------------------------------------------------------- */
#page #page-sankasha ol li {
	margin-bottom: 1em;
	margin-left: 1.5em;
	list-style-type: upper-alpha;
}
#page-sankasha section dl dt{
	font-weight: normal;
}
#page-sankasha section dl dd{
	margin: 0 0.5em 0.5em 2.5em;
}
#page-sankasha section p{
	margin: 0 1em;
}
#page-sankasha .sankasha-kikan {
	font-weight: bold;
	margin: 1em;
	color: #E43F3F;
	font-size: 106%;
}
#page #page-sankasha ul li {
	list-style-type: disc;
/*	margin-left: 0 !important;*/
	margin-bottom: 0.3em;
}
#page #page-sankasha ul.none li{
	list-style: none;
	text-indent: -2.7em;
	padding-left: 1em;
}

#page #page-sankasha ul.number li {
	text-indent: -1.25em;
	padding-left: 1.25em;
	padding-bottom: 1em;
}
#page-sankasha .txt-under{
	text-decoration: underline;
}

#page #page-sankasha table.tbl-ptn1 {
	margin-top: 1em;
	width: 98%;
}
#page-sankasha section span,
#page-sankasha ul li span{
	padding: 2px 5px;
	border: solid 1px #333;
}

/**/



/* #page-kyosan
--------------------------------------------------------------- */
#page-kyosan .areaBtn-rc a {
	min-width: 100px;
}

#page #page-kyosan ul {
	/*overflow: hidden;*/ /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	/*zoom: 1;*/ /* for IE6 */
	margin: 1.5em 1em 1em 0;
}
#page #page-kyosan ul li {
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 1em;
	position: relative;
}

#page-kyosan ul li:before {
    border: solid 3px #597DBF;
    content: "";
    height: 3px;
    width: 3px;
    left: 0;
    position: absolute;
    top: 6px;
}
dl.shimekiri {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 1em;
}
dl.shimekiri dt {
    width: 36%;
    margin-bottom: 5px;
    padding-right: 1em;
}
dl.shimekiri dd {
    width: 60%;
    margin-bottom: 5px;
}

/* #page-kigyo
--------------------------------------------------------------- */
#page-kigyo ul {
	display: flex;
	flex-wrap: wrap;
}
#page-kigyo ul li {
	width: 45%;
	line-height: 130%;
	margin-right: 2em;
	margin-bottom: 1.2em;
}
#page-kigyo ul li:nth-child(2n){
	margin-right: 0;
}

@media screen and (max-width: 768px){
	#page-kigyo ul li {
		width: 100%;
	}
}


/* #page-kaijo
--------------------------------------------------------------- */
#page #page-kaijo ul {
	margin: 0;
}
#page #page-kaijo ul li {
	/*background-image: url(../img/icon_dot_list.jpg);
	background-repeat: no-repeat;
	background-position: left center;*/
	list-style-type: none;
	padding: 0 20px;
	font-size: 105%;
	margin-bottom: 1em;
	position: relative;
}
#page #page-kaijo ul li:before {
    border: solid 3px #597DBF;
    content: "";
    height: 3px;
    width: 3px;
    left: 0;
    position: absolute;
    top: 6px;
}


/* #page-syukuhaku
--------------------------------------------------------------- */
#page #page-syukuhaku ul {
	margin: 1.5em 0;
}
#page #page-syukuhaku ul li {
	list-style-type: none;
	padding: 0 20px;
	font-size: 105%;
	margin-bottom: 1em;
	position: relative;
}
#page #page-syukuhaku ul li:before {
    border: solid 3px #597DBF;
    content: "";
    height: 3px;
    width: 3px;
    left: 0;
    position: absolute;
    top: 6px;
}
#page-syukuhaku img{
	margin-left: 0.5em;
}

@media screen and (max-width: 768px){
	#page-syukuhaku img {
		width: 80%;
	}
}


/* link
--------------------------------------------------------------- */
#page #page-link ul {
	margin: 0;
}
#page #page-link ul li {
	/*background-image: url(../img/icon_dot_list.jpg);
	background-repeat: no-repeat;
	background-position: left center;*/
	list-style-type: none;
	padding: 0 20px;
	font-size: 105%;
	margin-bottom: 1em;
	position: relative;
}
#page-link ul li:before {
    border: solid 3px #f44336;
    content: "";
    height: 3px;
    width: 3px;
    left: 0;
    position: absolute;
    top: 6px;
}