/* -------------------------------------------------------------- 
CSS for kyoiku-kensyu.metro.tokyo.jp 201901
-------------------------------------------------------------- */

/* Include
-------------------------------------------------------------- */
@import "reset.css";

/* Default
-------------------------------------------------------------- */
body { font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif; color: #333;}

/* Page 2023.09.19修正
-------------------------------------------------------------- */
body {
	background: #FFFFFF;
}
#wrapper_outer {
	width: 100%;
}
#wrapper {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: auto;
}
#wrapper #container_body {
	position: relative;
	margin: 10px 0;
	width: 1000px;
}
#container_body {
	min-height: calc(100vh - 675px);
}
#container_body.ojt {
	min-height: calc(100vh - 510px);
}
#wrapper #container_body #primary_top {
	float: left;
	width: 690px;
	margin: 0;
	padding: 0;
}
#wrapper #container_body #secondery_top {
	float: right;
	width: 308px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#wrapper #container_body #primary {
	float: right;
	width: 690px;
	margin: 0;
	padding: 0;
}
#wrapper #container_body #secondery {
	float: left;
	width: 308px;
	margin: 0;
	padding: 0;
	text-align: right;
}
/* Common parts
-------------------------------------------------------------- */
a:link {
	color: #2463B0;
	text-decoration: underline;
}
a:visited {
	color: #551A8B;
	text-decoration: underline;
}
a:focus,
a:hover {
	text-decoration: none;
}
.block {
	position: relative;
	width: 100%;
	height: 100%;
	border: solid 1px #595959;
	background-color: #f7f7f7;
	background-image: url("../images/block_bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.button {
	position: relative;
	border: solid 1px #595959;
	border-radius: 4px;
	background-color: #f7f7f7;
	background-image: url("../images/block_bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.button a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	padding-left: 45px;
	background-image: url("../images/button_icon.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.button:focus,
.button:hover {
	opacity: 0.7;
}
.header {
	position: relative;
	background-color: #8a482a;
	background-image: url("../images/header_icon_01.png");
	background-repeat: no-repeat;
	background-position: left top;
}
.header span {
	display: flex;
	width: 80% ;
	width: -webkit-calc( 100% - 30px) ;
	width: calc( 100% - 30px) ;
	height: 100%;
	align-items: center;
	align-self: center;
	padding-left: 30px;
	color: #ffffff;
	font-weight: bold;
	background-image: url("../images/header_icon_02.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.header span a {
	color: #ffffff;
	font-weight: bold;
}
.cat_button h3,
.link {
	position: relative;
	margin-right: 15px;
	padding-left: 15px;
	font-size: 100%;
	line-height: 1.8;
	list-style-type: none;
	text-indent: -14px;
	background-image: url("../images/link_icon.png");
	background-repeat: no-repeat;
	background-position: left 0.5em;
}
.cat_button h3 a,
.link a {
	padding-left: 13px;
}
/* Top page
-------------------------------------------------------------- */
#wrapper #slider_top {
	width: 100%;
	height: auto;
}
#wrapper #container_body #primary_top h2 {
	width: 690px;
	margin-bottom: 6px;
}
#wrapper #container_body #primary_top #info_top {
	margin-bottom: 20px;
}
#wrapper #container_body #primary_top .info_block {
	width: auto;
	height: 212px;
	border-left: solid 9px #55865b;
}
#wrapper #container_body #primary_top .info_block ul.info {
	margin-top: 7px;
	height: 170px;
	width: auto;
	overflow-y: scroll;
}
#wrapper #container_body #primary_top .info_block ul.info li {
	margin-left: 7px;
	font-size: 85%;
	line-height: 1.8;
	list-style-type: none;
}
#wrapper #container_body #primary_top .info_block ul.info li.new span{
	padding-right: 30px;
	background-image: url("../images/new_icon.png");
	background-repeat: no-repeat;
	background-position: right 4px;
}
#wrapper #container_body #primary_top .info_block .information_link {
	position: absolute;
	left: 7px;
	bottom: 7px;
}
#wrapper #container_body #primary_top .info_block .information_link a:focus,
#wrapper #container_body #primary_top .info_block .information_link a:hover {
	opacity: 0.8;
}
#wrapper #container_body #primary_top #carriculum_top {
	margin-bottom: 20px;
}
#wrapper #container_body #primary_top #carriculum_top ul li {
	float: left;
	margin-right: 6px;
	width: 222px;
	height: 45px;
	list-style-type: none;
}
#wrapper #container_body #primary_top #topics_top {
	margin-bottom: 20px;
}
#wrapper #container_body #primary_top .topics_block {
	width: auto;
	border-left: solid 9px #55865b;
}
#wrapper #container_body #primary_top .topics_block ul.topics {
	margin-top: 7px;
	margin-left: 7px;
	margin-bottom: 7px;
	width: auto;
}
#wrapper #container_body #secondery_top .banner_top {
	margin-bottom: 8px;
}
#wrapper #container_body #secondery_top .banner_top a:focus,
#wrapper #container_body #secondery_top .banner_top a:hover {
	opacity: 0.8;
}
#wrapper #container_body #secondery_top .counter_block {
	margin-top: 20px;
	margin-left: 6px;
	margin-bottom: 20px;
	width: 300px;
}
#wrapper #container_body #secondery_top .counter_block_inner {
	border-left: solid 9px #556786;
}
#wrapper #container_body #secondery_top .counter_block .counter {
	height: 90px;
	margin-left: 10px;
	padding-left: 44px;
	background-image: url("../images/counter_icon.png");
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper #container_body #secondery_top .counter_block .counter .counter_cap_1 {
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	color: #595959;
}
#wrapper #container_body #secondery_top .counter_block .counter .counter_number {
	margin: 5px 0;
	height: 40px;
	font-size: 140%;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	color: #ffffff;
	background-color: #595959;
}
#wrapper #container_body #secondery_top .counter_block .counter .counter_number img {
	margin-top: 9px;
}
#wrapper #container_body #secondery_top .counter_block .counter .counter_cap_2 {
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	color: #595959;
}
#wrapper #container_body #secondery_top .counter_block p {
	margin-left: 10px;
	font-size: 70%;
	text-align: left;
}
#wrapper #container_body #secondery_top .counter_block .adobe {
	margin-top: 10px;
	text-align: center;
}

