@charset "UTF-8";

/* ===============================
	common
=============================== */
.white {
	color: #fff;
}
.r-img>.flex-item>.img-container.nioi {
    margin-top: auto;
    padding-top: 1rem;
}
/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	/* wのダニ対策 */
	.flex-container.dani {
		display: flex;
		justify-content: space-between;
		margin-top: 1.4em;
	}
	.flex-container.dani .flex-item {
		width: 100%;
	}
	/*.flex-container.dani .and {
		position: relative;
		bottom: 0.2rem;
		font-size: 3rem;
		font-weight: 500;
		color: #535353;
	}*/
	.flex-container.dani .flex-item:last-of-type {
		margin-top: 1em;
	}

	.flex-container.dani .flex-item .text {
		margin-top: 0.5rem;
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {
	/* wのダニ対策 */
	.flex-container.dani {
		display: flex;
		justify-content: space-between;
		margin-top: 1em;
	}
	.flex-container.dani .flex-item {
		width: 46.5%;
	}
	.flex-container.dani .and {
		position: relative;
		bottom: 0.7rem;
		font-size: 3rem;
		font-weight: 500;
		color: #535353;
	}
	.flex-container.dani .flex-item .name {
		width: 100%;
		display: block;
		background-color: #8c8c8c;
		color: #fff;
		padding: 0.4rem 0;
		text-align: center;
		font-size: 1.8rem;
		font-weight: 400;
		border-radius: 3px;
	}
	.flex-container.dani .flex-item .text {
		margin-top: 0.5rem;
	}
}