@charset "UTF-8";
body .wp-block-media-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
body .wp-block-media-text .wp-block-media-text__media, 
body .wp-block-media-text .wp-block-media-text__content {
  width: 50%;
}
body .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
  order: 2;
}
@media only screen and (max-width:719px) {
  body .wp-block-media-text.is-stacked-on-mobile {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media, 
  body .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    width: 100% !important;
  }
  /*
  body .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
    -webkit-order: unset !important;
    -moz-order: unset !important;
    -ms-order: unset !important;
    -o-order: unset !important;
    order: unset !important;
  }
  */
}

.content h1:not([class]) {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 0.1rem #6fba2c;
}
.content h2:not([class]) {
  padding-left: 1.5em;
}
.content h2:not([class])::before {
  content: '';
  display: inline-block;
  margin-left: -1.5em;
  margin-right: 0.3em;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  border: solid 0.3em #6fba2c;
  vertical-align: bottom;
}
.content h3:not([class]) {
  padding-left: 0.7em;
  border-left: solid 0.3em #6fba2c;
}
.content h4:not([class]) {
  display: inline-block;
  padding: 0.25em 1em;
  background-color: #6fba2c;
  color: #FFF;
}
.content h5:not([class]) {
  color: #6fba2c;
}

.content .block {
  margin: 3rem auto;
}

.content .wp-block-table.is-style-stripes tr:nth-child(odd), 
.content blockquote.wp-block-quote {
  background-color: rgba(111, 186, 44, 0.1);
}

.content .wp-block-pullquote {
  border-color: #6fba2c;
}

.content .wp-block-button {
}
.content .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  display: inline-block;
  width: 12em;
  background-color: #6fba2c;
  font-size: 0.9375em;
}
.content .wp-block-button.is-style-outline .wp-block-button__link {
 color: #6fba2c;
  border-radius: 0;
}


.content .color {
  color: #6fba2c;
}
.content hr.color {
  border-color: rgba(111, 186, 44, 0.7);
}

.content p + figure {
  margin-top: 1em;
}


.content .img_title {
  margin-bottom: 3rem;
  line-height: 1;
  vertical-align: bottom;
  font-size: 1em;
}
.content .img_title > img {
  width: auto;
  height: 5em;
}

.content .subsect_title {
  font-size: 1.5em;
}
.content .item_title {
  margin: 3rem 0 1.5rem;
  padding: 0.5em;
  background-color: rgba(111, 186, 44, 0.7);
  color: #FFF;
  font-size: 1.25em;
}
.content .item_title:first-child {
  margin-top: auto;
}
.content .paragraph_title {
  margin-bottom: 1.5rem;
  padding: 0.5em;
  background-color: #231815;
  color: #FFF;
  font-size: 1em;
  line-height: 1.25;
}
.content .paragraph_title em {
  font-size: 1.375em;
}
.content .paragraph_title small {
  display: inline-block;
}
@media print, (min-width:601px) {
  .content .item_title {
    margin-bottom: 3rem;    
  }
  .content .item_title:not(:first-child) {
    margin-top: 4.5rem;
  }
  .content .paragraph_title {
    margin-bottom: 3rem;
    font-size: 1.25em;
  }
}


.content .lead {
  font-weight: bold;
}


/* variation_list */
.content .variation_list {
  margin: 1.5rem auto;
}
.content .variation_block h3 {
  border: none;
  padding: 0.25em 0.75em;
  background-color: rgba(111, 186, 44, 0.7);
  color: #FFF;
}
.content .variation_block h4 {
  display: block;
  padding: 0 0 0.5em 0;
  border-bottom: solid 2px rgba(111, 186, 44, 0.7);
  color: inherit;
  font-size: 1.125em;
  background-color: transparent;
}
.content .variation_block figure figcaption {
  font-size: 0.625em;
}