/* Second pages
-------------------------------------------------------------- */
#wrapper #breadcrumb {
	margin-top: 18px;
	width: 100%;
}
#wrapper #breadcrumb ul li {
	float: left;
	margin-bottom: 10px;
	font-size: 90%;
	text-align: left;
	list-style-type: none;
	color: #333333;
}
#wrapper #breadcrumb ul li:before {
	margin-left: 10px;
	margin-right: 10px;
	content: ">";
}
#wrapper #breadcrumb ul li:first-child:before {
	content: none;
}
#wrapper #container_body #primary #rs_contents,
#wrapper #container_body #primary .content_block {
	position: relative;
	margin-left: 38px;
	margin-bottom: 12px;
	text-align: left;
	color: #333333;
}
#wrapper #container_body #primary div.h1 {
	height: 38px;
	margin-bottom: 15px;
	min-height: 38px;
	width: 100%;
	position: relative;
	border-top: solid 1px #595959;
	background-image: url("../images/h1_icon.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #752805;
}
#wrapper #container_body #primary div.h1 h1 {
	display: flex;
	margin-left: 38px;
	padding-left: 8px;
	width: 80% ;
	width: -webkit-calc( 100% - 46px) ;
	width: calc( 100% - 46px) ;
	height: calc( 100% - 1px) ;
	align-items: center;
	color: #000000;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0.1em;
	border-bottom: dashed 1px #752805;
	background-color: #ffffff;
}
#wrapper #container_body #primary h2 {
	height: auto;
	min-height: 26px;
}
#wrapper #container_body #primary h2 span {
	padding-top: 5px;
	padding-bottom: 5px;
}
#wrapper #container_body #primary h2 {
	margin-top: 15px;
	margin-bottom: 5px;
}
#wrapper #container_body #primary h2:first-of-type {
	margin-top: 0;
}
#wrapper #container_body #primary h3 {
	font-size: 110%;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#wrapper #container_body #primary .cat_button h3 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 0;
}
#wrapper #container_body #primary p {
	margin: 5px 0 5px 5px;
	font-size: 100%;
	color: #333333;
	line-height: 1.4;
	text-indent: 0;
}
#container_body #primary p.indent {
	text-indent: 1em;
}
#container_body #primary dl {
	font-size: 100%;
	line-height: 1.6;
	color: #333333;
}
#container_body #primary dl dt {
	font-weight: bold;
}
#container_body #primary dl dd {
	margin-left: 1em;
	margin-bottom: 10px;
}
#container_body #primary ul li {
	font-size: 100%;
	line-height: 1.6;
	color: #333333;
}
#container_body #primary ul li.indent {
	margin-left: 2em;
	text-indent: -2em;
}
#container_body #primary ul.l1 li {
	margin-left: 0;
}
#container_body #primary ul.l2 li {
	margin-top: 15px;
	margin-left: 1em;
}
#container_body #primary ul.l3 li {
	margin-left: 2em;
}
#container_body #primary ul.l4 li {
	margin-left: 3em;
}
#container_body #primary ul.l5 li {
	margin-left: 4em;
}
#container_body #primary ul.l6 li {
	margin-left: 5em;
}
#container_body #primary ol {
	margin-left: 15px;
	margin-bottom: 15px;
}
#container_body #primary ol li {
	font-size: 100%;
	line-height: 1.6;
	color: #333333;
}
/*　20230920　修正　*/
#container_body #primary .article_mokuji {
	padding: 10px;
	margin-bottom: 15px;
	max-width: 370px;
	width: 90%;
	margin-top: 15px;
	border: solid 1px #CCCCCC;
}
#container_body #primary .article_mokuji h3 {
	margin-top: 0;
}
#wrapper #container_body #primary .category,
.vis_index_l ul,
.vis_index_r ul {
	margin-bottom: 15px;
}
/*　20230920　修正　*/
.vis_index_l ul li,
#container_body #primary .vis_index_r ul li,
#container_body #primary .article_mokuji ul li{
	position: relative;
	margin-right: 15px;
	padding-left: 15px;
	font-size: 100%;
	line-height: 1.8;
	list-style-type: none;
	text-indent: -14px;
	background-image: url("../images/link_icon.png");
	background-repeat: no-repeat;
	background-position: left 0.5em;
}
#container_body #primary .vis_index_l ul li a,
#container_body #primary .vis_index_r ul li a,
#container_body #primary .article_mokuji ul a {
	padding-left: 13px;
}
#wrapper #container_body #primary .button {
	margin-right: 6px;
	margin-bottom: 15px;
	width: 100%;
	height: 45px;
	list-style-type: none;
}

#wrapper #container_body #secondery #category_banner {
	position: relative;
	width: 100%;
	margin-bottom: 8px;
	text-align: left;
}
#wrapper #container_body #secondery .side_block ul.menu_list {
	position: relative;
}
#wrapper #container_body #secondery .side_block ul.menu_list li {
	margin-right: 6px;
	margin-bottom: 5px;
	height: 45px;
	list-style-type: none;
	text-align: left;
}
#wrapper #container_body #secondery .side_block ul.menu_list li:last-child {
	margin-bottom: 18px;
}
#wrapper #container_body #secondery .side_block ul.menu_list li a {
	width: 80% ;
	width: -webkit-calc( 100% - 45px) ;
	width: calc( 100% - 45px) ;
}
#wrapper #container_body #secondery .side_block ul.menu_list li.header {
	margin-bottom: 3px;
	min-height: 26px;
	height: auto;
}
#wrapper #container_body #secondery .side_block ul.menu_list li.header span {
	padding-top: 5px;
	padding-bottom: 5px;
}


/* old style */
table.tbl_basic {
	position:relative;
	margin-top: 5px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
	width: 100%;
	font-size: 90%;
}
.tbl_basic p {
	text-indent: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.tbl_basic td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	padding: 0.5em;
	font-size: 100%;
	line-height: 1.4;
}

.tbl_basic th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	font-weight: bold;
	background-color: #FFFFCC;
	text-align: center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.kakomi {
	border: 1px solid #666666;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
}
.tbl_basic th.col3,
.tbl_basic td.col3 {
	width: 6em;
	text-align: center;
}
.content_block ul li {
	list-style-type: none;
}
.materials table#gengo {
	margin-left: 2em;
	padding: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.materials #gengo td {
	text-align: center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-left-style: none;
}
.materials #gengo th {
	text-align: center;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-style: none;
	border-left-style: none;
}
table.bul_type1 {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 575px;
	line-height: 1.3em;
}
.bul_type1 td {
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
}
.bul_type1 .materials {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 12px;
}

.bul_type1 td.pages {
	width: 95px;
	text-align: left;
}

.bul_type1 th {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-color: #999999;
	text-align: left;
	background-color: #FFFFEE;
}
table.bul_type2 {
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 90%;
	max-width: 575px;
	line-height: 1.3em;
}
.bul_type2 td {
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	font-size: 100%;
	line-height: 1.6;
}
.bul_type2 .materials {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 12px;
	font-size: 87.5%;
}
.bul_type2 .materials p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	text-indent: -1em;
}

.bul_type2 th {

	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-color: #999999;
	text-align: center;
	background-color: #FFFFEE;
}
.bul_type2 .pages {
	width: 83px;
	text-align: center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}
table.bul_index {
/*	margin-right: auto;	*/
/*	margin-left: auto;	*/
	padding: 0px;
	width: auto;
	line-height: 1.3em;
	font-weight: bold;
}
.bul_index td {
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 16px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	background-image: url(../images/common/bullet02.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}
table.bul_type2 tr td.list {
	padding-left: 2em;
	text-indent: -1em;
}
img.plus { margin-bottom: -2px; }
.leftspace {padding-left: 20px;}
.leftspace2 {padding-left: 13px;}
.leftspace3 {padding-left: 16px;}
.leftspace4 {padding-left: 106px;}

.tbl_kenkyuin {
	margin: 5px;
}
.tbl_kenkyuin table {
	width: 100%;
	border: 1px solid #666666;
	position: relative;
}
.tbl_kenkyuin td {
	vertical-align: top;
	width: calc(100% / 6);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-color: #F9F9F9;
}
.tbl_kenkyuin li {
	list-style-type: none;
	margin: 0px;
	padding: 10px;
	display: block;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	background-color: #FFFFFF;
}
.tbl_kenkyuin li.lastchild {
	border-bottom-style: none;
}
.tbl_kenkyuin ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.tbl_kenkyuin th {
	vertical-align: middle;
	text-align: center;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: double;
	border-right-color: #666666;
	border-bottom-color: #666666;
	background-color: #FFFFCC;
}
table#joho_search_tbl {
	margin-right: auto;
	margin-left: auto;
/*	width: 420px;	*/
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFCC;
}
#joho_search_tbl td {
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#joho_search_tbl th {
	padding: 5px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
