@charset "UTF-8";

.guideline {
	counter-reset: gcnt;
}

.guideline small {
	font-size: 0.9em;
}

.guideline .container-inner {
	margin-bottom: 72px;
}

.guideline .inner-title_primary {
	margin-top: 40px;
	/* font-size: 2.4rem; */
	/* font-size: 3rem; */
	font-size: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.guideline .inner-title_primary div {
	float: left;
}

.guideline .inner-title_primary .list:before {
	counter-increment: gcnt;
	content: counter(gcnt);
	padding: 0.2em 0.5em;
	border: 1px solid;
}

.guideline .inner-title_primary .reg_upper {
	font-size: 0.5em;
}

.guideline .inner-title_primary:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.guideline .block-list li {
	margin-bottom: 15px;
}

/*
.guideline .ttl-num {
	display: list-item;
}
*/

.guideline .ttl-num-reset {
	counter-reset: ttl-num;
}

.guideline .ttl-num:before {
	counter-increment: ttl-num;
	content: counter(ttl-num)".";
	margin-right: 0.3em;
}

.guideline .ttl-num-2-reset {
	counter-reset: ttl-num-2;
}

.guideline .ttl-num-2 {
	margin-left: 1.5em;
}
.guideline .ttl-num-2:before {
	counter-increment: ttl-num-2;
	content: "("counter(ttl-num-2)")";
	margin-right: 0.3em;
	margin-left: -1.5em;
}
.guideline .ttl-num-2.aleft {
	width: 260px;
}

.guideline ol.kakko-num-reset {
	counter-reset: kakko-num;
}

.guideline ol.kakko-num > li {
	margin-left: 1.5em;
}
.guideline ol.kakko-num > li:before {
	counter-increment: kakko-num;
	content: "("counter(kakko-num)")";
	margin-right: 0.3em;
	margin-left: -1.5em;
}

.guideline ol.maru-num-reset {
	counter-reset: maru-num;
}

.guideline ol.maru-num > li {
	margin-left: 1.5em;
}
.guideline ol.maru-num > li:before {
	display: inline-block;
	counter-increment: maru-num;
	content: counter(maru-num);
	margin-right: 0.3em;
	margin-left: -1.5em;
	width: 1.4em;
	height: 1.4em;
	border: 1px solid;
	border-radius: 50%;
	text-align: center;
	/* vertical-align: middle; */
	line-height: 1.2;
	font-size: 0.9em;
	letter-spacing: -0.1em;
}

.guideline .kome {
	margin-left: 1em;
}
.guideline .kome:before {
	content: "※";
	margin-left: -1em;
}

.guideline table.correct {
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	line-height: 1;
	margin: 20px 0;
}

.guideline table.correct tr {
	border-top: 1px solid gray;
}

.guideline table.correct tr:first-child {
	border-top: none;
}

.guideline table.correct th {
	width: 20%;
	padding: 5px 0;
	border-right: 1px dotted gray;
	vertical-align: middle;
	font-size: 2em;
	text-align: center;
}

.guideline table.correct td {
	padding: 5px 0 5px 2em;
	vertical-align: middle;
}

.guideline div.correct,
.guideline div.incorrect {
	margin: 20px 0;
}

.guideline div.correct > div,
.guideline div.incorrect > div {
	margin-left: 40px;
}

.guideline div.correct > div:before,
.guideline div.incorrect > div:before {
	float: left;
	width: 40px;
	margin-left: -40px;
	vertical-align: top;
	font-size: 2em;
}
.guideline div.correct > div:before { content: "○"; }
.guideline div.incorrect > div:before { content: "×"; }
.guideline div.correct.lh01 > div:before,
.guideline div.incorrect.lh01 > div:before { line-height: 1; }
.guideline div.correct.lh02 > div:before,
.guideline div.incorrect.lh02 > div:before { line-height: 2; }
.guideline div.correct.lh03 > div:before,
.guideline div.incorrect.lh03 > div:before { line-height: 3; }

.guideline .inline {
	display: inline-block;
}

.guideline .ex-text {
	font-size: 1.5em;
	font-weight: bold;
}

.guideline .ex-text-2 {
	font-size: 1.2em;
	font-weight: bold;
}

.guideline .ex-text .normal,
.guideline .ex-text-2 .normal {
	font-size: 1rem;
	font-weight: normal;
}

.guideline .border {
	display: inline-block;
	border: 2px solid red;
	padding: 5px;
}

.guideline .border-zam {
	display: inline-block;
	border: 2px solid #005fa7;
	padding: 5px;
}

.guideline .shadow {
	box-shadow: 0 2px 5px #3f3f3f;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#3f3f3f, direction=180, strength=3);
}

.guideline .logo-var {
	width: 100%;
	overflow: hidden;
}
.guideline .logo-var li {
	float: left;
	margin-right: 20px;
}

.guideline .logo-var object,
.guideline .logo-var img {
	display: block;
	margin: 5px 0 15px 0;
}

.guideline .va-middle * {
	vertical-align: middle;
}

.guideline .va-top * {
	vertical-align: top;
}

.guideline .va-middle .reg_upper {
	vertical-align: super;
}

.guideline .va-top .reg_upper {
	vertical-align: super;
}

.guideline .italic {
	font-family: "Lucida Sans", sans-serif;
	font-style: italic;
}

.guideline .underline {
	/* text-decoration: underline; */
	border-bottom: 1px solid;
}

.guideline .fancy-font {
	font-family: "Brush Script MT", "Brush Script Std", "Comic Sans", serif;
}