@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */




/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.pc-only {
		display: none;
	}


	.flex-container.half.sp-col2 {
		display: flex;
		justify-content: space-between;
	}

	ul.list-figures.col2.step {
		display: block;
	}

	ul.list-figures.col2.step li {
		width: 100%;
		margin-left: 0;
	}

	ul.list-figures.col2.step li:last-of-type {
		margin-top: 2rem;
	}

	ul.list-figures.col2.step li.has-arrow::before {
		display: none;
	}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {




	ul.list-figures.col2.step.oblong li {
		width: 48%;
		position: relative;
		margin-left: 0;
	}

	ul.list-figures.col2.step.oblong li:first-of-type {
		margin-left: 0;
	}

	ul.list-figures.col2.step.oblong li.has-arrow::before {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 40px;
		background: url(/edictionary/products/common/images/caret-right-solid.svg) no-repeat;
		background-size: 9%;
		margin: 0 0.5em 0 0;
		top: 50%;
		left: 46%;
		transform: translate(-50%, -50%);
	}

	#sub01 ul.list-figures.col2.step.oblong li.has-arrow::before {
		top: 42%;
	}

}

/* ====================================
	タブレット、印刷専用スタイル
===================================== */
@media only screen and (min-width: 768px) and (max-width: 1079px) {
	.pc-only {
		display: none;
	}
}

/* ====================================
	PC大画面専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {
	.tab-only {
		display: none;
	}
}