table#legend {
	margin-right: auto;
	margin-left: auto;
/*	width: 420px;	*/
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	background-color: #CCCCCC;
}
#legend td {
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#legend th {
	padding: 5px;
	text-align: center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.orange_banner {
	background-color: #ffffff;
	margin: 0;
	padding: 1px;
	border:  #7f7f7f 1px solid;
	cursor: pointer;
}
.orange_banner div.inner {
	background-color: #ffc000;
	border:  #7f7f7f 1px solid;
	text-align: center;
	vertical-align: top;
	font-size: 0.9em;
	padding: 15px 7px;
/*	height: 90px;	*/
}
.orange_banner .title {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.1em;
}
a.orange_banner_txt {
	color: #000;
	text-decoration: none;
}
table#history {
	margin: 10px 15px;
	text-align: left;
}
#history td {
	vertical-align: top;
	padding-bottom: .2em;
	font-size: 100%;
	color: #333333;
	line-height: 1.6;
}
#history .col1 {
	width: 8em;
}
.history_img {
	width: 60%;
	margin: 20px auto;
}
.history_img img {width: 100%;}

.chizu_img {
	width: 50%;
	margin: 10px auto 20px;
}
.chizu_img img {width: 100%;}

.floormap_img {
	width: 50%;
	margin: 0 auto;
}
.floormap_img img {
	width: 100%;
}


dl.message dt {
	margin: 15px 0 5px 0;
	font-weight: bold;
}
dl.message dd {margin: 0 0 10px 1em;}
dl.message dd,
p.message {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
	text-align: justify;
	text-justify: inter-ideograph;
	hanging-punctuation: allow-end;
	line-height: 1.6;
	text-indent: 1em;
	color: #000000;
	margin: 5px;
}

.message_box{
	display: grid;
}
.message_box #shocho_img{
	grid-area: 1/1/3/2;
	width: inherit;
}
.message_box p:nth-child(2){
	grid-area: 1/3/2/6;
}
.message_box p:nth-child(3){
	grid-area: 2/3/3/6;
}

#shocho_img {
	width: 35%;
}
#shocho_img img {
	width: 100%;
	height: auto;
}

.tel_index {
	margin: 5px;
}
.tel_index table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	width: 100%;
}
.tel_index table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	padding: 5px 10px;
}
.tel_index td.subnum {
	border-right-style: none;
	text-align: center;
	width: 1.3em;
	vertical-align: middle;
	padding-right: 0;
}
.tel_index td.section {
	text-align: center;
	width: 8em;
}
.tel_index td.telnum {
	text-align: center;
	width: 7.5em;
	font-family: Arial, Helvetica, sans-serif;
}
.tel_index td.subnum2 {
	border-right-style: none;
	text-align: left;
	width: 3.5em;
	vertical-align: middle;
}
.pagebreak {
	page-break-before: always;
}

#sc_main_block {
	padding: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#sc_main_block h3 {
	line-height: 1.2em;
	margin-top: 11px;
	margin-right: 25px;
	margin-bottom: 7px;
	margin-left: 25px;
	font-size: 100%;
}
#sc_main_block p {
	margin-right: 8px;
	margin-left: 10px;
	padding-bottom: 0.3em;
	text-indent: 1em;
}
#sc_main_block ul {
	list-style-position: outside;
	margin-left: 50px;
	margin-right: 25px;
}
#sc_main_block li li {
	margin-left: 1em;
}
#sc_main_block dl.result {
	font-size: 100%;
	line-height: 1.6;
}
table#ijime {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 87.5%;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	line-height: 1.3em;
}
table#ijime td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
table#ijime th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}
#ijime .col4 {
	width: 4em;
}
#ijime .col5 {
	width: 4em;
}
#ijime .col6 {
	width: 4em;
}
#ijime .col7_ttl {
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-weight: bold;
}
#moreinfo {
	width: 415px;
	margin-right: auto;
	margin-left: auto;
}
#moreinfo #mi_l {
	width: 305px;
	background-color: #CCF8FD;
	padding: 5px;
	float: left;
	margin-top: 25px;
}
#moreinfo #mi_r {
	float: right;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#ijime .col7_cnt {
	text-align: left;
}
table#bosai {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 87.5%;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
}
table#bosai td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	padding-right: 2px;
	padding-left: 2px;
}
table#bosai th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}
table#bosai .r_dotted {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
}
table#bosai .ttl {
	width: 50%;
}
table.pdf_index {
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
	width: auto;
}
table.pdf_index td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 100%;
	line-height: 1.6;
}
.tbl_basic td.name,
.tbl_basic td.col1 {
	width: 6em;
	text-align: center;
}
.tbl_basic td.col3_6 {
	text-align: center;
}

.tbl_basic td.col4 {
	width: 6em;
	text-align: center;
}

