@charset "utf-8";

#guide01 { width:100%; }
#guide01 .guideContent { width:100%; }
#guide01 .coGuide h2 {
	font-family: "Paperlogy";
	font-size:1.5rem;
	color:#000;
	font-weight:700;
	margin-top:3rem;
	display:block;
}
#guide01 .coGuide ul {
	width:calc(100% + 2rem);
	margin:1rem 0 0 -1rem;
	display:flex;
	flex-wrap:wrap;
}
#guide01 .coGuide ul li {
	position:relative;
	width:50%;
	padding:1rem;	
	display:flex;
	align-items:center;
}
#guide01 .coGuide li dt {
	position:relative;
	width:100%;
	min-height:160px;
	padding:1.5rem 1rem;
	background-color:#fafafa;
	border-radius:10px;
	display:flex;
	align-items:center;
}
#guide01 .coGuide dt:before {
	content:"";
	min-width:100px;
	height:100px;
	background-color:#fff;
	background-size:auto 64px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border-radius:50%;
}

#guide01 .coGuide.co01 li:nth-of-type(1) dt:before { background-image:url("../img/icon_writing.png"); }
#guide01 .coGuide.co01 li:nth-of-type(2) dt:before { background-image:url("../img/icon_design.png"); }
#guide01 .coGuide.co01 li:nth-of-type(3) dt:before { background-image:url("../img/icon_pdf.png"); }
#guide01 .coGuide.co01 li:nth-of-type(4) dt:before { background-image:url("../img/icon_request.png"); }
#guide01 .coGuide.co01 li:nth-of-type(5) dt:before { background-image:url("../img/icon_modify.png"); }
#guide01 .coGuide.co01 li:nth-of-type(6) dt:before { background-image:url("../img/icon_print.png"); }
#guide01 .coGuide.co01 li:nth-of-type(7) dt:before { background-image:url("../img/icon_delivery.png"); }
#guide01 .coGuide.co01 li:nth-of-type(8) dt:before { background-image:url("../img/icon_store.png"); }

#guide01 .coGuide.co02 li:nth-of-type(1) dt:before { background-image:url("../img/icon_writing.png"); }
#guide01 .coGuide.co02 li:nth-of-type(2) dt:before { background-image:url("../img/icon_request.png"); }
#guide01 .coGuide.co02 li:nth-of-type(3) dt:before { background-image:url("../img/icon_design.png"); }
#guide01 .coGuide.co02 li:nth-of-type(4) dt:before { background-image:url("../img/icon_modify.png"); }
#guide01 .coGuide.co02 li:nth-of-type(5) dt:before { background-image:url("../img/icon_print.png"); }
#guide01 .coGuide.co02 li:nth-of-type(6) dt:before { background-image:url("../img/icon_delivery.png"); }
#guide01 .coGuide.co02 li:nth-of-type(7) dt:before { background-image:url("../img/icon_store.png"); }

#guide01 .coGuide dt aside {
	margin-left:1rem;
}
#guide01 .coGuide dt fieldset {
	display:flex;
	align-items:center;
}
#guide01 .coGuide em {
	font-size:0.8rem;
	color:#fff;
	font-style:normal;
	font-weight:600;
	padding:0.3rem 0.6rem;
	background-color:#f20000;
	border-radius:50px;
	text-align:center;
}
#guide01 .coGuide em.choice { background-color:#ab9b8b; }
#guide01 .coGuide strong {
	font-size:1.25rem;
	color:#000;
	font-weight:600;
	margin-left:0.6rem;
	text-align:center;
	display:block;
}
#guide01 .coGuide p {
	font-family: "Freesentation";
	font-size:0.96rem;
	color:#616161;
	font-weight:400;
	word-break:keep-all;
	margin-top:1rem;
	text-align:left;
}

/*
+----------------------------------------------------------+
+           Mobile Device Less than 768px          +
+----------------------------------------------------------+
*/
@media all and (max-width:768px) {

}