/* オーバーライド */
main {
	margin-top: 0;
	padding-top: 0;
}

dt {
	margin-top: 3px;
}

dd.announcement {
	display: flex;
	flex-direction: row;
}

dd.announcement img {
	margin-right: 10px;
	width: auto;
}

dd.announcement a {
	align-items: center;
	color: #333;
	display: flex;
	text-decoration: none;
}

dd.announcement a:hover {
	opacity: .6;
}

dd.shareholder a {
	color: #333;
	text-decoration: none;
}

dd.shareholder a:hover {
	opacity: .6;
}

/* 会社概要 */
dd.address {
	margin-bottom: 2rem;
}

dd.officer {
	margin-bottom: 30px;
}

dd.affiliated-company {
	margin-bottom: 2rem;
}

.google-btn {
	border: 1px solid #555;
	border-radius: 22px;
	display: inline-block;
	margin-top: 10px;
	outline: none;
	overflow: hidden;
	padding: 3px 30px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: ease .2s;
}

.google-btn span {
	color: #333;
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
}

.google-btn:hover span {
	color: #fff;
}

.bg-animation::before {
	background: #333;
	content: "";
	height: 101%;
	left: -130%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 120%;
}

.bg-animation:hover::before {
	animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
}

@keyframes skewanime {
	100% {
		left: -10%;/*画面の見えていない左から右へ移動する終了地点*/
	}
}


dd.affiliated-company a {
	color: #333;
	text-decoration: none;
}

dd.affiliated-company a:hover {
	opacity: .6;
}

dd.affiliated-company img {
	margin-right: 10px;
	width: auto;
}

/* 電子公告 */
.public-notice dl {
	margin: 2rem 0;
}

/* 保有資格 */
.qualifications h2 {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}

ul {
	margin-top: 0;
	padding-left: 25px;
}

@media screen and (max-width:913px) {
	.public-notice dd {
		align-items: center;
		display: flex;
		flex-direction: row;
	}
}