.content .variation_block figure.half {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
.content figure.caption_arr figcaption {
  margin-bottom: auto;
  padding-left: 1em;
  text-align: left;
}
.content figure.caption_arr figcaption::before {
  content: '';
  display: inline-block;
  margin: auto 0.1em 0 -0.9em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.4em 0.7em;
  border-right-color: transparent;
  border-left-color: transparent;
}

.content figure.caption_ast figcaption {
  padding-left: 1em;
}
.content figure.caption_ast figcaption::before {
  content: '※';
  margin: auto 0 auto -1em;
  width: 1em;
  height: auto;
  border: none;
}

.content figure.caption_left figcaption {
  text-align: left;
}

.content figure.item_block figcaption {
  text-align: center;
  font-size: 0.8125em;
  font-weight: bold;
}


.content .text_list {
  list-style: none;
}
.content .text_list > li {
  margin-right: 0.5em;
  display: inline-block;
}


.content .mark_list {
  list-style: none;
}
.content .mark_list > li {
  padding-left: 1.5em;
}
.content .mark_list > li::before {
  content: '';
  display: inline-block;
  margin-left: -1em;
  border-style: solid;
  vertical-align: middle;
}

.content .mark_list.mark_dis > li::before {
  margin-bottom: 0.2em;
  margin-left: -1em;
  margin-right: 0.2em;
  width: 0.8em;
  height: 0.8em;
  border-width: 1px;
}
.content .mark_list.mark_cir > li::before, 
.content .mark_list.mark_dis > li::before {
  border-radius: 50%;
}
.content .mark_list.mark_cir > li::before, 
.content .mark_list.mark_squ > li::before {
  margin-bottom: 0.2em;
  margin-left: -1em;
  margin-right: 0.2em;
  width: 0;
  height: 0;
  border-width: 0.4em;
}


.content .num_list {
  list-style: none;
  counter-reset: num_list;
}
.content .num_list > li {
  counter-increment: num_list;
}
.content .num_list > li::before {
  content: counter( num_list );
  display: inline-block;
}

.content .num_list.num_ball {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.content .num_list.num_ball > li::before {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  padding: 0.5em 0;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background: #6fba2c;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #FFF;
  font-family: monospace;
  line-height: 1;
  text-align: center;
}
.content .num_list.num_ball > li + li {
  margin-top: 1rem;
}
@media only screen and (max-width:600px) {
  .content .num_list.num_ball > li {
    padding-left: 5em;
    min-height: 4em;
  }
  .content .num_list.num_ball > li::before {
    font-size: 2em;
  }
  .content .num_list.num_ball > li strong {
    font-size: 1.125em;
  }
}
@media print, (min-width:601px) {
  .content .num_list.num_ball > li {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 7em;
    min-height: 6em;
  }
  .content .num_list.num_ball > li::before {
    font-size: 3em;
  }
  .content .num_list.num_ball > li strong {
    font-size: 1.5em;
  }
}


.content .outline_block {
  margin: 1.5rem auto 3rem;
}
.content .outline_block.wp-block-media-text .wp-block-media-text__media {
  width: 40%;
}
.content .outline_block.wp-block-media-text .wp-block-media-text__content {
  width: 60%;
}
@media only screen and (max-width:600px) {
  .content .outline_block .wp-block-media-text__media {
    margin-top: 1.5rem;
  }
}
@media print, (min-width:601px) {
  .content .wp-block-columns.outline_block > .wp-block-column:first-child {
    padding-right: 8%;
    width: 60%;
    flex-basis: 60%;
  }
  .content .wp-block-columns.outline_block > .wp-block-column:last-child {
    margin-left: 0;
    width: 40%;
    flex-basis: 40%;
  }
  .content .outline_block .lead {
    font-size: 1.5em;
  }
}


.content .item_list {
  margin: 1.5rem auto;
  list-style: none;
  width: 90%;
}
.content .item_list > li {
  margin: 1.5rem 0;
}





.content .step_list, 
.content .step_note {
  margin-right: auto;
  margin-left: auto;
  max-width: 45rem;
}
.content .step_list {
  list-style: none;
  counter-reset: step_list;
}
.content .step_list > li {
  clear: both;
  margin: auto;
  padding-top: 0.5rem;
  counter-increment: step_list;
}
.content .step_list > li:not(:last-child) {
  padding-bottom: 1.5rem;
}
.content .step_list > li::before, 
.content .step_list > li::after {
  display: block;
  position: absolute;
  margin: 0;
  border-style: solid;
  color: #6fba2c;
  font-family: monospace;
  line-height: 1;
}
.content .step_list > li::before {
  content: counter( step_list );
  top: 0;
  left: 0;
  padding: 0.5em 0.25em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border-width: 2px;
  text-align: center;
}
.content .step_list > li:not(:last-child)::after {
  content: '';
  top: 2em;
  bottom: 0;
  left: 1em;
  margin-left: -1px;
  width: 0;
  border-width: 0 0 0 2px;
}
.content .step_list .thumb {
  float: right;
  margin-top: -0.5rem;
  margin-left: 1rem;
  line-height: 1;
  vertical-align: bottom;
}
@media only screen and (max-width:600px) {
  .content .step_list > li {
    padding-left: 3.8rem;
  }
  .content .step_list > li::before, 
  .content .step_list > li::after {
    font-size: 1.4rem;
  }
  .content .step_list .thumb {
    width: 4rem;
  }
  .content .step_list strong {
    font-size: 1.125em;
  }
}
@media print, (min-width:601px) {
  .content .step_list > li {
    padding-left: 6rem;
    min-height: 13rem;
  }
  .content .step_list > li::before, 
  .content .step_list > li::after {
    font-size: 2.5rem;
  }
  .content .step_list .thumb {
    width: 10rem;
  }
  .content .step_list strong {
    font-size: 1.5em;
  }
}

.content .step_note > dt {
  margin-bottom: 0.5em;
  padding-bottom: 0.255em;
  border-bottom: solid 2px rgba(111, 186, 44, 0.7);
  font-weight: bold;
}
.content .step_note > dt, 
.content .step_note > dd {
  line-height: 1.5;
  font-size: 0.875em;
}
@media only screen and (max-width:600px) {
  .content .step_note {
    padding-left: 3.8rem;
  }
}
@media print, (min-width:601px) {
  .content .step_note {
    padding-left: 6rem;
  }
}

.content table.wp-block-table:not(.is-style-stripes),
.content table.wp-block-table.table_scroll:not(.is-style-stripes) thead,
.content table.wp-block-table.table_scroll:not(.is-style-stripes) tfoot,
.content table.wp-block-table.table_scroll:not(.is-style-stripes) tbody,
.content table.wp-block-table:not(.is-style-stripes) th,
.content table.wp-block-table:not(.is-style-stripes) td {
  border-color: #666;
}
.content .info_table th {
  background-color: rgba(111, 186, 44, 0.5);
}
@media only screen and (max-width:600px) {
  .content .info_table th, 
  .content .info_table td {
    display: block;
  }
}
@media print, (min-width:601px) {
  .content .info_table th {
    width: 20%;
  }
}


.content .feature_list {
  list-style: none;
  display: table;
  border-collapse: separate;
  border-spacing: 0.5rem;
  margin-right: auto;
  margin-left: auto;
}
.content .feature_list > li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 7em;
  max-width: 7em;
  height: 7em;
  max-height: 7em;
  border-radius: 50%;
  border: solid 2px #999;
  background-color: #FFF;
  color: rgba(111, 186, 44, 0.7);
  font-weight: bold;
  white-space: nowrap;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.content .feature_list > li::before {
  content: '';
  display: block;
  width: auto;
  height: 0.25em;
}
@media only screen and (max-width:719px) {
  .content .feature_list > li {
    font-size: 0.8em;
  }
}
@media print, (min-width:601px) {
  .content .feature_list {
    border-spacing: 1rem;    
  }
  .content .feature_list > li {
    font-size: 1.25em;
  }
}