@charset "utf-8";

:root {

}

@media (prefers-color-scheme: dark) {
	:root {

	}
}

/* モバイル　ALL */
@media screen and (max-width: 425px) {
	:root {

	}
}

/* タブレット */
@media screen and (min-width:426px) and (max-width: 768px) {
	:root {

	}
}

/* ノートパソコン */
@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {

	}
}

/* ノートパソコン L */
@media screen and (min-width:1025px) and ( max-width:1440px) {
	:root {

	}
}

/* 2K以上 */
@media screen and (min-width:1441px) and ( max-width:2560px) {
	:root {

	}
}


/* 4K以上 */
@media screen and (min-width:2561px) {
	:root {

	}
}







/* ーーーーーーーーーーーーーーーーーーーー
   ガイド
ーーーーーーーーーーーーーーーーーーーー */

section#contents.other {
	& .main_image {
		position: relative;
		height: var(--MainImage_height);
		background: url('https://ihubjpn.com/wp-content/uploads/header01.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		& div {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: var(--MainImage_Div_padding);
			width: 100%;
			height: 100%;
			color: var(--Color_FF100);
			font-size: var(--Size_12);
			background: var(--Color_1D080);
		}
	}
}


section#contents.other {
	& .wrap {
		& h3 {
			margin: var(--Size_24) 0 var(--Size_12);
		}
		& p {
			font-size: var(--Size_08);
			& span.br {
				display: block;
				height: var(--Size_06);
			}
			& a {
				color: var(--Color_1D100);
				border-bottom: 1px var(--Color_1D040) solid;
			}
			& a:hover {
				border-bottom: 1px var(--Color_1D000) solid;
			}
		}
		& ol {
			display: flex;
			flex-direction: column;
			gap: var(--Size_02);
			margin: var(--Size_06) 0 var(--Size_06);
			padding: 0;
			counter-reset: listnum;
			list-style: none;
			list-style-position: outside;
			& > li {
				padding: 0 0 0 var(--Size_18);
				position: relative;
				font-size: var(--Size_08);
				color: var(--Color_1D100);
				line-height: 1.4;
			}
			& > li:before {
				content: '';
				position: absolute;
				top: var(--Size_01);
				left: 0;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				padding: var(--Size_02) 0 var(--Size_01);
				width: var(--Size_14);
				color: var(--Color_FF100);
				font-size: var(--Size_06);
				line-height: 1;
				counter-increment: listnum;
				content: counter(listnum);
				background: var(--Color_1D080);
				border-radius: var(--Border-radius_L);
			}
		}
		& ol.indent {
			margin: var(--Size_06) 0 var(--Size_06) var(--Size_12);
		}
		& ul {
			& > li {
				position: relative;
				padding: 0 0 0 var(--Size_16);
				font-size: var(--Size_08);
			}
			& > li:before { 
				content: '⚫︎';
				position: absolute;
				top: var(--Size_02);
				left: 0;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				margin-right: var(--Size_06);
				width: var(--Size_10);
				font-size: var(--Size_06);
			}
		}
		& ul.indent {
			margin: var(--Size_06) 0 var(--Size_06) var(--Size_12);
		}
	}
}