/* ------------------------------
　　ボタン素材－オレンジ
------------------------------ */
a.btn_ora {
	display: block;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	height: 32px;
	overflow: hidden;
	background-image: url(../images/common/buttons/btn_ora_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-attachment: scroll;
	float: left;
	width: auto;
}
a.btn_ora:hover {
	color: #000000;
	text-decoration: underline;
}
a.btn_ora span {
	background-attachment: scroll;
	background-image: url(../images/common/buttons/btn_ora_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
}

/* ------------------------------
　　ボタン素材－グレー
------------------------------ */
a.btn_gra {
	display: block;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	height: 32px;
	overflow: hidden;
	background-image: url(../images/common/buttons/btn_gra_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-attachment: scroll;
	float: left;
	width: auto;
}
a.btn_gra:hover {
	color: #000000;
	text-decoration: underline;
}
a.btn_gra span {
	background-attachment: scroll;
	background-image: url(../images/common/buttons/btn_gra_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
}
/* ------------------------------
　　ボタン素材－グリーン
------------------------------ */
a.btn_gre {
	display: block;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	height: 32px;
	overflow: hidden;
	background-image: url(../images/common/buttons/btn_gre_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-attachment: scroll;
	float: left;
	width: auto;
}
a.btn_gre:hover {
	color: #000000;
	text-decoration: underline;
}
a.btn_gre span {
	background-attachment: scroll;
	background-image: url(../images/common/buttons/btn_gre_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
}

/* ------------------------------
　　ボタン素材－ブルー
------------------------------ */
a.btn_blu {
	display: block;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	height: 32px;
	overflow: hidden;
	background-image: url(../images/common/buttons/btn_blu_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-attachment: scroll;
	float: left;
	width: auto;
}
a.btn_blu:hover {
	color: #000000;
	text-decoration: underline;
}
a.btn_blu span {
	background-attachment: scroll;
	background-image: url(../images/common/buttons/btn_blu_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
}

/* ------------------------------
　　ボタン素材－ピンク
------------------------------ */
a.btn_pnk {
	display: block;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	height: 32px;
	overflow: hidden;
	background-image: url(../images/common/buttons/btn_pnk_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-attachment: scroll;
	float: left;
	width: auto;
}
a.btn_pnk:hover {
	color: #000000;
	text-decoration: underline;
}
a.btn_pnk span {
	background-attachment: scroll;
	background-image: url(../images/common/buttons/btn_pnk_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
}

/* ------------------------------
　　ボタン素材－イエロー
------------------------------ */
a.btn_yel {
	display: block;
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	height: 32px;
	overflow: hidden;
	background-image: url(../images/common/buttons/btn_yel_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-attachment: scroll;
	float: left;
	width: auto;
}
a.btn_yel:hover {
	color: #000000;
	text-decoration: underline;
}
a.btn_yel span {
	background-attachment: scroll;
	background-image: url(../images/common/buttons/btn_yel_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
}
div.policy dl dt {
	margin-left: 1em;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
}
div.policy dl dd {
	margin-left: 2em;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4;
}
div.policy dl dd ul li {
	list-style-type: none;
}
div.policy table {
	margin: 10px auto;
	border-collapse: collapse;
}
div.policy table tr th,
div.policy table tr td {
	border: solid 1px #333333;
}
div.policy table tr th {
	width: 2em;
	padding: 3px 5px 3px 0;
	text-align: right;
	line-height: 1.4;
	font-size: 90%;
	background: #F0F0F0;
}
div.policy table tr td {
	padding: 3px 0 3px 5px;
	text-align: left;
	line-height: 1.4;
	font-size: 90%;
}
div.checklist table {
	margin: 10px auto;
	width: 95%;
	border-collapse: collapse;
}
div.checklist table tr th,
div.checklist table tr td {
	border: solid 1px #333333;
}
div.checklist table tr th {
	line-height: 1.4;
	font-size: 85%;
	background: #F0F0F0;
}
div.checklist table tr td {
	line-height: 1.4;
	font-size: 85%;
}
div.checklist table tr th.col1,
div.checklist table tr td.col1 {
	width: 5em;
	padding: 3px;
	text-align: center;
}
div.checklist table tr th.col2,
div.checklist table tr td.col2 {
	padding: 3px;
}
div.checklist table tr th.col2 {
	text-align: center;
}
div.checklist table tr td.col2 {
	text-align: left;
}
div.checklist table tr th.col3,
div.checklist table tr td.col3 {
	width: 2em;
	padding: 3px;
	text-align: center;
}
div.checklist table tr th.col4,
div.checklist table tr td.col4 {
	width: 5em;
	padding: 3px;
	text-align: center;
}
div.checklist table tr th.col5,
div.checklist table tr td.col5 {
	width: 3em;
	padding: 3px;
	text-align: center;
}
div.checklist table tr th.col6,
div.checklist table tr td.col6 {
	width: 10em;
	padding: 3px;
	text-align: center;
}
.wordfile {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_doc.gif) no-repeat center right;
}
.txtfile {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_txt.gif) no-repeat center right;
}
.excelfile {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_xls.gif) no-repeat center right;
}
.rssurl { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_feed.gif) no-repeat center right;
}
.exefile { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_exe.gif) no-repeat center right;
}
.pptfile { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_pps.gif) no-repeat center right;
}
.pdffile {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_pdf.gif) no-repeat center right;
}
.pdficon{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2px;
    padding-top: 2px;
}
.pdficon::before{
	content: url(../images/common/icons_m/page_pdf.png);
    /* padding: 0 5px 0 5px; */
    height: 30px;
}

.archivefile { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_archive.gif) no-repeat center right;
}
.imagefile { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_pic.gif) no-repeat center right;
}
.moviefile { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_film.gif) no-repeat center right;
}
.audiofile { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_music.gif) no-repeat center right;
}
.extlink { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_external.gif) no-repeat center right;
}
.maillink { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/common/icons/icon_mailto.gif) no-repeat center right;
}
.accordion { 
	padding: 0px 20px 0px 0;
	background: transparent url(../images/common/icons/icon_accordion.jpg) no-repeat center right;
	background-size: 1.2rem;
}

.each_navibox {
	text-align: right;
	margin-bottom: 15px;
}
.red_bold {
	color: #ff0000;
	font-weight: bold;
}
.zipfile { 
	padding: 5px 25px 5px 0;
	background: transparent url(../images/common/icons/icon_zip.gif) no-repeat center right;
}
/* Other
-------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* .clearfix {
	display: inline-block;	
} */
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.hidden {
	display: none;
}
.nodisp {
	display: none;
}
.reader {
	position: absolute;
	width: 0;
	height: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	outline: none;
	overflow: hidden;
}
.alignright,
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.aligncenter,
.center {
	text-align: center;
}
.fright {
	float: right;
}
.fleft {
	float: left;
}
.dtable {
	display: table;
}
.dcell {
	display: table-cell;
}
.vtop {
	vertical-align: top;
}
.vmiddle {
	vertical-align: middle;
}
.vbottom {
	vertical-align: bottom;
}
.loginfumei-img:hover {
	opacity: 0.8;
}
.erea-annai {
	border: 2px solid lightgray;
	background-color: #FFF5EE;
	padding: 15px;
	margin-bottom: 1em;
	border-radius: 5px;
}
#wrapper #container_body #primary .l50 {
	width: 49%;
}
.mt10 {margin-top: 10px;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.mt15 {margin-top: 15px;}
.ml15 {margin-left: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.mt30 {margin-top: 30px;}
.ml30 {margin-left: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}

.indent {text-indent: 1rem;}
.list_indent {
	padding-left: 1rem;
	text-indent: -1rem;
}

/* Responsive
-------------------------------------------------------------- */
@media screen and (max-width: 999px) {
#wrapper {
	margin: 0 1%;
	width: 98%;
}
#wrapper #slider_top .slick-slide {
	width: 100%;
	height: 30vh;
}
#wrapper #slider_top .slick-slide img {
	width: auto;
	height: 100%;
}
#wrapper #container_body {
	width: 100%;
}
#wrapper #container_body #primary_top {
	width: 69%;
}
#wrapper #container_body #secondery_top {
	width: 30%;
}
#slider_top .f-topSlider {
	margin: -10px 0 0;
}
#wrapper #container_body #primary_top h2 {
	width: 100%;
}
#wrapper #container_body #primary_top h2 img {
	max-width: 100%;
	height: auto;
}
#wrapper #container_body #secondery_top img {
	max-width: 100%;
	height: auto;
}
#wrapper #container_body #secondery_top .counter_block {
	width: 100%;
	margin: 0;
}
#wrapper #container_body #secondery_top .counter_block .counter {
	width: 90%;
	margin: 5px 5%;
	padding-left: 0;
	background-image: none;
}
#wrapper #container_body #primary {
	width: 69%;
}
#wrapper #container_body #secondery {
	width: 30%;
}
#wrapper #container_body #secondery #category_banner img {
	max-width: 100%;
	height: auto;
}
#wrapper #container_body #secondery .side_block ul.menu_list li.header {
	height: auto;
	padding: 10px 0;
}


}

@media screen and (max-width: 699px) {
#wrapper {
	margin: 0 1%;
	width: 98%;
}
#wrapper #slider_top .slick-slide {
	width: 100%;
	height: 20vh;
}
#wrapper #slider_top .slick-slide img {
	width: auto;
	height: 100%;
}
#wrapper #container_body {
	width: 100%;
}
#wrapper #container_body #primary_top {
	width: 100%;
}
#wrapper #container_body #secondery_top {
	width: 100%;
}
#wrapper #container_body #primary_top #carriculum_top ul li {
	width: 90%;
	margin: 0 5% 10px;
}
#wrapper #container_body #secondery_top .banner_top {
	margin: 0 auto 10px;
	text-align: center;
}
#wrapper #container_body #secondery_top .counter_block p{
	text-align: center;
}
#wrapper #container_body #primary {
	width: 100%;
}
#wrapper #container_body #primary .content_block {
	margin-right: 5px;
}
#wrapper #container_body #primary p {
	margin-right: 1em;
}
dl.message dd {
	margin-right: 1em;
}
.message_box{
	display: block;
}

