#layout_qc { display: inline-block;width: 45%;margin-right: 5%;text-align: left;letter-spacing: normal; }
#layout_qc02 { display: inline-block;width: 50%;text-align: left;vertical-align: top;letter-spacing: normal; }

/* ISOの箇所 */
ol.cp_clist { counter-reset:cp_clist;list-style-type: none;margin: 0 0 0 20px;padding: 0;letter-spacing: normal;font-size: 1.6rem; }
ol.cp_clist li { position: relative;padding-left: 30px;padding: 0.7em 0.5em 0.7em 35px;text-align: left; }
ol.cp_clist li::before { position: absolute;display: inline-block;top: 50%;left: 0;counter-increment: cp_clist;content: counter(cp_clist);
							padding: 2px;background: #556B2F;color: #fff;font-weight: normal;border-radius: 50%;
							width: 25px;height: 25px;line-height: 25px;text-align: center;transform: translateY(-50%); }

/* 見出しトップ */
h2.h201 { text-align: left;margin: 20px 0 50px 0;font-size: 2.4rem;padding-bottom: 10px;position: relative;font-weight: normal; }
h2.h201:before { content:'';width: 50px;height: 3px;background-color: #556B2F;display: block;position: absolute;left: 0;bottom: -6px; }
h2.h202 { text-align: left;margin: 0 0 50px 0;font-size: 2.4rem;padding-bottom: 10px;position: relative;font-weight: normal;letter-spacing: normal; }
h2.h202:before { content:'';width: 50px;height: 3px;background-color: #556B2F;display: block;position: absolute;left: 0;bottom: -6px; }



@media screen and (max-width: 1100px) {
#layout_qc { width: 90%; }
#layout_qc02 { width: 90%; }

}

@media screen and (max-width: 767px) {
h2.h201 { font-size: 2rem; }
h2.h203 { font-size: 2rem; }

}