@charset "utf-8";
.contents__box--yoko{
	display: flex;
}
b{
	color:#FF7420;
}
.text--yoko{
	width:75%;
	padding-right: 2rem;
}
.contents__block--supportBox{
	border:1px dashed #00688D;
	margin-top:0;
	width:25%;
}
.heading--func{
	text-align: center;
}
.hading--func__icon{
	width:5em;
	margin:0 auto 0.5em;
}
.heading--support{
	font-size:1.25rem;
	margin-bottom: 1rem;
	color:#00688D;
}
.list--supportBox{
	display:block;
}
li::marker{
	color:#00688D;
}
.contents__block--funcPointMini{
	background-color:#FFFDE2;
	color:#FF7420;
	font-family: fot-tsukuardgothic-std, Noto Sans JP, sans-serif;
}
.text--funcPointMini{
	font-size: 1.5rem;
	font-weight: bold;
}
.title--funcPointMini{
	font-size: 1.25rem;
	position: relative;
	padding-left:2rem;
}
.title--funcPointMini::before{
	position: absolute;
	top: 0;
	right: auto;
	bottom: 3px;
	left: 0;
	display: inline-block;
	margin: auto;
	content: "";
	width: 1.375rem;
	height: 1.375rem;
	background-image: url(/cloud/how-to-use/common/img/icon_light-bulb.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 1024px) {
	.text--yoko{
		width:60%;
	}
	.contents__block--supportBox{
		border:1px dashed #00688D;
		margin-top:0;
		width:40%;
	}
}

@media screen and (max-width: 768px) {
	.contents__box--yoko{
		display: block;
	}
	.text--yoko{
		width:100%;
		padding-right:0;
	}

	.heading--func{
		text-align: left;
	}

	.contents__block--supportBox{
		border:1px dashed #00688D;
		margin-top:2rem;
		width:100%;
	}
	.text--funcPointMini{
	font-size: 1.25rem;
	font-weight: bold;
	}
	.title--funcPointMini{
	font-size: 1rem;
	position: relative;
	padding-left:1.5rem;
	}
	.title--funcPointMini::before{
	width: 1.15rem;
	height: 1.15rem;
	}
}