.t1 p { text-align: center; font-size: 0.55rem; line-height: 1rem; margin-top: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; }

.t1 p strong { color: red; }

.ex-1 p.title { font-size: 0.6rem; text-align: center; color: #683A08; margin: 0.5rem; font-weight: bold; padding-top: 0.75rem; border-top: 1px dashed #683a08; }

.ex-1 p.title img { margin-right: 0.5rem; vertical-align: text-top; }

.ex-1 ul { padding: 0 0.5rem; }

.ex-1 ul li { position: relative; font-size: 0.55rem; color: #683a08; width: 41%; margin-left: 9%; line-height: 1.2rem; }

.ex-1 ul li::before { position: absolute; content: " "; display: block; top: 50%; transform: translateY(-50%); left: -5%; width: 0.2rem; height: 0.2rem; background-color: #683A08; border-radius: 2.5rem; }

.ex-1 ul li.sp { color: red; }

.ex-1 ul li.sp::before { background-color: red; }

.ex-1 div.flex { padding: 0.5rem; justify-content: space-around; }

.ex-1 div.flex img { width: 4.3rem; }

.ex-2 p.title { font-size: 0.6rem; text-align: center; color: #683A08; margin: 0.5rem; font-weight: bold; padding-top: 0.75rem; border-top: 1px dashed #683a08; }

.ex-2 p.title img { margin-right: 0.5rem; vertical-align: text-top; }

.ex-2 ul.container { margin: 0 0.5rem 0.5rem; background-color: #F1EDE4; border-radius: 0.25rem; padding-bottom: 0.55rem; }

.ex-2 ul.container li { padding: 0 0.35rem 0.25rem; }

.ex-2 ul.container li p.class { color: #683a08; font-size: 0.6rem; text-align: center; line-height: 1.65rem; }

.ex-2 ul.container li div.content { padding: 0.25rem 0.5rem; background-color: #fff; border-radius: 0.25rem; }

.ex-2 ul.container li div.content p.ex-title { position: relative; font-size: 0.55rem; color: #672d15; font-weight: bold; margin-top: 0.5rem; padding-left: 0.75rem; padding-bottom: 0.25rem; }

.ex-2 ul.container li div.content p.ex-title::before { position: absolute; content: " "; display: block; top: 50%; transform: translateY(-50%); left: 0.125rem; width: 0.275rem; height: 0.275rem; background-color: #D1AA73; border-radius: 2.5rem; }

.ex-2 ul.container li div.content .dash { margin-bottom: 0.5rem; width: 100%; height: 1px; background-image: linear-gradient(to right, #000 0%, #000 50%, transparent 50%); background-size: 10px 1px; background-repeat: repeat-x; }

.ex-2 ul.container li div.content p.intro { line-height: 0.85rem; font-size: 0.45rem; text-align: center; }

.ex-2 ul.container li div.content div.flex { margin: 0.375rem 0; justify-content: space-around; }

.ex-2 ul.container li div.content div.flex img { width: 4.05rem; }

.ex-3 { background-color: #F1EDE4; padding: 0.5rem; }

.ex-3 ul.container { padding: 0.5rem; background-color: #fff; border-radius: 0.375rem; }

.ex-3 ul.container li { position: relative; background-color: #F1EDE4; padding-bottom: 0.5rem; margin-bottom: 0.35rem; border-radius: 0.175rem; }

.ex-3 ul.container li p.num { position: absolute; left: 0; top: 0; width: 2.65rem; height: 1.3rem; line-height: 1.3rem; text-align: center; font-size: 0.85rem; font-weight: bold; font-style: italic; color: #fff; background: url("../img/num_bg.png") no-repeat center; }

.ex-3 ul.container li p.intro { color: #6b3906; font-size: 0.55rem; text-align: center; line-height: 0.95rem; padding: 0.4rem 0; }

.ex-3 ul.container li p.intro span { font-size: 0.65rem; color: red; font-weight: bold; }

.ex-3 ul.container li p.intro.sp { padding-left: 0.75rem; }

.ex-3 ul.container li div.flex { margin: 0 1.2rem; }

.ex-3 ul.container li div.flex img { width: 5.65rem; }