@charset "UTF-8";

/* ====================================
	共通スタイル
 ==================================== */
#main img {
	width: 100%;
	vertical-align: middle;
}

/* 特長　PCIアイコン */
#main img.icon-pci {
	width: 91%;
}

.icon-cap {
	position: relative;
	font-size: 80%;
	right: 0.1rem;
	top: -.8rem;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
}

/* フレックスコンテナ：ハーフ */
.flex-container.half {
	justify-content: space-between;
}

.flex-container.half>.flex-item {
	width: 48%;
}

ul.disc {
	/* リスト（●） */
	padding-left: 1.5em;
}

ul.disc li {
	text-indent: -1.5em;
}

ul.disc li:BEFORE {
	content: "\25cf";
	margin-right: 0.5em;
}

.caption {
	/* font-size: 1.2rem; */
	font-size: 76.92307%;
}

#main ul.notesList.single li {
	/* padding-left: 2em;
	text-indent: -1.5em; */
	padding-left: 1.45em;
	text-indent: -1.45em;
}


#main .caption-container ul.notesList li {
	font-size: 76.92307%;
	color: #666;
	padding-left: 2em;
	text-indent: -2.1em;
}

.caption-container {
	margin-top: 4em;
}

.has-bg-text {
	font-size: 110%;
	color: #fff;
	background: #719bad;
	border-radius: 0.2rem;
	padding: 0.6rem 0 0.6rem 0;
	text-align: center;
}

.has-bg-text .small {
	font-size: 70%;
}

.caption-r {
	font-size: 76.92307%;
	text-align: right;
	color: #666;
}


#main ul.notesList.single.cap-large li {
	font-size: 85%;
	color: #000;
	padding-left: 1.5em;
	text-indent: -1.5em;
}


#main .img.siaa {
	width: 27%;
}

/*  */
ul.list-nioi {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: .9em;
	text-align: center;
}

ul.list-nioi li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 31%;
	padding: .2em 0;
	border: solid 1px #000;
}

ul.list-nioi  span {
	display: block;
	font-size: .7em;
}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {}