@charset "UTF-8";
/* CSS Document */
#indexDetail.noindex {display: none;}
#indexDetail nav {margin: 4em 0;padding: 4em;background: #f7fafd;}
#indexDetail nav #indexBtn {font-size: 125%;font-weight: 600;text-align: center;}
#indexDetail nav #indexBtn span {display: inline-block;color: #034293;font-size: 70%;text-align-last: justify;white-space: nowrap;margin-left: 1em;width: 3.7em;cursor: pointer;}
#indexDetail nav ul li a {color: #034293;}
#indexDetail nav ul li a::before {display: none;content: attr(data-label);margin-right: 0.5em;}
#indexDetail nav > ul {margin-top: 2.5em;overflow: hidden;transition: max-height 0.3s ease-out;}
#indexDetail nav > ul > li {margin-top: 1.5em;}
#indexDetail nav > ul > li + li {margin-top: 1.5em;}
#indexDetail nav > ul > li > a {font-size: 125%;font-weight: 600;/*text-indent: -1.1em;padding-left: 1em;*/}
#indexDetail nav > ul > li > ul {padding-left: 1.5em;margin-top: 1em;}
#indexDetail nav > ul > li > ul > li + li {margin-top: 0.5em;}
#indexDetail nav > ul > li > ul > li > a {text-indent: -1.6em;padding-left: 1em;}
#indexDetail nav > ul > li > ul > li ul {padding-left: 1em;}
#indexDetail nav > ul > li > ul > li ul li {}
#indexDetail nav > ul > li > ul > li ul li a {}
#editorDetail strong span {font-weight: 600;}
#editorDetail em {font-style: italic;}
#editorDetail u {text-decoration: underline;}
#editorDetail s {text-decoration: line-through;}
#editorDetail ul {margin-top: 1.5em;}
#editorDetail ul li + li {margin-top: 1em;}
#editorDetail ul li::marker {color: #034293;font-size: 118.75%;}
#editorDetail h4,
#editorDetail h3,
#editorDetail h2 {display: block;font-weight: 600;line-height: 1.5;}
#editorDetail h2 {color: #fff;font-size: 150%;padding: 0.75em 1em;background: #09161f;}
#editorDetail h3 {font-size: 150%;padding: 0.2em 0.2em 0.2em 0;}
#editorDetail h3 {font-size: 150%;}
#editorDetail h4 {font-size: 125%;}
#editorDetail h2 {margin-top: 2em;}
#editorDetail h3 {margin-top: 3em;}
#editorDetail h4 {margin-top: 2em;}



