@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------
	QUADERNOサポート情報 お知らせCSS
---------------------------------------------------------- */

.hdg-a { font-size:3.4rem; line-height: 1.3; padding-top:50px; margin: 0 auto 52px; text-align: center; }
.hdg-a .sub-title { display: block; font-size:2.4rem; padding: 1em; }
.hdg-b { font-size:3.2rem; line-height:1.4; margin:52px 0 20px; padding-bottom:18px; border-bottom:3px solid #6d6e70; position:relative; }
.hdg-b+[class^=tbl-],.hdg-b+[class*=" tbl-"] { margin-top:32px; }
.hdg-b::before { display:block; position: absolute; content: ""; left: 0; bottom: -3px; width: 18.75%; height: 3px; min-width: 72px; }
#DateArea	{text-align: right; margin-top: 1em; margin-bottom: 3em;}
#DateArea > p:not(:last-child)	{margin-bottom: 0!important;}
#EndArea {text-align: right; margin: 25px 0 0;}
.box-a { border: 1px solid #c6c6c0; padding: 24px; }
.supcntBlock_inner { margin: 48px 0 64px;}

ol > li > div { text-indent: 0; }
div.supcntBlock_inner ol li { line-height: inherit; }

@media only screen and (max-width:1280px){
	.hdg-a { padding:50px 8px 0; }
}
@media only screen and (max-width:1000px){
	.hdg-a{ padding:50px 16px 0; }
}
@media only screen and (max-width:768px){
	.box-a { padding: 16px; }
}
@media only screen and (max-width:480px){
	.hdg-a { padding:34px 16px 0; margin-bottom:40px; font-size:1.8rem; }
	.hdg-a .sub-title { font-size:1.6rem; padding: .8em; }
	.hdg-b+[class^=tbl-],.hdg-b+[class*=" tbl-"] { margin-top:24px; }
	.hdg-b { margin:40px 0 20px; padding-bottom: 16px; font-size: 1.8rem; }
}

/* 順列リスト-丸かっこ（list-order-parenthesis） -------------------- { */
.list-order-parenthesis { padding-left: 0!important; }
.list-order-parenthesis.diff-indent { padding-left: 0px; }
.list-order-parenthesis+*:not([class^="hdg-"]):not([class*=" hdg-"]) { margin-top: 34px; }
.list-order-parenthesis+p,
.list-order-parenthesis+[class^=list-],
.list-order-parenthesis+[class*=" list-"] {margin-top: 28px !important}
.list-order-parenthesis > li+li {margin-top: 12px}
.list-order-parenthesis > li > p+[class*=" list-"] {margin-top: 12px !important}
.list-order-parenthesis > li { counter-increment: cnt; display: table; /*width: 100%;*/ margin-bottom: 1em!important; text-indent: 0!important; padding-left: 0!important; }
.list-order-parenthesis li > .item{ display: table-cell; width: 100%; padding-left: 12px; }
.list-order-parenthesis > li::before { content: "（" counter(cnt) "）"!important; display:table-cell; text-align: right; white-space: nowrap; min-width: 3.2em; font-size: 1.6rem!important; }
.list-order-parenthesis[class*=diff-col] {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -40px;margin-bottom: -12px;padding-left: 0;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1}
.list-order-parenthesis[class*=diff-col] > li {margin-top: 0;margin-bottom: 12px;padding-left: 40px}
.list-order-parenthesis.diff-col2 > li {width: 50%}
.list-order-parenthesis.diff-col3 > li {width: 33.33333%}
.list-order-parenthesis.diff-col4 > li {width: 25%}
@media only screen and (max-width:767px) {.list-order-parenthesis {padding-left: 0}.list-order-parenthesis[class*=diff-col] {display: block;
	margin-left: 0}.list-order-parenthesis[class*=diff-col] > li {padding-left: 0}.list-order-parenthesis.diff-col2 > li,.list-order-parenthesis.diff-col3 > li,.list-order-parenthesis.diff-col4 > li {width: 100%}}
@media only screen and (max-width:480px) {.list-order-parenthesis+*:not([class^="hdg-"]):not([class*=" hdg-"]) {margin-top: 28px}}
/* -------------------- } 順列リスト-丸かっこ（list-order-parenthesis） */