@charset "Shift_JIS";

#nav-home a{
	color: #000;
	background-color: rgba(168,157,172,0.5);
}

div.home-img {
	text-align: center;
}

#work-list-div {
	display: flex;
	justify-content: space-between;
}

figure.height {
	display: inline-flex;
}

figure.height img {
	height: 60%;
	width: 60%;
}

figure.height legend {
	margin: 0% 1%;
}
@media screen and (orientation: portrait) {
	figure.height {
		display: block;
	}
	figure.height img {
		height: 100%;
		width: 100%
	}
	figure.height legend {
		margin: 0% 1%;
	}
}

figure.width img {
	height: 100%;
	width: 100%;
}

figure.width legend {
	margin: 0% 1%;
}

.greeting {
	padding: 10% 0% 0% 0%;
}

a.to-detail {
	float: right;
}


div.news {
	border: 1px solid #475950;
	margin: 5% 0%;
}

div p.title {
	margin: 1%;
	text-align: center;
	font-size: 2.5rem;
	color: #000;
}

div.news table {
	width: 98%;
	height: 180px;
	display: block;
	overflow-y: scroll;
	margin: 2% 1%;
}

div.news tr {
	margin-bottom: 1%;
	height: 27px;
}

div.news th,
div.news td {
	font-size: 1.3rem;
}

div.news th {
	width: 45%;
	text-align: left;
	padding-left: 1%;
	font-weight: normal;
	vertical-align: top;
}

div.news td {
	color: #2B244B;
	font-weight: bold;
}

div.news a {
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
	color: #2B244B;
	transition: 0.5s;
}

div.news a:hover {
	color: #9b91a6;
}

div.info {
	position: relative;
	padding: 5%;
	border-bottom: 1px solid #475950;
	display: inline-block;
	width: 90%;
}

a.more {
	float: right;
}