#editorDetail p {line-height: 2.25;margin-top: 2em;}
#editorDetail .relatedWrap {padding: 1.5em;border: 1px solid #c6c6c6;}
#editorDetail .relatedWrap + .relatedWrap {margin-top: 1em;}
#editorDetail .relatedWrap a {font-size: 112.5%;text-decoration: none;}
#editorDetail .relatedWrap a span,
#editorDetail .relatedWrap a u {color: #034293;font-weight: 600;text-decoration: none;}
#editorDetail .relatedWrap a span::before {display: inline-block;color: #000;font-weight: 600;line-height: 1;padding: 0.45em 0.75em 0.5em;margin-right: 0.75em;background: #ebebeb;}
#editorDetail .relatedWrap a .related::before {content: '関連記事';}
#editorDetail .relatedWrap a .related2::before {content: '参照元';}
#editorDetail .relatedWrap a .related3::before {content: '引用元';}
#editorDetail .relatedWrap a .related4::before {content: '出典';}
#editorDetail h4 + p {margin-top: 0.5em;}
#editorDetail a {display: inline;color: #0000ee;text-decoration: underline;word-break: break-all;}
#editorDetail .font24px {font-size: 150%;}
#editorDetail .font23px {font-size: 143.75%;}
#editorDetail .font22px {font-size: 137.5%;}
#editorDetail .font21px {font-size: 131.25%;}
#editorDetail .font20px {font-size: 125%;}
#editorDetail .font19px {font-size: 118.75%;}
#editorDetail .font18px {font-size: 112.5%;}
#editorDetail .font17px {font-size: 106.25%;}
#editorDetail .font16px {font-size: 100%;}
#editorDetail .font15px {font-size: 93.75%;}
#editorDetail .font14px {font-size: 87.5%;}
#editorDetail .font13px {font-size: 81.25%;}
#editorDetail .font12px {font-size: 75%;}
#editorDetail .font11px {font-size: 68.75%;}
#editorDetail .font10px {font-size: 62.5%;}
#editorDetail table {width: 100%;}
#editorDetail table th,
#editorDetail table td {padding: 0.5em;border: 1px solid var(--color-03);vertical-align: middle;}
#editorDetail table th {color: #fff;text-align: center;background: var(--color-03);position: relative;}
#editorDetail table tr:nth-child(1) th + th::before {display: block;content: '';width: 1px;height: 100%;background: #fff;position: absolute;top: 0;left: -1px;opacity: 0.6;}
#editorDetail table td ul {margin-top: 0;}
#editorDetail table td ul li::marker {color: #444;}
#editorDetail table th p,
#editorDetail table td p {line-height: 1.5;margin: 0;}
#editorDetail figure a {display: inline-block;}
#editorDetail figure a img {width: auto;height: auto;max-width: 100%;}
#editorDetail table.column01 th,
#editorDetail table.column01 td {padding: 1em;}
#editorDetail table.column01 th strong,
#editorDetail table.column01 td strong {font-weight: 600;}
#editorDetail table.column01 th p + p,
#editorDetail table.column01 td p + p {margin-top: 1em;}
#editorDetail ol,
#editorDetail ul {padding-left: 1em;}
#editorDetail ol {list-style: auto;}
#editorDetail ul {list-style: unset;}
#editorDetail .liststyle01 {}
#editorDetail .liststyle01 p {color: #fff;padding: 0 1em;background: var(--color-03);}
#editorDetail .liststyle01 ul {list-style: none;padding: 0.8em 1em 1em;margin: 0;border: 2px solid var(--color-03);background: var(--color-02);}
#editorDetail .liststyle01 ul li {padding-left: 1.75em;position: relative;}
#editorDetail .liststyle01 ul li + li {margin-top: 0.5em;}
#editorDetail .liststyle01 ul li::before {display: block;content: '';width: 1.2em;height: 1.2em;background: url("../img/common/common_check.svg") no-repeat center/contain;position: absolute;top: 0.4em;left: 0;}
#editorDetail blockquote {padding: 2.5em 1.5em 1em;border-left: 5px solid var(--color-03);background: var(--color-02);position: relative;}
#editorDetail blockquote::after {display: block;content: '';width: 2em;height: 2em;background: url("../img/common/common_quote.svg") no-repeat center/contain;position: absolute;top: 0.5em;left: 0.75em;z-index: 1;opacity: 0.2;}
#editorDetail blockquote p {position: relative;z-index: 2;}
#editorDetail blockquote p:nth-child(1) {margin: 0;}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #indexDetail nav {margin: 2em 0;padding: 5vw;}  
  #indexDetail nav > ul {margin-top: 0.5em;}
  #editorDetail h2 {font-size: 125%;margin-top: 2.5em;}
  #editorDetail h3 {margin-top: 1.5em;}
  #editorDetail p {line-height: 2;margin-top: 1em;}
  #editorDetail ol,
  #editorDetail ul {padding-left: 1.75em;}
  #editorDetail .relatedWrap {padding: 0;position: relative;}
  #editorDetail .relatedWrap a span {display: block;line-height: 1.5;padding: 3em 1em 1em;}
  #editorDetail .relatedWrap a span::before {width: 100%;text-align: center;position: absolute;top: 0;left: 0;}
  #editorDetail .relatedWrap a span u {}
  #editorDetail blockquote {padding: 2.75em 1.5em 1em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}