<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ======================================================
 * guide_about_enkaku.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Page Component
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Page Component
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* ----- enkaku-layout ----- */
  .enkaku-layout {
    position: relative;
  }
  .enkaku-layout + .enkaku-layout {
    margin-top: 2.4em;
  }
  .enkaku-layout::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 6px;
    height: calc(100% + 2.4em);
    margin-left: -3px;
    background-color: #fd0;
    content: "";
    z-index: 2;
  }
  .enkaku-layout:first-child::before {
    height: calc(100% + 2.4em - 27px);
    top: 27px;
  }
  .enkaku-layout:last-child::before {
    height: calc(100%);
  }
  .enkaku-layout .enkaku-heading-lv2 {
    position: relative;
  }
  .enkaku-layout .enkaku-heading-lv2::before {
    position: absolute;
    top: 27px;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -18px;
    border: 7px solid #fd0;
    background-color: #fff;
    border-radius: 36px;
    content: "";
    z-index: 3;
  }
  .enkaku-layout .enkaku-heading-lv3 {
    position: relative;
  }
  .enkaku-layout .enkaku-heading-lv3::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-color: #fd0;
    border-radius: 16px;
    content: "";
    z-index: 3;
  }
  /* ----- enkaku-heading-lv2 ----- */
  .enkaku-heading-lv2 {
    padding: 1.2em 22px 1.2em;
    background-color: #e9e9e9;
  }
  .enkaku-heading-lv2 .enkaku-heading_title .era_label {
    font-size: 3.7rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .enkaku-heading-lv2 .enkaku-heading_title .era_label + .year_label {
    margin-left: 16px;
  }
  .enkaku-heading-lv2 .enkaku-heading_title .year_label {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.4;
  }
  /* ----- enkaku-heading-lv3 ----- */
  .enkaku-heading-lv3 {
    margin-top: 1.6em;
  }
  .enkaku-heading-lv3 .enkaku-heading_title .year_label {
    display: inline-block;
    width: calc((100% - 29px)/2);
    text-align: right;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .enkaku-heading-lv3 .enkaku-heading_title .era_label {
    display: inline-block;
    width: calc((100% - 29px)/2);
    text-align: left;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .enkaku-heading-lv3 .enkaku-heading_title .year_label + .era_label {
    margin-left: 29px;
  }
  /* ----- enkaku-column ----- */
  .enkaku-column {
    margin-top: .6em;
  }
  .enkaku-column::after {
    display: block;
    clear: both;
    content: "";
  }
  .enkaku-column .enkaku-column_left {
    float: left;
    width: calc((100% - 6px)/2);
  }
  .enkaku-column .enkaku-column_right {
    float: right;
    width: calc((100% - 6px)/2);
  }
  .enkaku-column .enkaku-column_left &gt; *:first-child,
  .enkaku-column .enkaku-column_right &gt; *:first-child {
    margin-top: 0 !important;
  }
  /* ----- enkaku-description ----- */
  .enkaku-description {
    display: flex;
    background-color: #f3f3f3;
    padding: .4em 16px .4em 22px;
  }
  .enkaku-description .enkaku-description_title {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.6;
  }
  .enkaku-column_left .enkaku-description .enkaku-description_title {
    width: 2.35em;
    color: #58a52d;
  }
  .enkaku-column_right .enkaku-description .enkaku-description_title {
    width: 4.7em;
    color: #1176cc;
  }
  .enkaku-description .enkaku-description_detail {
    margin-left: 16px;
    line-height: 1.6;
    flex: 1;
  }
  .enkaku-description .enkaku-description_detail .enkaku-text-bold {
    font-weight: bold;
  }
  /* ----- enkaku-image ----- */
  .enkaku-image {
    width: 200px;
    margin-top: .6em;
  }
  .enkaku-column_left .enkaku-image {
    margin-left: calc((18px * 2.35) + 22px + 16px);
  }
  .enkaku-column_right .enkaku-image {
    margin-left: calc((18px * 4.7) + 22px + 16px);
  }
  /* ----- enkaku-logo ----- */
  .enkaku-logo {
    width: 200px;
    margin-top: .6em;
    margin-left: 22px;
  }
  .f-small_80 {
    font-size: 80%!important;
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* ----- enkaku-layout ----- */
  .enkaku-layout {
    position: relative;
  }
  .enkaku-layout + .enkaku-layout {
    margin-top: 2em;
  }
  .enkaku-layout::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: calc(100% + 2em);
    margin-left: -2px;
    background-color: #fd0;
    content: "";
    z-index: 2;
  }
  .enkaku-layout:first-child::before {
    height: calc(100% + 2em - 16px);
    top: 16px;
  }
  .enkaku-layout:last-child::before {
    height: calc(100%);
  }
  .enkaku-layout .enkaku-heading-lv2 {
    position: relative;
  }
  .enkaku-layout .enkaku-heading-lv2::before {
    position: absolute;
    top: 16px;
    left: 50%;
    width: 25px;
    height: 25px;
    margin-left: -12.5px;
    border: 5px solid #fd0;
    background-color: #fff;
    border-radius: 25px;
    content: "";
    z-index: 3;
  }
  .enkaku-layout .enkaku-heading-lv3 {
    position: relative;
  }
  .enkaku-layout .enkaku-heading-lv3::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    background-color: #fd0;
    border-radius: 8px;
    content: "";
    z-index: 3;
  }
  /* ----- enkaku-heading-lv2 ----- */
  .enkaku-heading-lv2 {
    padding: 1em 11px;
    background-color: #e9e9e9;
  }
  .enkaku-heading-lv2 .enkaku-heading_title .era_label {
    font-size: 1.9rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .enkaku-heading-lv2 .enkaku-heading_title .era_label + .year_label {
    margin-left: 8.5px;
  }
  .enkaku-heading-lv2 .enkaku-heading_title .year_label {
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.4;
  }
  /* ----- enkaku-heading-lv3 ----- */
  .enkaku-heading-lv3 {
    margin-top: 1.2em;
  }
  .enkaku-heading-lv3 .enkaku-heading_title .year_label {
    display: inline-block;
    width: calc((100% - 18px)/2);
    text-align: right;
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .enkaku-heading-lv3 .enkaku-heading_title .era_label {
    display: inline-block;
    width: calc((100% - 18px)/2);
    text-align: left;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4;
  }
  .enkaku-heading-lv3 .enkaku-heading_title .year_label + .era_label {
    margin-left: 18px;
  }
  /* ----- enkaku-column ----- */
  .enkaku-column {
    margin-top: .8em;
  }
  .enkaku-column::after {
    display: block;
    clear: both;
    content: "";
  }
  .enkaku-column .enkaku-column_left {
    float: left;
    width: calc((100% - 4px)/2);
  }
  .enkaku-column .enkaku-column_right {
    float: right;
    width: calc((100% - 4px)/2);
  }
  .enkaku-column .enkaku-column_left &gt; *:first-child,
  .enkaku-column .enkaku-column_right &gt; *:first-child {
    margin-top: 0 !important;
  }
  /* ----- enkaku-description ----- */
  .enkaku-description {
    background-color: #f3f3f3;
    padding: .4em 11px;
  }
  .enkaku-description .enkaku-description_title {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .enkaku-column_left .enkaku-description .enkaku-description_title {
    color: #58a52d;
  }
  .enkaku-column_right .enkaku-description .enkaku-description_title {
    color: #1176cc;
  }
  .enkaku-description .enkaku-description_detail {
    margin-top: 1px;
    line-height: 1.6;
    font-size: 1.3rem;
  }
  .enkaku-description .enkaku-description_detail .enkaku-text-bold {
    font-weight: bold;
  }
  /* ----- enkaku-image ----- */
  .enkaku-image {
    width: 149px;
    margin-top: .8em;
    margin-left: 11px;
  }
  /* ----- enkaku-logo ----- */
  .enkaku-logo {
    width: 149px;
    margin-top: .8em;
    margin-left: 11px;
  }
  .f-small_80 {
    font-size: 80%!important;
  }
}

/* ======================================================
 * SP Media Queries
====================================================== */


/* ======================================================
 * Print
====================================================== */

</pre></body></html>