.message_box #shocho_img {
	width: 40%;
}
#shocho_img {
	width: 40%;
}
.history_img {
	width: 100%;
}
.chizu_img {
	width: 80%;
}
.floormap_img {
	width: 80%;
}



#wrapper #container_body #secondery {
	width: 100%;
}
#wrapper #container_body #secondery #category_banner {
	text-align: center;
}
#wrapper #container_body #secondery #category_banner img {
	width: 80%;
	height: auto;
}
#wrapper #container_body #primary div.h1 h1 {
	height: auto;
	min-height: calc( 100% - 1px) ;
}
#wrapper #container_body #primary .fright {
	float: none;
}
#wrapper #container_body #primary .fleft {
	float: none;
}
#wrapper #container_body #primary .l50 {
	width: 100%;
}
#wrapper #container_body #primary .jinken_link_1 a,
#wrapper #container_body #primary .jinken_link_2 a,
#wrapper #container_body #primary .jinken_link_3 a,
#wrapper #container_body #primary .jinken_link_4 a,
#wrapper #container_body #primary .jinken_link_5 a {
	display: block;
}
#wrapper #container_body #secondery .side_block ul.menu_list li.button {
	margin-left: 5px;
	margin-right: 5px;
}
#wrapper #container_body #primary table.bul_type2 {
	width: 100%;
}
#sc_main_block {
	width: auto;
}
.orange_banner div.inner {
	background-color: #ffc000;
	border:  #7f7f7f 1px solid;
	text-align: center;
	vertical-align: top;
	font-size: 0.9em;
	padding: 15px 7px;
}
}

.banner_top img{
	width:100%;
}

@media screen and (max-width:699px){
.banner_top img{width:50%;}}

/*修正20190826*/


.new_notice_table {
    background-color: #EFF9FE;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    border: 2px solid #000066;
    margin-bottom: 10px;
}

.new_notice_table h4 {
    font-size: 100%;
    font-weight: bold;
    color: #000066;
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: center;
    line-height: 1.8em;
}

.new_notice_table p {
    margin: 0px;
    text-indent: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.new_notice_table h5 {
    font-size: 100%;
    font-weight: bold;
    padding-top: 0.4em;
}


.new_notice_table .burasage {
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 0em;
}

.table_new::before{
	content: 'NEW';
    background-color: #F00;
    padding: 1px 2px;
    color: #FFF;
    font-size: 0.01em;
    font-weight: bold;
}

#wrapper #container_body #primary .pub_page_ml20 {
    margin-left: 2em !important
}
#wrapper #container_body #primary .pub_page_ml20 p {
    margin-right: 8px;
    margin-left: 10px;
    padding-bottom: 0.3em;
    text-indent: 1em;
}

#wrapper #container_body #primary .pub_page_ml20 a.btn_ora {
    display: block;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
    height: 32px;
    overflow: hidden;
    background-image: url(../images/common/buttons/btn_ora_r.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    margin: 5px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-attachment: scroll;
    float: left;
    width: auto;
}

#wrapper #container_body #primary .new_notice_table+#toiawase {
    background-color: #FDE1AE;
    width: 25em;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-left: auto;
}

.vis_index_l {
	margin: 15px auto;
	width: 100%;
}

.vis_index_l img {
	width: 100%;
}

.vis_index_l  ul {
    margin-left: 20px;
}

.vis_index_l  ul li {
    position: relative;
    margin-right: 15px;
    font-size: 100%;
    line-height: 1.8;
    list-style-type: unset;
    background-image: none;
}

#rs_contents .pub_ondemand_link_1 {
    display: block;
    margin: 0 auto 15px;
    border-radius: 8px;
    background: #7700ff;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 1.0;
    padding: 15px 0;
    width: 24em;
}

#rs_contents .pub_ondemand_link_2 {
    display: block;
    margin: 0 auto 15px;
    border-radius: 8px;
    background: #009900;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 15px 0;
    width: 24em;
}

.text-red {
	color: red !important;
}

/* 2023.09.28修正 */

#flow_tantou {
	width: 99%;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	margin:20px auto 0;
	position: relative;
}

#flow_tantou #left {
	width: calc(100% - 100px);
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px 5px;
}

#flow_tantou #left .flow_wrapper {
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}

#flow_tantou #left .flow_wrapper figure {
	flex-shrink: 0;
	margin: 0;
	width: 40%;
	max-width: 200px;
}

#flow_tantou #left .flow_wrapper figure img {
	width: 100%;
	object-fit: contain;
}

#flow_tantou #right {
	width: 100px;
}

#flow_tantou #right img{
	width: 100%;
	transform: translate(0%,12%);
	object-fit: contain;
}

@media screen and (max-width: 600px) {
	#flow_tantou #left .flow_wrapper {
		display: block;
	}
	#flow_tantou #left .flow_wrapper figure {
		position: absolute;
		bottom: 25px;
    right: 5px;
		min-width: 100px;
    max-width: 150px;
    width: 25%;
	}
	#flow_tantou #left p a {
		word-break: break-word;
	}
}
@media screen and (max-width: 520px) {
	#flow_tantou #left .flow_wrapper figure {
		bottom: 40px;
	}
}

/* ------------------------------
　　トップページ 新型コロナウイルス感染症対策について
------------------------------ */
div.covid-information{
	max-width: 1000px;
	width: calc(100vw - 24px);
	margin: 148px auto 0;
	border: solid 2px #d13826;
	border-radius: 5px;
	display: flex;
	position: relative;
	z-index: 99;
}
div.covid-information>div{
	background-color: #d13826;
	color: white;
	font-weight: 700;
	padding: 10px 20px;
	display: flex;
	align-items: center;
}
div.covid-information>div>img.alert{
	height: 18px;
	margin-right: 10px;
}

div.covid-information>dl{
	flex: 1;
	width: 100%;
	padding: 10px 20px;
	flex-direction: column;
	cursor: pointer;
}
div.covid-information>dl>dt{
	display: block;
	width: 100%;
	font-weight: 700;
	position: relative;
	color: #d13826;
	text-decoration: none;
}
/* div.covid-information>dl>dt::after{
	content: '';
	display: block;
	position: absolute;
	height: 10px;
	width: 10px;
	border-bottom: solid 2px #d13826;
	border-right: solid 2px #d13826;
	transform: rotate(45deg);
	bottom: calc(50% - 3px);
	right: 0;
	transition: .5s;
} */
/* div.covid-information>dl>dt.open::after{
	transform: rotate(-135deg);
	bottom: calc(50% - 10px);
} */
div.covid-information>dl>dd{
	/* display: none; */
	margin-top: 10px;
	line-height: 1.3em;
}


/* ------------------------------
　　トップページ キービジュアル
------------------------------ */
div#key-visual{
	width: 100vw;
	margin-top: 15px;
	position: relative;
	z-index: 3;
}
#wrapper div#key-visual {
	width: 100%;
}
div#key-visual p{
	position: absolute;
	color: black;
	right: 70px;
	bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	font-size: 180%;
	font-weight: 700;
	text-shadow: 2px 2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff;
}
div#key-visual .slide-items li{
	width: 100%;
	height: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#wrapper div#key-visual .slide-items li {
	height: 300px;
}
div#key-visual a{
	position: relative;
	height: 300px;
}
div#key-visual #top-slide a {
	height: auto;
}
div#key-visual #top-slide img, div#key-visual #top-slide video {
	width: 100%;
	height: fit-content;
	/* max-height: 500px; */
	object-fit: cover;
}
div#key-visual img, div#key-visual video {
	width: 100%;
	height: 100%;
	/* max-height: 500px; */
	object-fit: contain;
}

/* #wrapper div#key-visual img {
	width: auto;
	height: 300px;
} */

@media screen and (max-width: 600px) {
	div#key-visual .slide-items li{
		height: 250px;
	}	
	div#key-visual p{
		right: 20px;
		bottom: 20px;
		font-size: 120%;
	}
	div#key-visual #top-slide img, div#key-visual #top-slide video {
		object-fit: contain;
	}
}

/*キービジュアル下の点*/
.dots-2 .slick-dots {
	z-index: 10;
	text-align: center;
}
.dots-2 .slick-dots li {
	display: inline-block;
}
.dots-2 .slick-dots button {
	display: block;
	width: 10px;
	height: 10px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	background: #bcbcbc;
	border-radius: 50%;
}
.dots-2 .slick-dots button:hover { background: #0a467d;}
.dots-2 .slick-dots .slick-active button {	background: #0a467d;}
.slick-dots li button:before {display: none;}



/* ------------------------------
　　トップページ 総合案内
------------------------------ */
section#sougou-information{
	width: 100vw;
	margin:0 calc(50% - 50vw);
	background: url("../images/top/bg/bg_plaid.svg") repeat;
	background-size: 30px;
	padding: 80px calc(50vw - 50%);
	text-align: center;
	box-sizing: border-box;
}
section#sougou-information h2{
	display: inline-block;
	font-size: 150%;
	font-weight: 700;
	color: #333333;
	padding: 7px 40px;
	background-color: #fcef79;
	border: solid 2px #333333;
	border-radius: 100px;
}
section#sougou-information ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
}
section#sougou-information ul>li{
	margin-top: 70px;
}
section#sougou-information ul>li{	width: calc( (100% - 80px ) / 3 );}
section#sougou-information ul>li:nth-last-child(n+2){	margin-right: 20px;}
section#sougou-information ul>li.inview{ opacity: 0;	transform: translate(0,50px);}
section#sougou-information ul>li img{
	width: 100%;
	max-width: 160px;
	height: 92px;
	object-fit: contain;
	margin: -40px 0 30px;
	transition: .3s;
}
section#sougou-information ul>li.inview img{ opacity: 0;	transform: translate(0,-100px);}
section#sougou-information li>a{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	color: #333;
	font-weight: 700;
	font-size: 120%;
	text-decoration: none;
	padding: 20px 10px;
	background-color: #daf1f2;
	border: solid 3px #91c8f1;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0px 7px 0 #dde7ea;
	transition: .3s ease;
	position: relative;
}
section#sougou-information ul>li>a::after{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 30px solid transparent;
	border-right: 30px solid #91c8f1;
}
section#sougou-information li>a:hover{
	transform: translate(0px,7px);
	box-shadow: 0px 0px 0 #dde7ea;
}
section#sougou-information li>a:hover img{
	transform: translate(0px,-10px) scale(1.1);
}

@media screen and (max-width: 700px) {
	section#sougou-information ul>li{width: 100%; margin-top: 30px;}
	section#sougou-information ul>li>a{flex-direction: row; text-align: start;}
	section#sougou-information ul>li img{width: 25%; max-width: 150px; height: 50px; max-height: 100px; margin: 0 10px 0 0;}
	section#sougou-information ul>li:nth-last-child(n+2){	margin-right: 0px;}
}


/* ------------------------------
　　トップページ 新着情報
------------------------------ */
section#update{
	width: 100vw;
	background-color: #f9f8e1;
	margin: 0 calc(50% - 50vw);
	padding: 80px calc(50vw - 50%) 100px;
	box-sizing: border-box;
	text-align: center;
}
section#update h2{
	font-size: 150%;
	font-weight: 700;
	color: #333333;
}
section#update ul{
	background-color: white;
	width: 100%;
	height: 287px;
	list-style: none;
	text-align: left;
	margin-top: 30px;
	border-top: solid 2px #c9c9c9;
	border-bottom: solid 2px #c9c9c9;
	overflow-y: scroll;
}
section#update li{
	padding: 20px;
	display: flex;
}
section#update li:nth-child(n-1){	border-bottom: solid 1px #e3e3e3;}
section#update li span.date{margin-right: 20px;}
section#update li span.new::after{
	content: "new";
	display: inline-block;
	color: white;
	background-color: #d13826;
	padding: 0px 10px;
	border-radius: 5px;
	font-size: 80%;
	margin-left: 5px;
}
section#update ul+a.more{
	display: flex;
	color: #333;
	text-decoration: none;
	margin-top: 10px;
	float: right;
}
section#update ul+a.more img{	width: 15px;	margin-right: 5px;}
section#update ul+a.more:hover{	text-decoration: underline;}

/* ------------------------------
　　トップページ トピックス
------------------------------ */
section#topics{
	width: 100vw;
	background-color: #daf1f2;
	margin : 0 calc(50% - 50vw) -70px;
	padding: 80px calc(50vw - 50%) 120px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}
section#topics::before{
	content: '';
	display: block;
	height: 10px;
	width: 100%;
	position: absolute;
	top: -10px;
	left: 0;
	background: url('../images/top/bg/bg_blueWave.svg');
}
section#topics h2{
	font-size: 150%;
	font-weight: 700;
	color: #333333;
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: solid 3px #91c8f1;
}
section#topics h2::after{
	content: "";
	display: block;
	position: absolute;
	border-bottom: solid 3px #1071aa;
	width: 100px;
	bottom: -3px;
}
section#topics h2>img{width: 70px;	margin: 0 10px;}
section#topics ul{	list-style: none;}
section#topics a{
	background-color: white;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	margin-top: 15px;
	border-radius: 5px;
	box-shadow: 7px 7px 0 #dde7ea;
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: .3s;
}
section#topics a.inview{ opacity: 0;	transform: translate(70px,0);}
section#topics a:hover{
	transform: translate(7px,7px);
	box-shadow: 0px 0px 0 #dde7ea;
	text-decoration: underline;
}
section#topics li img{
	width: 60px;
	height: 60px;
	object-fit: contain;
	padding: 20px;
	background-color: #fcef79;
	margin-right: 15px;
	transition: .3s;
}
section#topics a:hover img{
	width: 70px;
	height: 70px;
	padding: 15px;
}
section#topics li p{
	text-align: left;
	font-weight: 700;
	color: #333;
	width: calc(100% - 115px);
}


/* ------------------------------
　　カテゴリートップページ
------------------------------ */

