﻿.column_block { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.column-contents-body { list-style-type: none; }
div.Column ul { padding-left: 20px; }
.column-contents-list1 { font-size: 1rem; line-height: 1.5; list-style-type: disc; margin-top: 0.6em; }
.column-contents-list2 { list-style-type: none; }
.column-contents-list2::before { content: "-"; margin-right: 10px; padding-left: 0; }
.column-contents-title { font-weight: bold; }
.ColumnAttention { background-color: #FFECF0; margin-top: 20px; padding: 15px; }
h5>span>img { height: 20px; margin-right: 3px; vertical-align: top; }
h5.columnAttention_title { border-bottom: 2px; border-bottom-color: #BF1734; border-bottom-style: solid; color: Black; font-size: 1rem; padding-bottom: 5px; }
.ColumnNotice { background-color: #E8F5FE; margin-top: 20px; padding: 15px; }
h5.column_notice_title { color: Black; font-size: 18px; margin-bottom: 0px; margin-top: 20px; }
.notice { border-color: rgb(0,0,0); border-width: 2px; }
h5>span>img { height: 20px; margin-right: 3px; vertical-align: top; }
h5.columnNotice_title { border-bottom: 2px; border-bottom-color: #177CBF; border-bottom-style: solid; color: Black; font-size: 1rem; padding-bottom: 5px; }
.ColumnNote { background-color: #EFFBEB; margin-top: 20px; padding: 15px; }
h5.column_note_title { color: Black; font-size: 18px; margin-bottom: 0px; margin-top: 20px; }
.note { padding-bottom: 10px; padding-left: 10px; }
h5>span>img { height: 20px; margin-right: 3px; vertical-align: top; }
h5.columnNote_title { border-bottom: 2px; border-bottom-color: #4EBF17; border-bottom-style: solid; color: Black; font-size: 1rem; padding-bottom: 5px; }
.ColumnHint { background-color: Beige; margin-top: 20px; padding: 15px; }
h5.column_hint_title { color: Black; font-size: 18px; margin-bottom: 0px; margin-top: 20px; }
.hint { border-color: Beige; padding-bottom: 10px; padding-left: 10px; }
h5>span>img { height: 20px; margin-right: 3px; vertical-align: top; }
h5.columnHint_title { border-bottom: 2px; border-bottom-color: Orange; border-bottom-style: solid; color: Black; font-size: 1rem; padding-bottom: 5px; }
h1 { font-size: 2rem; padding-bottom: 20px; }
h2 { font-size: 1.5rem; }
.schema-instruction[aria-label*="Step"] { font-size: 1.3em; font-weight: bold; line-height: 1.5; list-style-type: none; margin: 50px 0 10px 0px; position: relative; }
.schema-instruction[aria-label*="Step"]:before { color: #177CBF; content: attr(value); font-size: 1.7em; left: -50px; line-height: 1; position: absolute; text-align: center; top: -8px; width: 50px; }
.button-block { margin: 0 auto; max-width: 100%; text-align: center; width: 500px; }
.link-button { background-color: rgba(235,85,5,0.8); border: 2px solid; border-color: rgba(235,85,5,0); border-radius: 3px; color: White; font-size: 1.5rem; font-weight: bold; line-height: 30px; margin-bottom: 10px; max-width: 90%; outline: none; padding-bottom: 5px; padding-top: 5px; text-align: center; text-decoration: none; width: 500px; }
.link-button:hover,.link-button:active { background-color: rgb(255,255,255); border-color: #EB5505; color: rgb(235,85,5); font-weight: bold; }
.tm-actab { margin: 0 auto; overflow: hidden; position: relative; width: 100%; }
.tm-actab input { opacity: 0; position: absolute; z-index: -1; }
.tm-actab label { background-color: rgba(235,85,5,0.8); border-radius: 3px; color: White; cursor: pointer; display: block; font-size: 1.2rem; font-weight: bolder; margin: 10px 0 15px 0; padding: 5px 50px 5px 10px; position: relative; }
.tm-actab .tm-actab-contents { background-color: White; color: #333333; max-height: 0; overflow: hidden; padding-left: 10px; padding-right: 10px; transition-delay: 0s; transition-duration: 0.35s; transition-property: max-height; transition-timing-function: ease-out; -webkit-transition: 0.35s height 0s; }
.tm-actab .tm-actab-content p { margin: 0.3em; }
.tm-actab input[type=checkbox]:checked~.tm-actab-contents { max-height: 100%; transition-delay: 0s; transition-duration: 0.35s; transition-property: max-height; transition-timing-function: ease-out; }
.tm-actab label::after { display: block; height: 1.5em; position: absolute; right: 0; text-align: center; top: 0; width: 3em; -webkit-transition: 0.35s all 0s; }
.tm-actab input[type=checkbox] + label::after { content: "\e114"; font-family: "schema-glyphs"; margin-top: 0.3em; }
.tm-actab input[type=checkbox]:checked + label::after { transform: rotate(135deg); }
