/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/

table, table tr td {
	border: none;
}

h2 {
	font-family: "ＭＳ 明朝";
	font-weight: bold;
}


.header {
	background-image:url("../header_background.jpg");
	background-position:0% 0%;
	background-size: 100% 100%;
	height: 200px;
}
.header-fixed {
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	width: 100%;                /* 横幅100%　*/
	height: 200px;
}
#logo_tst {
	display:block;
	height: 100px;
	font: bold 180% "ＭＳ 明朝";
	padding-top:2rem;
}
#logo_tst img {
	width: 80px;
}
#logo_tst a, #logo_tst_mobile a {
	text-decoration : none;
	color: white;
}
#logo_tst_mobile {
	display: none;
	height: 100px;
	font: bold 120% "ＭＳ 明朝";
	text-align: center;
}
#logo_tst_mobile img {
	width: 80px;
}

#navbar-pc {
	display: block;
}
#navbar-mobile {
	display: none;
}

.content {
}
.content-fixedoffset {
	padding-top:200px;
	padding-bottom:2rem;
}

.footer {
	font-family: "ＭＳ 明朝";
	background-color:#4169e1;
	font-size: 80%;
    width: 100%;
    height: auto;
    color: white;
    padding-left: 1rem;
	line-height: 1rem;
	text-align:center;
}
.footer-fixed {
    position: fixed;            /* フッターの固定 */
    bottom: 0px;                /* 位置(下0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
    height: 2rem;             
}

.link_pagetop {
	text-align:right;
}
.link_pagetop a {
	text-decoration: underline;
	color: gray;
}

#table_info {
	border: solid gray 1px;
}
#table_info td.date {
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}

#menu_greetings {
    position: fixed;            /* フッターの固定 */
}
#menu_greetings a {
	text-decoration: underline;
	color: gray;
}

#map_access {
	overflow: hidden;
}

#table_recruit, #table_recruit tr {
	border: solid gray 1px;
}

/* ドロップダウンメニュー */
.menu {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	display: flex;
}

.menu li {
	list-style: none;
}

.menu li a {
	width: 128px;
	height: 40px;
	font-size: 15px;
	color: #ffffff;
	background: #0077ff;
	text-decoration: none;
	border-right: 1px solid #eeeeee;
	box-sizing: border-box;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.menu > li:hover > a {
	color: #ffffff;
	background: #7fbbff;
}

.menu li ul {
	display: none;
	margin-left: -40px;
	position: absolute;
}

.menu > li li:hover > a {
	color: #ffffff;
	background: #7fbbff;
}

.menu li ul li a {
	border-top: 1px solid #eeeeee;
}



/* Mobile style begin */
@media only screen and (max-width: 767px) {

#logo_tst {
	display:none;
}
#logo_tst_mobile {
	display: inline;
}
#navbar-pc {
	display: none;
}
#navbar-mobile {
	display: block;
}
#navbar-mobile a.toggle {
	color: black;
}
#navbar-mobile a.toggle {
	background-color: rgb(94,254,0);

}
#navbar-mobile a.toggle:hover{
	background-color: rgb(94,254,55);
}
#navbar-mobile a.toggle:active, #navbar-mobile a.toggle.active {
	background-color: rgb(94,254,55);
}

#menu_greetings {
    position: static;
}

.menu li ul {
	width: 128px;
}

}/* Mobile style end */