body.categoryTop_centerInfo main h1{background-color: #fdf6f7;}
body.categoryTop_centerInfo main h2{border: solid 3px #f0a1b1;}
body.categoryTop_centerInfo main ul.mainLink>li>a{ border: solid 3px #f0a1b1; box-shadow: 5px 5px 0 #eadde2;}
body.categoryTop_centerInfo main ul.mainLink>li>a::after{ border-right: 20px solid #f0a1b1;}

body.categoryTop_kyoshokuin main h1{background-color: #FEFDEB;}
body.categoryTop_kyoshokuin main h2{border: solid 3px #F8BB3B;}
body.categoryTop_kyoshokuin main ul.mainLink>li>a{ border: solid 3px #F8BB3B; box-shadow: 5px 5px 0 #E9E2DC;}
body.categoryTop_kyoshokuin main ul.mainLink>li>a::after{ border-right: 20px solid #F8BB3B;}
body.categoryTop_kyoshokuin main div.howToLogin a{background-color: #F8BB3B; box-shadow: 5px 5px 0 #E9E2DC;}

body.categoryTop_gyosei main h1{background-color: #e4f1eb;}
body.categoryTop_gyosei main ul.mainLink>li>a{ border: solid 3px #4ba577; box-shadow: 5px 5px 0 #dce9de;}
body.categoryTop_gyosei main ul.mainLink>li>a::after{ border-right: 20px solid #4ba577;}
body.categoryTop_gyosei main div.howToLogin a{background-color: #4ba577; box-shadow: 5px 5px 0 #dce9de;}

body.categoryTop_tomin main h1{	background-color: #f4f9fe;}
body.categoryTop_tomin main ul.mainLink>li>a{ border: solid 3px #91c8f1; box-shadow: 5px 5px 0 #dce3e9;}
body.categoryTop_tomin main ul.mainLink>li>a::after{ border-right: 20px solid #91c8f1;}

main ul.mainLink_y>li>a{ border: solid 3px #F8BB3B; box-shadow: 5px 5px 0 #E9E2DC;}
main ul.mainLink_y>li>a::after{ border-right: 20px solid #F8BB3B;}

body[class*="categoryTop_"] main>p{
	margin: 5px;
	font-size: 100%;
	color: #333333;
	line-height: 1.4;
	/* text-indent: 0; */
}

body[class*="categoryTop_"] main h1{
	min-height: 100px;
	padding: 10px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 140%;
	font-weight: 700;
	color: #333;
	text-align: center;
}
body[class*="categoryTop_"] main h1::before,
body[class*="categoryTop_"] main h1::after{
	position: absolute;
	content: '';
	display: block;
	height: 24px;
	width: 24px;
	background: url('../images/common/icons/icon_decoration.svg');
}
body[class*="categoryTop_"] main h1::before{top:10px; left: 10px;}
body[class*="categoryTop_"] main h1::after{bottom:10px; right: 10px; transform: rotate(180deg);}
body[class*="categoryTop_"] main h1 img{ width: 50px; margin-right: 10px;}

body[class*="categoryTop_"] main h2{
	position: relative;
	margin: 30px 0 0 0;
	padding: 10px;
	border-radius: 5px;
	color: #333;
	/* font-size: 120%; */
	font-weight: 700;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
body[class*="categoryTop_"] main li>h2{
	margin: 0;
}
body[class*="categoryTop_"] main h2>img{
	width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 10px;
}
body[class*="categoryTop_"] main h2.shocho {
	text-align: center;
	justify-content: center;
}

body[class*="categoryTop_"] main h3{
	font-weight: bold;
	margin: 15px 5px 0 5px;
}

body[class*="categoryTop_"] main h4{
	font-weight: bold;
	margin: 5px 5px 0 2rem;
}
body[class*="categoryTop_"] main h5{
	margin: 5px 5px 0 2rem;
}

body[class*="categoryTop_"] main ul.mainLink{
	width: 100%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
body[class*="categoryTop_"] main ul.mainLink>li{
	margin-top: 30px;
}
body[class*="categoryTop_"] main ul.mainLink>li>a{
	width: 100%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border-radius: 5px;
	text-decoration: none;
	color: #333;
	font-weight: 700;
	transition: .3s;
}
body[class*="categoryTop_"] main ul.mainLink>li>a:hover{transform: translate(5px,5px); box-shadow: 0px 0px 0 #fff;}
body[class*="categoryTop_"] main ul.mainLink>li>a img{
	width: 45px;
	height: 45px;
	object-fit: contain;
	margin-right: 10px;
}
body[class*="categoryTop_"] main ul.mainLink>li>a::after{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 20px solid transparent;	
}
body[class*="categoryTop_"] main ul.mainLink>li>a span.small{	font-size: 75%;	display: block;}
body[class*="categoryTop_"] main ul.detailLink{
	display: flex;
	flex-wrap: wrap;
}
body[class*="categoryTop_"] main ul.detailLink>li{
	width: calc( 50% - 1rem );
	margin-top: 10px;
	margin-left: 1rem;
	list-style:disc;
}

body[class*="categoryTop_"] main ul.mainLink .myCareerNote+p.annotation{font-size: 90%;}

body[class*="categoryTop_"] main dl {
	font-size: 100%;
	line-height: 1.6;
	color: #333333;
	padding: 5px 5px 0 5px;
}
body[class*="categoryTop_"] main dl dt {
	font-weight: bold;
}
body[class*="categoryTop_"] main dl dd {
	margin-left: 1em;
	margin-bottom: 10px;
}
body[class*="categoryTop_"] main dl dd:last-child {
	margin-bottom: 0;
}

body[class*="categoryTop_"] main div.howToLogin{	display: flex; margin-top: 15px; justify-content: space-between;}
body[class*="categoryTop_"] main div.howToLogin a{
	width: calc( 50% - 20px );
	padding: 15px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	box-sizing: border-box;
	margin-right: 20px;
	transition: .3s;
}
body[class*="categoryTop_"] main div.howToLogin a span{
	color: black;
	text-shadow: 2px 2px 2px #fff,-2px 2px 2px #fff,2px -2px 2px #fff,-2px -2px 2px #fff;
	font-weight: 700;
	font-size: 120%;
	text-align: center;
}
body[class*="categoryTop_"] main div.howToLogin p{	flex: 1; font-size: 90%;}
body[class*="categoryTop_"] main div.howToLogin a:hover{transform: translate(5px,5px); box-shadow: 0px 0px 0 #fff;}
@media screen and (max-width: 800px) {
	body[class*="categoryTop_"] main ul.detailLink>li{width: 100%;}
	body[class*="categoryTop_"] main div.howToLogin{flex-direction: column;}
	body[class*="categoryTop_"] main div.howToLogin a{width: 100%; margin-top: 10px;}
	body[class*="categoryTop_"] main div.howToLogin p{margin-top: 15px;}
}


body[class*="categoryTop_"] main ul.subLink{
	width: 100%;
	margin: 100px 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
body[class*="categoryTop_"] main ul.subLink li{	width: calc( (100% - 40px) / 4);}
body[class*="categoryTop_"] main ul.subLink li a{
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	text-decoration: none;
	color: #333;
	font-weight: 700;
	font-size: 90%;
	text-align: center;
	transition: .3s;
	border: solid 3px #968375;
	box-shadow: 5px 5px 0 #e9e5e3;
}
body[class*="categoryTop_"] main ul.subLink li a::after{
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 20px solid transparent;
	border-right: 20px solid #968375;
}
body[class*="categoryTop_"] main ul.subLink li a:hover{transform: translate(5px,5px); box-shadow: 0px 0px 0 #fff;}
@media screen and (max-width: 700px) {
	body[class*="categoryTop_"] main ul.subLink li{	width: calc( (100% - 20px) / 2);}
	body[class*="categoryTop_"] main ul.subLink li:nth-child(n+3){margin-top: 15px;}
}


/* ------------------------------
教員等のページ　検索
------------------------------ */
body.categoryTop_kyoshokuin div.kensyuAnnai-search{
	width: 100vw;
	/* background-color: #f9f8e1; */
	margin: 100px calc(50% - 50vw) 0;
	padding: 100px calc(50vw - 50%);
	box-sizing: border-box;
	padding-top: 0;
	padding-bottom: 50px;
}
body.categoryTop_kyoshokuin div.kensyuAnnai-search h2 img{width: 38px; margin: 0 10px;}
body.categoryTop_kyoshokuin div.kensyuAnnai-search h2{
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: solid 3px #5ebcdd;
	font-size: 130%;
	font-weight: 700;
	color: #333;
}
body.categoryTop_kyoshokuin div.kensyuAnnai-search h2::after{
	content: "";
	display: block;
	position: absolute;
	border-bottom: solid 3px #1071aa;
	width: 100px;
	bottom: -3px;
}
body.categoryTop_kyoshokuin div.kensyuAnnai-search form{
	background-color: white;
	padding: 20px;
	margin-top: 15px;
	border-radius: 15px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
body.categoryTop_kyoshokuin div.kensyuAnnai-search form div.form-l{
	width: 200px;
	font-weight: 700;
	color: #3564af;
}
body.categoryTop_kyoshokuin div.kensyuAnnai-search form div.form-l,
body.categoryTop_kyoshokuin div.kensyuAnnai-search form div.form-r{margin-bottom: 15px;}
body.categoryTop_kyoshokuin div.kensyuAnnai-search form div.form-r{width: calc(100% - 200px);}

body.categoryTop_kyoshokuin div.kensyuAnnai-search form input[name="freeWord"],
body.categoryTop_kyoshokuin div.kensyuAnnai-search form select[name="category"],
body.categoryTop_kyoshokuin div.kensyuAnnai-search form select[name="school"],
body.categoryTop_kyoshokuin div.kensyuAnnai-search form select[name="month"]{width: 100%;}

body.categoryTop_kyoshokuin div.kensyuAnnai-search form input[name="freeWord"],
body.categoryTop_kyoshokuin div.kensyuAnnai-search form select[name="category"],
body.categoryTop_kyoshokuin div.kensyuAnnai-search form select[name="school"],
body.categoryTop_kyoshokuin div.kensyuAnnai-search form select[name="month"]{	padding: 10px;	box-sizing: border-box; border: 2px solid #b0b0b0; border-radius: 5px;}

body.categoryTop_kyoshokuin div.kensyuAnnai-search form input[type="submit"]{
	display: block;
	margin: 25px auto 0;
	color: white;
	background-color: #3564af;
	border: none;
	padding: 10px 40px;
	font-weight: 700;
	border-radius: 50px;
}
@media screen and (max-width: 700px) {
	body.categoryTop_kyoshokuin div.kensyuAnnai-search form{flex-direction: column;}
	body.categoryTop_kyoshokuin div.kensyuAnnai-search form div.form-l,
	body.categoryTop_kyoshokuin div.kensyuAnnai-search form div.form-r{width: 100%;}
	body.categoryTop_kyoshokuin div.kensyuAnnai-search form div.form-l{margin-bottom: 0;}
}

body.categoryTop_kyoshokuin div.kensyuAnnai-search form+img{
	height: 30px;
	margin: 30px auto;
	display: none;
}

body.categoryTop_kyoshokuin table.kensyuAnnai-result{
	width: 100%;
	border: 2px solid #3564af;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px;
	margin-top: 50px;
	display: none;
}
body.categoryTop_kyoshokuin table.kensyuAnnai-result caption{
	font-weight: 700;
	color: #3564af;
	margin-bottom: 10px;
}
body.categoryTop_kyoshokuin table.kensyuAnnai-result th,
body.categoryTop_kyoshokuin table.kensyuAnnai-result td{
	padding: 10px;
	border-bottom: 2px solid #3564af;
}
body.categoryTop_kyoshokuin table.kensyuAnnai-result td:nth-child(n+2){
	border-left: 2px solid #3564af;
}
body.categoryTop_kyoshokuin table.kensyuAnnai-result tr:last-child td{
	border-bottom: none;
}

body.categoryTop_kyoshokuin table.kensyuAnnai-result th{
	background-color: #3564af;
	color: white;
	padding: 5px;
}
body.categoryTop_kyoshokuin table.kensyuAnnai-result th:nth-child(n+2){	border-left: 2px solid white;}
body.categoryTop_kyoshokuin table.kensyuAnnai-result td{ background-color: white;}

body.categoryTop_kyoshokuin table.kensyuAnnai-result tr:first-child th:first-child {  border-radius: 5px 0 0 0;}
body.categoryTop_kyoshokuin table.kensyuAnnai-result tr:first-child th:last-child {  border-radius: 0 5px 0 0;}
body.categoryTop_kyoshokuin table.kensyuAnnai-result tr:last-child td:first-child {  border-radius: 0 0 0 5px;}
body.categoryTop_kyoshokuin table.kensyuAnnai-result tr:last-child td:last-child {  border-radius: 0 0 5px 0;}

body.categoryTop_kyoshokuin table.kensyuAnnai-result tr:nth-child(n+2){display: none;}


/*-----------------------------
         2023/1/18 追加 
-----------------------------*/
/* 第２階層　教員等研修 */
p.annotation{
	margin-top: 15px;
}



/* ----------------------------
　2025/8/27 	追加
　・ナビゲーションバナーの固定
　・ベーシックスキルレッスンのデザイン変更
------------------------------*/
    .fixheader + *{
      padding-top: 10rem;
    }
    .fixheader > div.fixcontent{
      position: fixed;
      width: 100%;
      top: 0;
      background: white;
    }


main ul.mainLink_y>li>a {
	border: solid 3px #F8BB3B;
	box-shadow: 5px 5px 0 #E9E2DC;
}

main ul.mainLink_y>li>a::after {
	border-right: 20px solid #F8BB3B;
}

main ul.mainLink_y {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

main ul.mainLink_y>li {
	margin-top: 30px;
}

main ul.mainLink_y>li>a {
	width: 100%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border-radius: 5px;
	text-decoration: none;
	color: #333;
	font-weight: 700;
	transition: .3s;
}

main ul.mainLink_y>li>a:hover {
	transform: translate(5px, 5px);
	box-shadow: 0px 0px 0 #fff;
}

main ul.mainLink_y>li>a img.icon {
	width: 45px;
	height: 45px;
	object-fit: contain;
	margin-right: 10px;
}

main ul.mainLink_y>li>a::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 20px solid transparent;
}

main ul.mainLink_y>li>a span.small {
	font-size: 75%;
	display: block;
}

body[class*="categoryTop_"] main ul.mainLink_g>li>a{ border: solid 3px #4ba577; box-shadow: 5px 5px 0 #dce9de;}
body[class*="categoryTop_"] main ul.mainLink_g>li>a::after{ border-right: 20px solid #4ba577;}

body[class*="categoryTop_"] main ul.mainLink_g {
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

body[class*="categoryTop_"] main ul.mainLink_g>li {
	margin-top: 30px;
}

body[class*="categoryTop_"] main ul.mainLink_g>li>a {
	width: 100%;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	border-radius: 5px;
	text-decoration: none;
	color: #333;
	font-weight: 700;
	transition: .3s;
}

body[class*="categoryTop_"] main main ul.mainLink_g>li>a:hover {
	transform: translate(5px, 5px);
	box-shadow: 0px 0px 0 #fff;
}

body[class*="categoryTop_"] main main ul.mainLink_g>li>a img.icon {
	width: 45px;
	height: 45px;
	object-fit: contain;
	margin-right: 10px;
}

body[class*="categoryTop_"] main main ul.mainLink_g>li>a::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 20px solid transparent;
}

body[class*="categoryTop_"] main main ul.mainLink_g>li>a span.small {
	font-size: 75%;
	display: block;
}