@charset "utf-8";
:root {
	--page_dark-gray: #34383b;
	--page_light-gray: #f0f0f0;
	--page_blue: #1a73e8;
	--page_dark-blue: #1a3bbb;
	--page_light-blue: #eaf2fd;
	--page_red: #ec0000;
	--page_yellow: #ffff59;
}
@media screen and (min-width:391px) {
	.page {
		font-size: 1.15em;
		margin: 0 auto;
		padding: 0 0 2em 0;
		width: 940px;
	}
	.page strong {
		color: var(--page_red);
	}
	.page .title {
		background-image: url("/parts/contents/chromebook_details/title_bg.png");
		background-position: top left;
		background-repeat: no-repeat;
		height: 585px;
		margin: 0 auto;
		padding: 2.5em 0;
		position: relative;
		width: 730px;
	}
	.page .title h2 {
		animation-duration: 0.7s;
		animation-fill-mode:forwards;
		animation-name:zoomInAnime;
		margin: 0 auto 1.5em auto;
		width: 406px;
	}
	.page .title h2 + p {
		animation-duration: 0.7s;
		animation-fill-mode:forwards;
		animation-name:zoomInAnime;
		margin: 0 auto 1em auto;
		width: 370px;
	}
	@keyframes zoomInAnime{
		from {
			transform: scale(0.6);
		}
		to {
			transform: scale(1);
		}
	}
	.page .title ul {
		animation-duration: 0.8s;
		animation-fill-mode:forwards;
		animation-name:fadeUpAnime;
		left: 0;
		position: absolute;
		top: 0;
		width: 730px;
	}
	@keyframes fadeUpAnime{
		from {
			opacity: 0;
			transform: translateY(100px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.page .title ul li {
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-name: updown;
		animation-timing-function: ease-in-out;
		background-position: top left;
		background-repeat: no-repeat;
		position: absolute;
		transition: all 0.5s 0s ease;
	}
	@keyframes updown {
		0% {transform: translateY(-3px)}
		100% {transform: translateY(3px);}
	}
	.page .title ul li:nth-of-type(odd) {
		animation-direction: alternate;
	}
	.page .title ul li:nth-of-type(even) {
		animation-direction: alternate-reverse;
	}
	.page .title ul li:nth-of-type(1) {
		animation-duration: 1.9s;
		background-image: url("/parts/contents/chromebook_details/fukidashi01.png"),url("/parts/contents/chromebook_details/fukidashi01_hover.png");
		height: 103px;
		left: 2em;
		padding: 1.75em 0 0 0;
		top: 14.5em;
		width: 176px;
	}
	.page .title ul li:nth-of-type(2) {
		animation-duration: 1.5s;
		background-image: url("/parts/contents/chromebook_details/fukidashi02.png"),url("/parts/contents/chromebook_details/fukidashi02_hover.png");
		height: 106px;
		padding: 1.35em 0 0 0;
		right: 1.5em;
		top: 14em;
		width: 149px;
	}
	.page .title ul li:nth-of-type(3) {
		animation-duration: 1.7s;
		background-image: url("/parts/contents/chromebook_details/fukidashi03.png"),url("/parts/contents/chromebook_details/fukidashi03_hover.png");
		height: 100px;
		left: 3.5em;
		padding: 1.35em 0 0 0;
		top: 21em;
		width: 149px;
	}
	.page .title ul li:nth-of-type(4) {
		animation-duration: 1.4s;
		background-image: url("/parts/contents/chromebook_details/fukidashi04.png"),url("/parts/contents/chromebook_details/fukidashi04_hover.png");
		height: 102px;
		padding: 1.55em 0 0 0;
		right: 3.5em;
		top: 21em;
		width: 149px;
	}
	.page .title ul li:nth-of-type(5) {
		animation-duration: 1.9s;
		background-image: url("/parts/contents/chromebook_details/fukidashi05.png"),url("/parts/contents/chromebook_details/fukidashi05_hover.png");
		height: 102px;
		left: 1.7em;
		padding: 1.65em 0.8em 0 0;
		top: 27.5em;
		width: 158px;
	}
	.page .title ul li:nth-of-type(6) {
		animation-duration: 1.3s;
		background-image: url("/parts/contents/chromebook_details/fukidashi06.png"),url("/parts/contents/chromebook_details/fukidashi06_hover.png");
		height: 96px;
		padding: 1.25em 0 0 1.25em;
		right: 1.5em;
		top: 28em;
		width: 165px;
	}
	.page .title ul li:hover{
		animation-play-state: paused;
	}
	.page .title ul li:nth-of-type(1):hover {
		background-image: url("/parts/contents/chromebook_details/fukidashi01_hover.png");
	}
	.page .title ul li:nth-of-type(2):hover {
		background-image: url("/parts/contents/chromebook_details/fukidashi02_hover.png");
	}
	.page .title ul li:nth-of-type(3):hover {
		background-image: url("/parts/contents/chromebook_details/fukidashi03_hover.png");
	}
	.page .title ul li:nth-of-type(4):hover {
		background-image: url("/parts/contents/chromebook_details/fukidashi04_hover.png");
	}
	.page .title ul li:nth-of-type(5):hover {
		background-image: url("/parts/contents/chromebook_details/fukidashi05_hover.png");
	}
	.page .title ul li:nth-of-type(6):hover {
		background-image: url("/parts/contents/chromebook_details/fukidashi06_hover.png");
	}
	.page .title ul li:hover a {
		color: var(--page_dark-blue);
	}
	.page .title ul li a {
		color: var(--page_dark-gray);
		display: block;
		font-size: 1.3em;
		font-weight: bold;
		height: 100%;
		line-height: 1.3;
		text-align: center;
		text-decoration: none;
		width: 100%;
	}
	.page > a {
		display: inline-block;
		height: 80px;
		margin-top: -70px;
	}
	.page .lead {
		padding: 2em 1.25em 0 1.25em;
	}
	.page .block {
		margin: 2.5em 0 0 0;
	}
	.page .block h3 {
		background-color: var(--page_blue);
		border-radius: 10px;
		color: #FFF;
		display: flex;
		flex-wrap: wrap;
		font-size: 1.75em;
		height: 1.75em;
		justify-content: center;
		margin: 0 0 1.25em 0;
		padding: 0.15em 0 0 0;
		text-align: center;
	}
	.page .block h3::after {
		content: "";
		display: block;
		background-image: url("/parts/contents/chromebook_details/fukidashi_blue_parts.png");
		background-repeat: no-repeat;
		background-position: center;
		height: 20px;
		width: 100%;
	}
	.page .block .secondary {
		color: var(--page_dark-gray);
		font-size: 1.75em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.page .block .secondary strong {
		background: linear-gradient(transparent 65%,var(--page_yellow) 65%);
		color: var(--page_dark-gray);
	}
	.page .block .secondary + p {
		margin: 0;
		padding: 1em 1.25em 1.5em 1.25em;
	}
	.page .features {
		background-color: var(--page_light-blue);
		display: flex;
		justify-content: space-between;
		margin: 0 1.25em 1.25em 1.25em;
	}
	.page .features > div {
		width: 70%;
	}
	.page .features .img {
		margin: 1.25em 1.25em 1.25em 0;
		width: 155px;
	}
	.page .features h4 {
		display: flex;
		margin: 0 0 1em 0;
		padding: 0;
	}
	.page .features h4 span {
		align-items: center;
		background-color: var(--page_blue);
		color: #FFF;
		display: flex;
		font-size: 1.8em;
		height: 40px;
		justify-content: center;
		margin: 0 0.45em 0 0;
		width: 40px;
	}
	.page .features h4 strong {
		color: var(--page_dark-gray);
		font-size: 1.35em;
		height: 40px;
		padding: 12px 0 0 0;
	}
	.page .features > div > p {
		margin: 0;
		padding: 0 0 1.25em 1.25em;
	}
	.page .features_wide {
		display: block !important;
		padding-bottom: 1.25em;
	}
	.page .features_wide > div {
		padding: 0 1.25em 0 0;
		width: 100%;
	}
	.page .features_wide .img {
		margin: 0 auto;
		width: 646px;
	}
	.page .katsuyou {
		background-color: var(--page_light-blue);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 2.5em 2.5em 2.5em;
		gap: 18px 0;
	}
	.page .katsuyou h4 {
		margin: 2em auto 0 auto;
		width: 519px;
	}
	.page .katsuyou > div {
		padding: 1em 0 0 0;
		position: relative;
		width: 48%;
	}
	.page .katsuyou .icon {
		background-color: var(--page_blue);
		border-radius: 50%;
		color: #FFF;
		font-size: 1.15em;
		font-weight: bold;
		line-height: 1.2;
		height: 75px;
		margin: -0.85em 0 0 -0.85em;
		padding: 1em 0 0 0;
		position: absolute;
		text-align: center;
		width: 75px;
		z-index: 1;
	}
	.page .katsuyou h5 {
		align-items: center;
		color: var(--page_dark-gray);
		display: flex;
		font-size: 1.25em;
		height: 4em;
		justify-content: center;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.page .katsuyou .box {
		background-color: #FFF;
		border: solid 1px var(--page_dark-gray);
		margin: 0 0 0.2em 0;
		padding: 1.25em;
		width: 100%;
	}
	.page .katsuyou .box h5 + p{
		padding: 0.5em 0;
	}
	.page .katsuyou .box .img {
		margin: 0 auto;
		padding: 0.5em 0 0 0;
		width: 295px;
	}
	.page .youtube {
		background-color: var(--page_light-gray);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 3em 0 0 0;
		padding: 1em;
	}
	.page .youtube dt {
		color: var(--page_dark-gray);
		font-size: 1.65em;
		font-weight: bold;
		margin-bottom: 0.25em;
		text-align: center;
		width: 100%;
	}
	.page .youtube dd {
		background-color: var(--page_dark-gray);
		margin: 0 0.3em 0.7em 0.3em;
		width: 214px;
	}
	.page .youtube dd:last-of-type {
		background-color: transparent;
	}
	.page .youtube dd img {
		opacity: 0.65;
		transition: all 0.5s 0s ease;
	}
	.page .youtube dd:hover img {
		opacity: 1;
	}
	.page .google {
		background-color: #FFF;
		border: solid 1px var(--page_dark-gray);
		margin: 4em 0 0 0;
		padding: 0 1.85em 1.85em 1.85em;
	}
	.page .google h4 {
		font-size: 1.65em;
		margin: 1.25em 0 0.55em 0;
		position: relative;
		text-align: center;
	}
	.page .google h4 .fukidashi {
		background-color: var(--page_dark-gray);
		border-radius: 10px;
		color: #FFF;
		display: flex;
		flex-wrap: wrap;
		font-size: 0.85em;
		height: 1.8em;
		left: -1.45em;
		padding: 0.1em 1em 0 1em;
		position: absolute;
		top: -2.75em;
	}
	.page .google h4 .fukidashi::after {
		content: "";
		display: block;
		background-image: url("/parts/contents/chromebook_details/fukidashi_gray_parts.png");
		background-repeat: no-repeat;
		background-position: center;
		height: 16px;
		width: 100%;
	}
	.page .google h4 .img {
		display: inline-block;
		margin-right: 0.25em;
		vertical-align: bottom;
		width: 139px;
	}
	.page .google h4 strong {
		color: var(--page_dark-gray);
	}
	.page .google > div {
		background-color: var(--page_light-gray);
		margin: 1.15em 0 0 0;
		padding: 1.55em;
	}
	.page .google h5 {
		background-color: var(--page_blue);
		border-radius: 10px;
		color: #FFF;
		display: inline-block;
		font-size: 1.25em;
		height: 1.75em;
		line-height: 1.75em;
		margin: 0;
		padding: 0 0.75em;
	}
	.page .google h5 + p {
		display: block;
		margin: 1em 0 0 0;
	}
	.page .google h5 + p:after {
		clear: both;
		content: "";
		display: block;
	} 
	.page .google h5 + p:before {
		clear: both;
		content: "";
		display: block;
	}
	.page .google h5 + p .img {
		float: right;
		margin: 0 0 0 0.5em;
		width: 245px;
	}
	.page .security {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 1.25em;
	}
	.page .security > div {
		background-color: var(--page_light-blue);
		margin: 0.8em 0 0 0;
		padding: 1.25em;
		width: 49%;
	}
	.page .security > div:nth-of-type(1),
	.page .security > div:nth-of-type(2) {
		margin: 0;
	}
	.page .security > div h4 {
		color: var(--page_dark-gray);
		font-size: 1.25em;
		margin: 0 0 0.5em 0;
		padding: 0;
		text-align: center;
	}
	.page .security > div .img {
		margin: 0.75em auto 0 auto;
		width: 295px;
	}
	.page table.software {
		border-left: solid 1px #aaabad;
		border-top: solid 1px #aaabad;
		color: #000;
		margin: 0 auto;
		width: 690px;
	}
	.page table.software th,
	.page table.software td {
		border-bottom: solid 1px #aaabad;
		border-right: solid 1px #aaabad;
		padding: 0.5em;
		vertical-align: middle;
	}
	.page table.software td {
		padding: 0.5em 1.25em;
	}
	.page table.software tr:nth-of-type(1) th {
		text-align: center;
	}
	.page table.software th:nth-of-type(1) {
		background-color: #e9e9e9;
		font-size: 0.85em;
		font-weight: normal;
	}
	.page table.software tr:nth-of-type(1) th:nth-of-type(3), 
	.page table.software td:nth-of-type(2) {
		background-color: #ffffe5;
	}
	.page table.software td .icon {
		display: inline-block;
		margin: 0 0.35em 0 0;
		vertical-align: middle;
	}
	.page table.software td:nth-of-type(1) .icon {
		width: 29px;
	}
	.page table.software td:nth-of-type(2) .icon {
		width: 23px;
	}
	.page table.software + p {
		padding: 1.5em 1.25em 0 1.25em;
	}
	.page .demerit {
		background-color: #f0f0f0;
		padding: 1.85em;
		position: relative;
	}
	.page .demerit h4 {
		background-color: var(--page_dark-gray);
		border-radius: 10px;
		color: #FFF;
		font-size: 1.45em;
		height: 1.75em;
		left: 0;
		line-height: 1.75em;
		margin: auto;
		padding: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: -0.75em;
		width: 55%;
	}
	.page .demerit h4 + p{
		margin: 0.75em 0;
	}
	.page .demerit dl {
		background-color: #FFF;
		padding: 0 1.25em;
	}
	.page .demerit dl:last-of-type {
		padding-bottom: 1.25em;
	}
	.page .demerit dl dt {
		align-items: center;
		color: var(--page_dark-gray);
		display: flex;
		font-size: 1.15em;
		font-weight: bold;
		height: 3em;
		margin: 0;
		padding: 1em 0 0 0;
	}
	.page .demerit dl dt::before {
		background-image: url("/parts/contents/chromebook_details/icon_demerit.svg");
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		height: 23px;
		padding: 0 0.2em 0 0;
		width: 23px;
	}
	.page .demerit dl dd {
		font-size: 0.85em;
		margin: 0;
		padding: 0.25em 0 0 0;
	}
	.page .conclusion {
		color: var(--page_dark-gray);
		border-top: solid 1px var(--page_dark-gray);
		font-size: 1.35em;
		font-weight: bold;
		line-height: 1.7;
		padding: 2em 0 1em 0;
		text-align: center;
	}
	.page .bn img {
		opacity: 0.85;
		transition: all 0.5s 0s ease;
	}
	.page .bn:hover img {
		opacity: 1;
	}
}
@media screen and (max-width:390px) { 
	.page {
		font-size: 0.85em;
		margin: 0 auto;
		padding: 0 0 1.15em 0;
		width: 95%;
	}
	.page strong {
		color: var(--page_red);
	}
	.page .title > div {
		align-items: center;
		background-image: url("/parts/contents/chromebook_details/title_bg.png");
		background-position: top left;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		justify-content: space-between;
		padding: 1.5em 1em;
		width: 100%;
	}
	.page .title h2 {
		animation-duration: 0.7s;
		animation-fill-mode:forwards;
		animation-name:zoomInAnime;
		margin: 0;
		width: 55%;
	}
	.page .title h2 + p {
		animation-duration: 0.7s;
		animation-fill-mode:forwards;
		animation-name:zoomInAnime;
		margin: 0;
		width: 42%;
	}
	@keyframes zoomInAnime{
		from {
			transform: scale(0.6);
		}
		to {
			transform: scale(1);
		}
	}
	.page .title ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 1em auto;
		width: 92%;
	}
	.page .title ul li {
		background-color: var(--page_blue);
		border-radius: 5px;
		display: flex;
		margin: 0 0 0.65em 0;
		padding: 0 0 0 0.5em;
		width: 48.7%;
	}
	.page .title ul li::before {
		background-image: url("/parts/contents/chromebook_details/icon_q.svg");
		background-position: center left;
		background-repeat: no-repeat;
		content: "";
		display: block;
		width: 2.5em;
	}
	.page .title ul li a {
		color: #FFF;
		display: block;
		font-size: 1.05em;
		font-weight: bold;
		height: 100%;
		line-height: 1.3;
		text-decoration: none;
		padding: 0.5em 0 0.5em 0.25em;
		width: 100%;
	}
	.page > a {
		display: inline-block;
		height: 2em;
		margin-top: -2em;
	}
	.page .lead {
		margin: 0 auto;
		padding: 0;
		width: 92%;
	}
	.page .block {
		margin: 1em auto 0 auto;
		width: 92%;
	}
	.page .block h3 {
		background-color: var(--page_blue);
		border-radius: 10px;
		color: #FFF;
		display: flex;
		flex-wrap: wrap;
		font-size: 1.35em;
		line-height: 1.4;
		height: 1.7em;
		justify-content: center;
		margin: 0 0 1.25em 0;
		padding: 0.15em 0 0 0;
		text-align: center;
	}
	.page a#safety + .block h3 {
		height: 3.7em;
		padding: 0.5em 0 0 0;
	}
	.page .block h3::after {
		content: "";
		display: block;
		background-image: url("/parts/contents/chromebook_details/fukidashi_blue_parts.png");
		background-repeat: no-repeat;
		background-position: center;
		height: 20px;
		width: 100%;
	}
	.page .block .secondary {
		color: var(--page_dark-gray);
		font-size: 1.25em;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.page .block .secondary strong {
		background: linear-gradient(transparent 65%,var(--page_yellow) 65%);
		color: var(--page_dark-gray);
	}
	.page .block .secondary + p {
		margin: 0;
		padding: 0.5em 0 0 0;
	}
	.page .features {
		background-color: var(--page_light-blue);
		margin: 1em 0 0 0;
		padding: 0 0 1.25em 0;
	}
	.page .features > div {
	}
	.page .features .img {
		margin: 0 auto;
		width: 40%;
	}
	.page .features h4 {
		align-items: center;
		background-color: #d6d7d8;
		display: flex;
		margin: 0 0 1em 0;
		padding: 0;
	}
	.page .features h4 span {
		align-items: center;
		background-color: var(--page_blue);
		color: #FFF;
		display: flex;
		font-size: 1.7em;
		height: 100%;
		justify-content: center;
		margin: 0 0.45em 0 0;
		width: 1.5em;
	}
	.page .features h4 strong {
		color: var(--page_dark-gray);
		font-size: 1.15em;
		padding: 0;
	}
	.page .features > div > p {
		margin: 0;
		padding: 0 1.25em;
	}
	.page .features_wide {
	}
	.page .features_wide > div {
		width: 100%;
	}
	.page .features_wide .img {
		margin: 0 auto;
		padding: 0.8em 0 0 0;
		width: 90%;
	}
	.page .katsuyou {
		background-color: var(--page_light-blue);
		margin: 1.25em 0 0 0;
		padding: 1.25em;
	}
	.page .katsuyou h4 {
		margin: 0.75em auto 2.8em auto;
		width: 96%;
	}
	.page .katsuyou > div {
		margin: 1.5em 0 0 0;
		padding: 0;
		position: relative;
	}
	.page .katsuyou .icon {
		background-color: var(--page_blue);
		color: #FFF;
		font-size: 1.15em;
		font-weight: bold;
		left: 0;
		line-height: 1.2;
		margin: auto;
		padding: 0.35em 2em;
		position: absolute;
		right: 0;
		text-align: center;
		top: -1em;
		width: 50%;
		z-index: 1;
	}
	.page .katsuyou h5 {
		color: var(--page_dark-gray);
		font-size: 1.25em;
		margin: 0;
		padding: 0.85em 0 0 0;
		text-align: center;
	}
	.page .katsuyou .box {
		background-color: #FFF;
		border: solid 1px var(--page_dark-gray);
		margin: 0 0 0.2em 0;
		padding: 1.25em;
	}
	.page .katsuyou .box h5 + p{
		padding: 0.5em 0;
	}
	.page .katsuyou .box .img {
		padding: 0.5em 0 0 0;
		width: 100%;
	}
	.page .youtube {
		background-color: var(--page_light-gray);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 1.25em 0 0 0;
		padding: 1.25em;
	}
	.page .youtube dt {
		color: var(--page_dark-gray);
		font-size: 1.65em;
		font-weight: bold;
		margin-bottom: 0.25em;
		text-align: center;
		width: 100%;
	}
	.page .youtube dd {
		background-color: var(--page_dark-gray);
		margin: 0.65em 0 0 0;
		width: 49%;
	}
	.page .youtube dd:last-of-type {
		display: none;
	}
	.page .youtube dd img {
		opacity: 0.65;
	}
	.page .google {
		background-color: #FFF;
		border: solid 1px var(--page_dark-gray);
		margin: 4em 0 0 0;
		padding: 0 1.25em 1.25em 1.25em;
	}
	.page .google h4 {
		font-size: 1.65em;
		margin: 1.25em 0 0.55em 0;
		position: relative;
		padding: 0;
		text-align: center;
	}
	.page .google h4 .fukidashi {
		background-color: var(--page_dark-gray);
		border-radius: 10px;
		color: #FFF;
		display: flex;
		flex-wrap: wrap;
		font-size: 0.85em;
		height: 1.8em;
		left: -1.45em;
		padding: 0.1em 1em 0 1em;
		position: absolute;
		top: -2.75em;
	}
	.page .google h4 .fukidashi::after {
		content: "";
		display: block;
		background-image: url("/parts/contents/chromebook_details/fukidashi_gray_parts.png");
		background-repeat: no-repeat;
		background-position: center;
		height: 16px;
		width: 100%;
	}
	.page .google h4 .img {
		display: inline-block;
		margin-right: 0.25em;
		vertical-align: bottom;
		width: 139px;
	}
	.page .google h4 strong {
		color: var(--page_dark-gray);
	}
	.page .google > div {
		background-color: var(--page_light-gray);
		margin: 1.15em 0 0 0;
		padding: 1.25em;
	}
	.page .google h5 {
		background-color: var(--page_blue);
		border-radius: 10px;
		color: #FFF;
		display: inline-block;
		font-size: 1.25em;
		height: 1.75em;
		line-height: 1.75em;
		margin: 0;
		padding: 0 0.75em;
	}
	.page .google h5 + p {
		display: flex;
		flex-wrap: wrap;
		margin: 1em 0 0 0;
	}
	.page .google h5 + p .img {
		display: block;
		margin: 1em auto;
		order: 1;
		width: 60%;
	}
	.page .security {
		padding: 1em 0 0 0;
	}
	.page .security > div {
		background-color: var(--page_light-blue);
		margin: 0.8em 0 0 0;
		padding: 1.25em;
	}
	.page .security > div:nth-of-type(1),
	.page .security > div:nth-of-type(2) {
	}
	.page .security > div h4 {
		border-bottom: solid 1px var(--page_dark-gray);
		color: var(--page_dark-gray);
		font-size: 1.25em;
		margin: 0 0 0.75em 0;
		padding: 0 0 0.45em 0;
		text-align: center;
	}
	.page .security > div .img {
		margin: 0.75em auto 0 auto;
		width: 295px;
	}
	.page table.software {
		border-left: solid 1px #aaabad;
		border-top: solid 1px #aaabad;
		color: #000;
		margin: 1em auto;
	}
	.page table.software th,
	.page table.software td {
		border-bottom: solid 1px #aaabad;
		border-right: solid 1px #aaabad;
		padding: 0.5em;
		vertical-align: middle;
	}
	.page table.software td {
		padding: 0.5em 1.25em;
		text-align: center;
	}
	.page table.software tr:nth-of-type(1) th {
		text-align: center;
	}
	.page table.software th:nth-of-type(1) {
		background-color: #e9e9e9;
		font-size: 0.85em;
		font-weight: normal;
	}
	.page table.software tr:nth-of-type(1) th:nth-of-type(3), 
	.page table.software td:nth-of-type(2) {
		background-color: #ffffe5;
	}
	.page table.software td .icon {
		display: block;
		margin: 0 0.35em 0 0;
		text-align: center;
		vertical-align: middle;
	}
	.page table.software td:nth-of-type(1) .icon img {
		width: 29px;
	}
	.page table.software td:nth-of-type(2) .icon img {
		width: 23px;
	}
	.page table.software + p {
		padding: 0;
	}
	.page .demerit {
		background-color: #f0f0f0;
		padding: 0 0 1.25em 0;
	}
	.page .demerit h4 {
		background-color: var(--page_dark-gray);
		color: #FFF;
		font-size: 1.45em;
		line-height: 1.75em;
		margin: 0 0 0.75em 0;
		padding: 0;
		text-align: center;
	}
	.page .demerit h4 + p {
		margin: 0 0 1.25em 0;
		padding: 0 1.25em;
	}
	.page .demerit dl {
		background-color: #FFF;
		margin: 0 1.25em;
		padding: 0 1.25em;
	}
	.page .demerit dl:last-of-type {
		padding-bottom: 1.25em;
	}
	.page .demerit dl dt {
		align-items: center;
		color: var(--page_dark-gray);
		display: flex;
		font-size: 1.15em;
		font-weight: bold;
		height: 3em;
		margin: 0;
		padding: 1em 0 0 0;
	}
	.page .demerit dl dt::before {
		background-image: url("/parts/contents/chromebook_details/icon_demerit.svg");
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		height: 23px;
		padding: 0 0.2em 0 0;
		width: 23px;
	}
	.page .demerit dl dd {
		font-size: 1em;
		margin: 0;
		padding: 0.25em 0 0 0;
	}
	.page .conclusion {
		color: var(--page_dark-gray);
		border-top: solid 1px var(--page_dark-gray);
		font-size: 1.25em;
		font-weight: bold;
		margin: 1em auto 0 auto;
		padding: 1em 0;
		text-align: left;
		width: 92%;
	}
	.page .bn {
		margin: 0 auto;
		width: 92%;
	}
}