/*
 Theme Name: corporate Child
 Template: corporate
 Version: 1.0.0
*/
/* ここから上は変更しないでください */

/* ========== 1) バナー用クラス ========== */
.drawer_bnr_area > .flex {
	display: flex;
	flex-direction: row;
}
@media screen and (max-width: 1080px) {
	.drawer_bnr_area > .flex {
		flex-direction: column;
	}
}

.drawer_bnr_dl {
	background-color: #ffc812;
	transition: background-color 0.7s;
}
.drawer_bnr_dl .drawer_bnr_tit,
.drawer_bnr_dl .drawer_bnr_btn {
	color: #333;
}
.drawer_bnr_dl:hover {
	background-color: #e0b10f;
}

.drawer_bnr_tit {
	white-space: nowrap;
}

.drawer_bnr_area {
	--bnr-indent: 40px;
}
@media screen and (max-width: 1080px) {
	.drawer_bnr_area {
		padding-top: 40px;
		margin-top: 0;
		margin-bottom: 40px;
		border-top: solid 1px #383838;
	}
}
.drawer_bnr_area .drawer_bnr-wrapper + .drawer_bnr-wrapper {
	margin-left: var(--bnr-indent);
}

.drawer_bnr_dl {
	margin-left: 0;
}

.drawer_bnr a {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	column-gap: 15px;
}

.drawer_bnr .pict {
	width: 100px;
	height: 67px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.drawer_bnr .pict img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

.drawer_bnr_data {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 67px;
	text-align: center;
}

@media (max-width: 1080px) {
	.drawer_bnr_area .drawer_bnr-wrapper + .drawer_bnr-wrapper {
		margin-left: 0;
		margin-top: 20px;
	}
	.drawer_bnr_dl {
		margin: 20px auto;
	}
}